header{position:relative;margin-bottom:-3%}header img{height:auto}header .bx-wrapper{position:absolute;display:block;background-color:transparent;width:100%;top:0;left:0;border:transparent;z-index:50}header #imgMv{display:block;width:100%}header #imgMv li{display:block;width:100%}header #imgMv li img{display:block;width:100%}header #headerInner{position:relative;display:block;z-index:200;width:100%;margin-bottom:10%}header #headerInner #logoDevice{width:60%;padding:1.5% 0 0 2%}header #headerInner #logoDevice img{width:100%}header #headerInner #logoSao{width:90%;margin:105% 0 0 5%}header #headerInner #release{width:70%;margin:5% 0 0 15%}header #headerInner #bxPagerMvWrapper{display:block;width:80%;height:auto;margin:5% 0 0 10%;top:85%;left:29.5%;z-index:210}header #headerInner #bxPagerMvWrapper>img{display:block;width:45%;margin:0 1.5% 0 auto}header #headerInner #bxPagerMvWrapper ul{margin-top:0}header #headerInner #bxPagerMvWrapper ul li{float:left;width:25%}header #headerInner #bxPagerMvWrapper ul li img{width:100%}header #headerInner #bxPagerMvWrapper ul li a.active{opacity:0.5;pointer-events:none !important}header #headerInner .nswBnr{position:relative;background:url(../images/top/bnr/parts/bg_1.jpg) left top repeat-y;background-size:auto 100%;width:92%;margin:4% 0 0 4%;box-sizing:border-box;overflow:hidden}header #headerInner .nswBnr .nswBnrInner{background:url(../images/top/bnr/parts/bg_4.png) center top repeat-y;animation:loopBg01 8s linear infinite;-webkit-animation:loopBg01 8s linear infinite}header #headerInner .nswBnr .nswBnrInner:before,header #headerInner .nswBnr .nswBnrInner:after{content:"";position:absolute;display:block;width:100%;height:100%;top:0;left:0;pointer-events:none;animation:loopBg02 2s linear infinite;-webkit-animation:loopBg02 2s linear infinite}header #headerInner .nswBnr .nswBnrInner:before{background:url(../images/top/bnr/parts/bg_2.png) left top repeat-y;background-size:auto 300%}header #headerInner .nswBnr .nswBnrInner:after{background:url(../images/top/bnr/parts/bg_3.png) left top repeat-y;background-size:auto 300%;animation-delay:1s}header #headerInner .nswBnr img{width:100%}header #headerInner .nswBnr li{position:relative;z-index:200;margin:1px}header #headerInner .nswBnr li:nth-child(1){background:rgba(255,0,0,0.25);border:solid 1px #ff0000;box-sizing:border-box}header #headerInner .exBnr{position:relative;background:url(../images/top/bnr/parts/bg_1.jpg) left top repeat-y;background-size:auto 100%;width:92%;margin:4% 0 0 4%;box-sizing:border-box;overflow:hidden}header #headerInner .exBnr .exBnrInner{background:url(../images/top/bnr/parts/bg_4.png) center top repeat-y;animation:loopBg01 8s linear infinite;-webkit-animation:loopBg01 8s linear infinite}header #headerInner .exBnr .exBnrInner:before,header #headerInner .exBnr .exBnrInner:after{content:"";position:absolute;display:block;width:100%;height:100%;top:0;left:0;pointer-events:none;animation:loopBg02 2s linear infinite;-webkit-animation:loopBg02 2s linear infinite}header #headerInner .exBnr .exBnrInner:before{background:url(../images/top/bnr/parts/bg_2.png) left top repeat-y;background-size:auto 100%}header #headerInner .exBnr .exBnrInner:after{background:url(../images/top/bnr/parts/bg_3.png) left top repeat-y;background-size:auto 100%;animation-delay:1s}header #headerInner .exBnr img{width:100%}header #headerInner .exBnr li{position:relative;z-index:200;margin:1px}header #headerInner .exBnr li:nth-child(1){background:rgba(0,85,255,0.25);border:solid 1px #0055ff;box-sizing:border-box}header #headerInner .exBnr li:nth-child(2){background:rgba(255,85,0,0.25);border:solid 1px #ff5500;box-sizing:border-box}header #headerInner .exBnr li:nth-child(3){background:rgba(255,0,0,0.25);border:solid 1px #ff0000;box-sizing:border-box}header #headerInner #movieCol{width:70%;margin:5% 0 0 15%}header #headerInner #movieCol h2{display:none}header #headerInner #movieCol a img{width:100%}header #headerInner #bnrCol{display:block;width:100%;margin:2% 0 0}header #headerInner #bnrCol li{width:44%;margin:3% 0 0 4%;float:left}header #headerInner #bnrCol li.big{width:92%}header #headerInner #bnrCol li:last-child{position:relative}header #headerInner #bnrCol li:last-child .bxSliderBnr li{margin:0 !important}header #headerInner #bnrCol li:last-child .bx-controls-direction{display:none}header #headerInner #bnrCol li:last-child .bx-pager.bx-default-pager{bottom:-15px;text-align:right}header #headerInner #bnrCol li:last-child .bx-pager.bx-default-pager a.bx-pager-link{background:rgba(255,255,255,0.5);margin:0 2px}header #headerInner #bnrCol li:last-child .bx-pager.bx-default-pager a.bx-pager-link.active,header #headerInner #bnrCol li:last-child .bx-pager.bx-default-pager a.bx-pager-link:hover{background:#fff;opacity:1}header #headerInner #bnrCol li:last-child li:last-child{padding-top:0}header #headerInner #bnrCol li img{width:100%}@media (min-width: 1024px){header{margin-bottom:-35px}header #imgMv{display:block}header #imgMv li{width:1024px;height:1128px}header #imgMv li#mv01{background:url(../images/top/mv/img_mv_01_pc.png) top center no-repeat}header #imgMv li#mv02{background:url(../images/top/mv/img_mv_02_pc.png) top center no-repeat}header #imgMv li#mv03{background:url(../images/top/mv/img_mv_03_pc.png) top center no-repeat}header #imgMv li#mv04{background:url(../images/top/mv/img_mv_04_pc.png) top center no-repeat}header #imgMv li img{display:none}header #headerInner{min-height:1018px;width:1024px;position:relative;margin:0 auto 40px auto}header #headerInner #logoDevice,header #headerInner #release,header #headerInner #movieCol{margin-left:0}header #headerInner #logoDevice{display:block;background:url(../images/top/logo_device.png) bottom center no-repeat;width:729px;height:38px;padding:50px 0 0}header #headerInner #logoDevice img{display:none}header #headerInner #logoSao{position:absolute;left:50%;width:490px;height:auto;top:590px;margin:0 0 0 -175px}header #headerInner #release{width:295px;margin-top:30px}header #headerInner #bxPagerMvWrapper{position:absolute;width:auto;top:auto;bottom:12px;right:0;left:auto;margin:0}header #headerInner #bxPagerMvWrapper>img{width:140px}header #headerInner #bxPagerMvWrapper ul{width:156px}header #headerInner #bxPagerMvWrapper ul li{width:78px}header #headerInner #bxPagerMvWrapper ul li img{width:78px}header #headerInner #bxPagerMvWrapper a:hover{opacity:0.5}header #headerInner .nswBnr{position:absolute;background-size:auto;width:860px;height:165px;margin:0;top:840px;left:0px}header #headerInner .nswBnr .nswBnrInner:before,header #headerInner .nswBnr .nswBnrInner:after{background-size:auto;width:20px;pointer-events:none;animation:loopBg02Pc 3s linear infinite;-webkit-animation:loopBg02Pc 3s linear infinite}header #headerInner .nswBnr .nswBnrInner:after{animation-delay:1.5s}header #headerInner .nswBnr .nswBnrInner ul{height:165px}header #headerInner .nswBnr .nswBnrInner ul li{position:absolute;display:block;width:851px;height:157px;top:3px;left:3px;background:rgba(255,0,0,0.25)}header #headerInner .nswBnr .nswBnrInner ul img{width:857px;margin-top:-5px}header #headerInner .nswBnr .nswBnrInner ul:hover li{opacity:0.8}header #headerInner .exBnr{position:absolute;background-size:auto;width:860px;height:165px;margin:0;top:840px;left:0px}header #headerInner .exBnr .exBnrInner:before,header #headerInner .exBnr .exBnrInner:after{background-size:auto;width:20px;pointer-events:none;animation:loopBg02Pc 3s linear infinite;-webkit-animation:loopBg02Pc 3s linear infinite}header #headerInner .exBnr .exBnrInner:after{animation-delay:1.5s}header #headerInner .exBnr .exBnrInner ul{height:165px}header #headerInner .exBnr .exBnrInner ul li{position:absolute;display:block;width:282px;height:157px;top:3px;transition:all 0.5s}header #headerInner .exBnr .exBnrInner ul li img{width:auto;margin:-5px 0 0 -5px;opacity:0;transition:all 0.5s}header #headerInner .exBnr .exBnrInner ul li:nth-child(1){background:url(../images/top/bnr/parts/bnr_dlc4_pc.png) left top no-repeat,rgba(0,85,255,0.25);left:3px}header #headerInner .exBnr .exBnrInner ul li:nth-child(2){background:url(../images/top/bnr/parts/bnr_ce_pc.png) left top no-repeat,rgba(255,85,0,0.25);left:288px}header #headerInner .exBnr .exBnrInner ul li:nth-child(3){background:url(../images/top/bnr/parts/bnr_nw_pc.png) left top no-repeat,rgba(255,0,0,0.25);left:573px}header #headerInner .exBnr .exBnrInner ul:hover li{display:none}header #headerInner .exBnr .exBnrInner ul:hover>li:hover{display:block;width:852px;left:3px}header #headerInner .exBnr .exBnrInner ul:hover>li:hover img{opacity:1}header #headerInner .exBnr .exBnrInner ul:hover>li:nth-child(1):hover{background:rgba(0,85,255,0.25)}header #headerInner .exBnr .exBnrInner ul:hover>li:nth-child(2):hover{background:rgba(255,85,0,0.25)}header #headerInner .exBnr .exBnrInner ul:hover>li:nth-child(3):hover{background:rgba(255,0,0,0.25)}header #headerInner #movieCol{width:295px;height:auto;margin-top:20px}header #headerInner #movieCol h2{display:block;margin-bottom:5px}header #headerInner #movieCol a img{width:295px;margin:0}header #headerInner #bnrCol{width:295px;margin:6px 0 0}header #headerInner #bnrCol li{width:auto;margin:5px 0 0;float:none}header #headerInner #bnrCol li a:hover{opacity:0.75}header #headerInner #bnrCol li.big,header #headerInner #bnrCol li.big li{width:295px}header #headerInner #bnrCol li:last-child{height:95px;padding-top:0}header #headerInner #bnrCol li:last-child ul:hover img{opacity:0.75}header #headerInner #bnrCol li:last-child .bx-controls-direction{display:none}header #headerInner #bnrCol li:last-child .bx-pager.bx-default-pager{bottom:0;text-align:left}header #headerInner #bnrCol li img{width:295px;height:80px}header #headerInner #bnrCol li.high img{height:165px}}@keyframes loopBg01{from{background-position:0 0}to{background-position:0 468px}}@keyframes loopBg02{from{left:0;width:0;opacity:0.6}75%{opacity:0.2}50%{background-position:0 top;left:0;width:100%;opacity:0.6}75%{opacity:0.2}to{background-position:47.5% top;left:100%;opacity:0.6}}@keyframes loopBg02Pc{from{left:0;width:0;opacity:0.6}25%{opacity:0.2}50%{background-position:0 top;left:0;width:860px;opacity:0.6}75%{opacity:0.2}to{background-position:-860px top;left:860px;width:0px;opacity:0.6}}main #newsList{width:100%;font-size:0.8em}main #newsList li{position:relative;display:block;width:92%;margin:0 0 10% 4%}main #newsList li.new:before{content:"";position:absolute;display:block;background:url(../images/top/news/ico_new_sp.png) top left no-repeat;background-size:100%;top:2%;left:0.1%;width:22.5%;height:10%}main #newsList li .imgNews{background:url(../images/top/news/bg_news_sp_off.png) top center no-repeat;background-size:100%;width:100%;height:auto;padding:4% 0 5%;margin-bottom:-12.7%;overflow:hidden}main #newsList li .imgNews .imgThumbnail{position:relative;width:94%;height:0;padding-top:39%;margin-bottom:7.9%;overflow:hidden;float:left}main #newsList li .imgNews .imgThumbnail img{position:absolute;top:0;left:50%;margin:-25% 0 25% -50%;padding-top:16%;width:100%;height:auto}main #newsList li .imgNews .imgIco img{width:2.9%;height:auto;padding:0 0 1% 1.5%}main #newsList li .txtNews{position:relative;width:100%;height:auto;border:none;z-index:100}main #newsList li .txtNews p{background:url(../images/top/news/bg_news_rpeat_sp_off.png) top center repeat-y;background-size:100%;padding:1% 2% 20px 2.8%}main #newsList li .txtNews span{position:absolute;display:block;bottom:-6px;border:#fff 1px solid;width:102px;vertical-align:middle;text-align:center}main #newsList li a{color:#fff;text-decoration:none}main #newsList li a:after{content:"";position:absolute;display:block;background:url(../images/top/news/bg_news_day_sp_off.png) top left no-repeat;background-size:100%;width:100%;height:15.5%}main #newsList li a:hover .imgNews{background:url(../images/top/news/bg_news_sp_on.png) top center no-repeat;background-size:100%}main #newsList li a:hover .txtNews p{background:url(../images/top/news/bg_news_rpeat_sp_on.png) top center repeat-y;background-size:100%}main #newsList li a:hover:after{display:block;background:url(../images/top/news/bg_news_day_sp_on.png) top left no-repeat;background-size:100%}main .holder{display:table;width:auto;margin-bottom:4%;margin-left:auto;margin-right:auto}main .holder a{display:block;background:url(../images/top/news/bg_pager_off.png) top center no-repeat;background-size:100%;width:28px;height:28px;float:left;color:#fff;font-size:16px;text-decoration:none;vertical-align:middle;text-align:center;padding-top:4px;margin:0 5px 0 0}main .holder a:hover{opacity:0.5}main .holder a.jp-current{opacity:0.5}main .holder .jp-previous,main .holder .jp-next{display:block;text-indent:-9999px;width:16px;height:26px;margin-top:4px}main .holder .jp-previous{background:url(../images/top/news/img_left_off.png) top center no-repeat;background-size:100%}main .holder .jp-previous:hover{opacity:0.5}main .holder .jp-previous.jp-disabled:hover{opacity:1}main .holder .jp-next{background:url(../images/top/news/img_right_off.png) top center no-repeat;background-size:100%}main .holder .jp-next:hover{opacity:0.5}main .holder .jp-next.jp-disabled:hover{opacity:1}main .holder span{display:block;float:left;padding-right:5px;margin-left:-2px}@media (min-width: 1024px){main #newsList{width:1030px;margin:auto}main #newsList li{width:322px;margin:0 0 71px 27px;float:left}main #newsList li.new:before{background:url(../images/top/news/ico_new_pc.png) top left no-repeat;background-size:100%;top:8px;left:1px;width:138px;height:13px}main #newsList li:nth-child(3n+1){margin-left:5px}main #newsList li .imgNews{background:url(../images/top/news/bg_news_pc_off.png) top center no-repeat;width:322px;height:210px;padding:20px 0 0;margin-bottom:-20px}main #newsList li .imgNews .imgThumbnail{width:296px;padding-top:190px}main #newsList li .imgNews .imgThumbnail img{position:absolute;top:0;left:0;margin:0 0 0 1px;width:295px;height:190px;padding-top:0}main #newsList li .imgNews .imgThumbnail.fifthAnniv{background:url(../images/top/news/img_news_12.jpg) top center no-repeat}main #newsList li .imgNews .imgThumbnail.fifthAnniv img{opacity:0}main #newsList li .imgNews .imgIco{position:relative}main #newsList li .imgNews .imgIco img{width:15px;height:auto;padding:0 0 5px 5px}main #newsList li .imgNews .imgIco img:nth-of-type(2){display:none}main #newsList li .imgNews .imgIco:after{content:"";position:absolute;display:block;background:url(../images/top/news/img_line.png) top left no-repeat;width:14px;height:74px;top:auto;left:301px}main #newsList li .txtNews{width:322px}main #newsList li .txtNews p{position:relative;background:url(../images/top/news/bg_news_rpeat_pc_off.png) top center repeat-y;padding:10px 15px}main #newsList li .txtNews span{bottom:-30px;margin:0}main #newsList li a:after{content:"";position:absolute;display:block;background:url(../images/top/news/bg_news_day_pc_off.png) top left no-repeat;width:322px;height:46px}main #newsList li a:hover .imgNews{background:url(../images/top/news/bg_news_pc_on.png) top center no-repeat}main #newsList li a:hover .imgNews .imgIco:after{background:url(../images/top/news/img_line.gif) top left no-repeat}main #newsList li a:hover .txtNews p{background:url(../images/top/news/bg_news_rpeat_pc_on.png) top center repeat-y}main #newsList li a:hover:after{background:url(../images/top/news/bg_news_day_pc_on.png) top left no-repeat}main #newsList li.blank{display:block;pointer-events:none;opacity:0.5}main #newsList li.blank a:hover .imgNews{background:url(../images/top/news/bg_news_pc_off.png) top center no-repeat}main #newsList li.blank a:hover .txtNews p{background:url(../images/top/news/bg_news_rpeat_pc_off.png) top center repeat-y}main #newsList li.blank a:hover:after{background:url(../images/top/news/bg_news_day_pc_off.png) top left no-repeat}main .holder a{width:52px;height:52px;font-size:20px;padding-top:12px;margin:0 10px 0 0}main .holder .jp-previous,main .holder .jp-next{width:32px;height:40px;margin-top:6px}main .holder span{font-size:20px;margin:5px 5px 0 0}}main #btnPtop{display:block;width:100%;height:auto;padding:3.5% 0;background:#000}main #btnPtop img{display:block;width:10%;margin:0 auto}@media (min-width: 1024px){main #btnPtop{display:block;margin-left:-25px;padding:20px 0}main #btnPtop img{width:50px}}main #btnPtop:hover img{opacity:0.5}main #specCol{position:relative;display:block;background:url(../images/top/bg_spec.png) top center no-repeat #E15000;background-size:116%;width:100%;height:auto;min-height:10em;padding:5% 0;font-size:15px;color:#000;letter-spacing:0px}main #specCol #specColInner{display:block;width:85%;height:100%;top:0;left:0;margin:2% 0 0 13%;line-height:1.7em}@media screen and (max-width: 495px){main #specCol #specColInner{line-height:1.5em}}main #specCol #specColInner p{font-size:20px;font-weight:bold}main #specCol #specColInner p br{display:block}main #specCol #specColInner hr{height:5px;border:none}main #specCol #specColInner span.registered{width:auto;font-size:0.8em}main #specCol:before,main #specCol:after{content:"";position:absolute;display:block}main #specCol:after{background:url(../images/top/bg_spec_deco.png) top center no-repeat;background-size:100%;left:50%;width:51%;top:-1.3%;padding-top:1%;background-position:left top;top:-5px;background-size:auto auto;height:6px}@media (min-width: 1024px){main #specCol{background-size:auto;height:1340px;padding:0;font-size:16px;letter-spacing:4px}main #specCol #specColInner{position:absolute;top:40px;left:50%;margin:0 0 0 -370px;line-height:1.6em}main #specCol #specColInner p br{display:none}main #specCol:before{background:#E15000;left:55%;width:45%;height:10px;top:-10px}main #specCol:after{width:640px;top:-10px}}main #twitterCol{position:relative;display:block;background:url(../images/top/bg_twitter.png) top center no-repeat gray;background-size:116%;width:100%;height:100%;padding-top:70%}main #twitterCol #twitterColInner{position:absolute;width:82%;height:90%;top:5%;left:13%;overflow-y:scroll;-webkit-overflow-scrolling:touch}main #twitterCol:before{content:"";position:absolute;display:block;background:url(../images/top/bg_twitter_deco.png) top center no-repeat;background-size:100%;width:51%;top:-1%;left:25%;padding-top:1%}@media (min-width: 1024px){main #twitterCol{background-size:auto;height:480px;padding-top:0}main #twitterCol #twitterColInner{width:900px;height:380px;top:70px;left:50%;margin-left:-380px}main #twitterCol:before{width:580px;height:10px;top:-10px;left:50%;margin-left:-290px}}
