﻿html{font-family:"游ゴシック","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;font-size:calc(100vw / 30)}@media screen and (min-width: 600px) and (max-width: 959px){html{font-size:18px}}@media screen and (min-width: 960px){html{font-size:16px}}body{color:#fff;line-height:150%}body:before{content:"";display:block;position:fixed;background:url(../images/common/bg_sp.jpg) no-repeat center top #fff;background-size:cover;box-sizing:border-box;top:0;left:0;width:100%;height:100vh;z-index:-10}@media screen and (min-width: 960px){body{background:url(../images/common/bg.jpg) no-repeat center top;background-size:auto;background-attachment:fixed}body:before{display:none}}body #container{position:relative}img{width:100%}@media screen and (min-width: 960px){img{width:auto}}a{color:#e6be5a;text-decoration:underline;border:none;vertical-align:top}a:hover{text-decoration:none}a:visited{color:#e6be5a}a:active{color:#e6be5a}ul.notice{padding-left:1em;font-size:90%}ul.notice li{padding-bottom:1.5%;text-indent:-1em;line-height:1.2em}@media screen and (min-width: 960px){ul.notice li{padding-bottom:8px}}ul.notice li:last-child{padding-bottom:0}img.imgPc{display:none}@media screen and (min-width: 960px){img.imgPc{display:inline-block}}img.imgSp{display:inline-block}@media screen and (min-width: 960px){img.imgSp{display:none}}br.brPc{display:none}@media screen and (min-width: 960px){br.brPc{display:inline-block}}br.brSp{display:inline-block}@media screen and (min-width: 960px){br.brSp{display:none}}.btnArea a{display:block;margin:0 auto 15px;padding:15px 0;width:60%;box-sizing:border-box;border-radius:4px;border:3px solid #fff;text-align:center;line-height:1em;font-weight:bold;font-size:125%;color:#fff;text-decoration:none;-moz-transition:.3s;-ms-transition:.3s;-webkit-transition:.3s;transition:.3s}.btnArea a:last-child{margin:0 auto}.btnArea a:hover{border-color:#ff9600;color:#ff9600}@media screen and (min-width: 960px){.btnArea a{width:200px}}.btnArea .btnMore img{width:45%}@media screen and (min-width: 600px) and (max-width: 959px){.btnArea .btnMore{width:45%;min-width:auto}}@media screen and (min-width: 960px){.btnArea .btnMore img{width:60%}}.btnArea .btnBack img{width:45%}@media screen and (min-width: 600px) and (max-width: 959px){.btnArea .btnBack{width:45%;min-width:auto}}@media screen and (min-width: 960px){.btnArea .btnBack img{width:60%}}header{width:100%}header nav #gnavi{display:none}@media screen and (min-width: 960px){header nav #gnavi{display:block;position:fixed;top:0;width:100%;min-width:1000px;height:80px;box-sizing:border-box;border-bottom:2px solid #000;background-color:rgba(13,13,13,0.85);text-align:center;z-index:1000}header nav #gnavi ul#gnaviInner{position:relative;margin:0 auto;width:1000px;height:80px;display:flex;flex-flow:row nowrap;justify-content:space-between}header nav #gnavi ul#gnaviInner li{position:relative;display:block;height:100%}header nav #gnavi ul#gnaviInner li.new a:before{content:"";display:block;position:absolute;top:18px;left:0;width:31px;height:13px;background:url(../images/common/header/ico_new.png) top left no-repeat;z-index:30}header nav #gnavi ul#gnaviInner li a{display:inline-block;height:78px;background-repeat:no-repeat;background-position:top center;-moz-transition:.2s;-ms-transition:.2s;-webkit-transition:.2s;transition:.2s;text-indent:-9999em}header nav #gnavi ul#gnaviInner li a:after{position:absolute;top:0;left:0;display:block;content:"";width:100%;height:100%;background-repeat:no-repeat;background-position:top center;-moz-transition:.2s;-ms-transition:.2s;-webkit-transition:.2s;transition:.2s;opacity:0}header nav #gnavi ul#gnaviInner li a:hover,header nav #gnavi ul#gnaviInner li a.actv{background-image:none}header nav #gnavi ul#gnaviInner li a:hover:after,header nav #gnavi ul#gnaviInner li a.actv:after{opacity:1}header nav #gnavi ul#gnaviInner li#btnGnHome a{width:56px;background-image:url(../images/common/header/gnav_home_off.png)}header nav #gnavi ul#gnaviInner li#btnGnHome a:hover:after,header nav #gnavi ul#gnaviInner li#btnGnHome a.actv:after{background-image:url(../images/common/header/gnav_home_on.png)}header nav #gnavi ul#gnaviInner li#btnGnChara a{width:115px;background-image:url(../images/common/header/gnav_chara_off.png)}header nav #gnavi ul#gnaviInner li#btnGnChara a:hover:after,header nav #gnavi ul#gnaviInner li#btnGnChara a.actv:after{background-image:url(../images/common/header/gnav_chara_on.png)}header nav #gnavi ul#gnaviInner li#btnGnMode a{width:56px;background-image:url(../images/common/header/gnav_mode_off.png)}header nav #gnavi ul#gnaviInner li#btnGnMode a:hover:after,header nav #gnavi ul#gnaviInner li#btnGnMode a.actv:after{background-image:url(../images/common/header/gnav_mode_on.png)}header nav #gnavi ul#gnaviInner li#btnGnSystem a{width:153px;background-image:url(../images/common/header/gnav_system_off.png)}header nav #gnavi ul#gnaviInner li#btnGnSystem a:hover:after,header nav #gnavi ul#gnaviInner li#btnGnSystem a.actv:after{background-image:url(../images/common/header/gnav_system_on.png)}header nav #gnavi ul#gnaviInner li#btnGnOnline a{width:71px;background-image:url(../images/common/header/gnav_oline_off.png)}header nav #gnavi ul#gnaviInner li#btnGnOnline a:hover:after,header nav #gnavi ul#gnaviInner li#btnGnOnline a.actv:after{background-image:url(../images/common/header/gnav_oline_on.png)}header nav #gnavi ul#gnaviInner li#btnGnInfo a{width:131px;background-image:url(../images/common/header/gnav_info_off.png)}header nav #gnavi ul#gnaviInner li#btnGnInfo a:hover:after,header nav #gnavi ul#gnaviInner li#btnGnInfo a.actv:after{background-image:url(../images/common/header/gnav_info_on.png)}header nav #gnavi ul#gnaviInner li#btnGnVideo a{width:60px;background-image:url(../images/common/header/gnav_movie_off.png)}header nav #gnavi ul#gnaviInner li#btnGnVideo a:hover:after,header nav #gnavi ul#gnaviInner li#btnGnVideo a.actv:after{background-image:url(../images/common/header/gnav_movie_on.png)}header nav #gnavi ul#gnaviInner li#btnGnDlc a{width:37px;background-image:url(../images/common/header/gnav_dlc_off.png)}header nav #gnavi ul#gnaviInner li#btnGnDlc a:hover:after,header nav #gnavi ul#gnaviInner li#btnGnDlc a.actv:after{background-image:url(../images/common/header/gnav_dlc_on.png)}header nav #gnavi ul#gnaviInner li#btnGnSpecial a{width:79px;background-image:url(../images/common/header/gnav_special_off.png)}header nav #gnavi ul#gnaviInner li#btnGnSpecial a:hover:after,header nav #gnavi ul#gnaviInner li#btnGnSpecial a.actv:after{background-image:url(../images/common/header/gnav_special_on.png)}header nav #gnavi ul#gnaviInner li#btnGnSpec a{width:49px;background-image:url(../images/common/header/gnav_spec_off.png)}header nav #gnavi ul#gnaviInner li#btnGnSpec a:hover:after,header nav #gnavi ul#gnaviInner li#btnGnSpec a.actv:after{background-image:url(../images/common/header/gnav_spec_on.png)}}header nav #gnavi_sp{display:block}header nav #gnavi_sp input#menu-cb{display:none}@media screen and (min-width: 960px){header nav #gnavi_sp{display:none}}header nav #gnavi_sp label#menu-icon{display:block;position:fixed;top:0;right:0;width:60px;height:60px;background-color:rgba(13,13,13,0.85);border:2px solid #000;border-radius:3px;box-sizing:border-box;vertical-align:middle;z-index:1500;cursor:pointer}header nav #gnavi_sp label#menu-icon span.bar1,header nav #gnavi_sp label#menu-icon span.bar2,header nav #gnavi_sp label#menu-icon span.bar1:before,header nav #gnavi_sp label#menu-icon span.bar1:after{display:block;content:'';position:absolute;top:25px;left:10px;height:4px;width:40px;border-radius:3px;background:#fff;-moz-transition:.3s;-ms-transition:.3s;-webkit-transition:.3s;transition:.3s}header nav #gnavi_sp label#menu-icon span.bar1:before{top:-15px;left:0;opacity:1}header nav #gnavi_sp label#menu-icon span.bar1:after{top:15px;left:0;opacity:1}header nav #gnavi_sp #menu-cb:checked ~ #menu-icon span.bar1{-moz-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}header nav #gnavi_sp #menu-cb:checked ~ #menu-icon span.bar2{-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}header nav #gnavi_sp #menu-cb:checked ~ #menu-icon span.bar1:before{top:0;opacity:0}header nav #gnavi_sp #menu-cb:checked ~ #menu-icon span.bar1:after{top:0;opacity:0}header nav #gnavi_sp label#menu-background{display:none;position:fixed;top:0;right:0;width:100%;height:100%;background-color:rgba(13,13,13,0.9);-moz-transition:.4s;-ms-transition:.4s;-webkit-transition:.4s;transition:.4s;opacity:0;z-index:-1}header nav #gnavi_sp #menu-cb:checked ~ #menu-background{display:block;opacity:1;z-index:999}header nav #gnavi_sp #ham-menu{position:fixed;right:0;top:0;padding:10px;box-sizing:border-box;width:100%;height:0;z-index:1000;overflow-y:auto;opacity:0;-moz-transition:.1s;-ms-transition:.1s;-webkit-transition:.1s;transition:.1s}header nav #gnavi_sp #ham-menu ul{height:0;-moz-transition:.3s;-ms-transition:.3s;-webkit-transition:.3s;transition:.3s}header nav #gnavi_sp #ham-menu ul li{position:relative;width:100%;padding-top:10.6%;margin-top:1.5%;border-bottom:1px solid #000}header nav #gnavi_sp #ham-menu ul li.new a:before{content:"";display:block;position:absolute;top:-7%;right:0;bottom:0;left:0;margin:0 auto;padding-top:3%;width:100%;height:0;background:url(../images/common/header/ico_new.png) top center no-repeat;background-size:contain}header nav #gnavi_sp #ham-menu ul li a{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:top center;background-size:contain;text-indent:-9999em}header nav #gnavi_sp #ham-menu ul li#btnGnSpHome a{background-image:url(../images/common/header/gnavsp_home_off.png)}header nav #gnavi_sp #ham-menu ul li#btnGnSpHome a:hover,header nav #gnavi_sp #ham-menu ul li#btnGnSpHome a.actv{background-image:url(../images/common/header/gnavsp_home_on.png)}header nav #gnavi_sp #ham-menu ul li#btnGnSpChara a{background-image:url(../images/common/header/gnavsp_chara_off.png)}header nav #gnavi_sp #ham-menu ul li#btnGnSpChara a:hover,header nav #gnavi_sp #ham-menu ul li#btnGnSpChara a.actv{background-image:url(../images/common/header/gnavsp_chara_on.png)}header nav #gnavi_sp #ham-menu ul li#btnGnSpMode a{background-image:url(../images/common/header/gnavsp_mode_off.png)}header nav #gnavi_sp #ham-menu ul li#btnGnSpMode a:hover,header nav #gnavi_sp #ham-menu ul li#btnGnSpMode a.actv{background-image:url(../images/common/header/gnavsp_mode_on.png)}header nav #gnavi_sp #ham-menu ul li#btnGnSpSystem a{background-image:url(../images/common/header/gnavsp_system_off.png)}header nav #gnavi_sp #ham-menu ul li#btnGnSpSystem a:hover,header nav #gnavi_sp #ham-menu ul li#btnGnSpSystem a.actv{background-image:url(../images/common/header/gnavsp_system_on.png)}header nav #gnavi_sp #ham-menu ul li#btnGnSpOnline a{background-image:url(../images/common/header/gnavsp_oline_off.png)}header nav #gnavi_sp #ham-menu ul li#btnGnSpOnline a:hover,header nav #gnavi_sp #ham-menu ul li#btnGnSpOnline a.actv{background-image:url(../images/common/header/gnavsp_oline_on.png)}header nav #gnavi_sp #ham-menu ul li#btnGnSpInfo a{background-image:url(../images/common/header/gnavsp_info_off.png)}header nav #gnavi_sp #ham-menu ul li#btnGnSpInfo a:hover,header nav #gnavi_sp #ham-menu ul li#btnGnSpInfo a.actv{background-image:url(../images/common/header/gnavsp_info_on.png)}header nav #gnavi_sp #ham-menu ul li#btnGnSpVideo a{background-image:url(../images/common/header/gnavsp_movie_off.png)}header nav #gnavi_sp #ham-menu ul li#btnGnSpVideo a:hover,header nav #gnavi_sp #ham-menu ul li#btnGnSpVideo a.actv{background-image:url(../images/common/header/gnavsp_movie_on.png)}header nav #gnavi_sp #ham-menu ul li#btnGnSpDlc a{background-image:url(../images/common/header/gnavsp_dlc_off.png)}header nav #gnavi_sp #ham-menu ul li#btnGnSpDlc a:hover,header nav #gnavi_sp #ham-menu ul li#btnGnSpDlc a.actv{background-image:url(../images/common/header/gnavsp_dlc_on.png)}header nav #gnavi_sp #ham-menu ul li#btnGnSpSpecial a{background-image:url(../images/common/header/gnavsp_special_off.png)}header nav #gnavi_sp #ham-menu ul li#btnGnSpSpecial a:hover,header nav #gnavi_sp #ham-menu ul li#btnGnSpSpecial a.actv{background-image:url(../images/common/header/gnavsp_special_on.png)}header nav #gnavi_sp #ham-menu ul li#btnGnSpSpec a{background-image:url(../images/common/header/gnavsp_spec_off.png)}header nav #gnavi_sp #ham-menu ul li#btnGnSpSpec a:hover,header nav #gnavi_sp #ham-menu ul li#btnGnSpSpec a.actv{background-image:url(../images/common/header/gnavsp_spec_on.png)}header nav #gnavi_sp #menu-cb:checked ~ #ham-menu{height:100%;opacity:1}header nav #gnavi_sp #menu-cb:checked ~ #ham-menu ul{height:100%}main#mainCol{width:100%;box-sizing:border-box}@media screen and (min-width: 960px){main#mainCol{padding-top:80px}}main#mainCol .mainHeader{position:relative;margin:0 auto;width:100%;box-sizing:border-box}@media screen and (min-width: 960px){main#mainCol .mainHeader{width:1000px}}main#mainCol .mainHeader h1{margin:0 auto;padding-top:10px;width:28%;text-align:center}@media screen and (min-width: 960px){main#mainCol .mainHeader h1{width:162px}main#mainCol .mainHeader h1 img{width:100%}}main#mainCol .mainColInner{position:relative;margin-top:10px;width:100%;box-sizing:border-box;background:rgba(13,13,13,0.85)}@media screen and (min-width: 960px){main#mainCol .mainColInner{min-width:1000px}}main#mainCol .mainColInner #pageHeader{padding:5.3% 0 3.3%}main#mainCol .mainColInner #pageHeader h2{padding:0 4%;margin-bottom:2%}main#mainCol .mainColInner #pageHeader h2 img{max-width:400px}@media screen and (min-width: 960px){main#mainCol .mainColInner #pageHeader h2{margin-bottom:15px}}main#mainCol .mainColInner #pageHeader ul.snav{margin:0 4% 0;display:-webkit-flex;-webkit-flex-wrap:wrap;-webkit-justify-content:space-between;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;text-align:center}@media screen and (min-width: 960px){main#mainCol .mainColInner #pageHeader ul.snav{margin:30px 0 0}}main#mainCol .mainColInner #pageHeader ul.snav li{position:relative;margin-bottom:2%;box-sizing:border-box;border-radius:4px;border:3px solid #fff;-moz-transition:.3s;-ms-transition:.3s;-webkit-transition:.3s;transition:.3s}@media screen and (min-width: 960px){main#mainCol .mainColInner #pageHeader ul.snav li{margin-bottom:15px}}main#mainCol .mainColInner #pageHeader ul.snav li a{display:block;padding:15px 0;box-sizing:border-box;height:100%;text-decoration:none;line-height:1em;font-size:125%;font-weight:bold;color:#fff;-moz-transition:.3s;-ms-transition:.3s;-webkit-transition:.3s;transition:.3s}main#mainCol .mainColInner #pageHeader ul.snav li.s_new:before{content:"";display:block;position:absolute;top:2px;left:2px;padding-top:10%;width:24%;height:0;background:url(../images/common/header/ico_new.png) top left no-repeat;background-size:contain;z-index:30}@media screen and (min-width: 600px) and (max-width: 959px){main#mainCol .mainColInner #pageHeader ul.snav li.s_new:before{padding:0;width:31px;height:13px}}@media screen and (min-width: 960px){main#mainCol .mainColInner #pageHeader ul.snav li.s_new:before{padding:0;width:31px;height:13px}}main#mainCol .mainColInner #pageHeader ul.snav li.ctgActive,main#mainCol .mainColInner #pageHeader ul.snav li:hover{border-color:#ff9600}main#mainCol .mainColInner #pageHeader ul.snav li.ctgActive a,main#mainCol .mainColInner #pageHeader ul.snav li:hover a{color:#ff9600}@media screen and (min-width: 960px){main#mainCol .mainColInner #pageHeader{padding:40px 0 25px;margin:0 auto;width:1000px}main#mainCol .mainColInner #pageHeader h2{padding:0}}main#mainCol .mainColInner article{padding:5.3% 0}main#mainCol .mainColInner article h2{padding:0 4%}main#mainCol .mainColInner article h2 img{max-width:400px}main#mainCol .mainColInner article h3{font-size:125%;font-weight:bold;color:#ff9600}main#mainCol .mainColInner article h4{margin:0 4% 2.6%;padding:1.3% 0;background-color:#be0f12;color:#fff;font-weight:bold;text-align:center;font-size:110%}main#mainCol .mainColInner article .artclInner{padding:0 4%}@media screen and (min-width: 960px){main#mainCol .mainColInner article{padding:40px 0;margin:0 auto;width:1000px}main#mainCol .mainColInner article h2{padding:0}main#mainCol .mainColInner article h3{font-size:20px}main#mainCol .mainColInner article h4{margin:0 auto 20px;padding:10px 0}main#mainCol .mainColInner article .artclInner{padding:0}}#btnPtopSp{padding:2.5% 0;text-align:center}#btnPtopSp img{width:60%}@media screen and (min-width: 600px) and (max-width: 959px){#btnPtopSp img{width:auto}}@media screen and (min-width: 960px){#btnPtopSp{display:none}}#btnPtop{display:none}@media screen and (min-width: 960px){#btnPtop{display:block;position:fixed;right:10px;bottom:10px;z-index:1000}}footer{position:relative;width:100%;box-sizing:border-box;background:rgba(13,13,13,0.85)}@media screen and (min-width: 960px){footer{margin-top:10px;min-width:1000px}}footer .footerInner{padding:0 4%;box-sizing:border-box}@media screen and (min-width: 960px){footer .footerInner{margin:80px auto 0;padding:0;width:1000px}}footer .footerInner #snsCol{padding:5.3% 0 4%}footer .footerInner #snsCol ul.snsList{display:-webkit-flex;-webkit-flex-wrap:nowrap;-webkit-justify-content:center;display:flex;flex-flow:row nowrap;justify-content:center}footer .footerInner #snsCol ul.snsList li{padding-right:15px}footer .footerInner #snsCol ul.snsList li:last-child{padding-right:0}footer .footerInner #snsCol ul.snsList li a:hover{filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7;transition:.3s;-webkit-transition:.3s}@media screen and (min-width: 960px){footer .footerInner #snsCol{padding:40px 0 30px}}footer .footerInner ul.logoNotice{padding:0 0 4%}@media screen and (min-width: 600px) and (max-width: 959px){footer .footerInner ul.logoNotice{padding:0 0 30px;display:flex;flex-flow:row wrap;justify-content:space-between}}@media screen and (min-width: 960px){footer .footerInner ul.logoNotice{padding:0 0 30px;display:flex;flex-flow:row wrap;justify-content:space-between}}footer .footerInner ul.logoNotice li{padding-bottom:1.5%}footer .footerInner ul.logoNotice li img{width:80%;max-width:450px}@media screen and (min-width: 600px) and (max-width: 959px){footer .footerInner ul.logoNotice li{padding-bottom:0;width:33%}footer .footerInner ul.logoNotice li img{width:100%}}@media screen and (min-width: 960px){footer .footerInner ul.logoNotice li{padding-bottom:0;width:326px}footer .footerInner ul.logoNotice li img{width:100%}}footer .footerInner .copy{padding:0 0 1%;font-size:90%;line-height:1.2em}@media screen and (min-width: 600px) and (max-width: 959px){footer .footerInner .copy{font-size:90%}}@media screen and (min-width: 960px){footer .footerInner .copy{padding:0 0 10px;font-size:16px;text-align:center}}footer .footerInner #bnrFooter{padding:3% 0;display:-webkit-flex;-webkit-flex-wrap:wrap;-webkit-justify-content:space-between;display:flex;flex-flow:row wrap;justify-content:space-between}footer .footerInner #bnrFooter li{padding-bottom:1.5%;width:48%}footer .footerInner #bnrFooter li a:hover{filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7;transition:.3s;-webkit-transition:.3s}@media screen and (min-width: 600px) and (max-width: 959px){footer .footerInner #bnrFooter li{width:24.5%}}@media screen and (min-width: 960px){footer .footerInner #bnrFooter{justify-content:center;padding:15px 0 30px}footer .footerInner #bnrFooter li{padding-right:15px;width:auto}footer .footerInner #bnrFooter li:last-child{padding-right:0}}footer .pr-footer__list{display:-webkit-flex;-webkit-flex-wrap:wrap;-webkit-justify-content:center}.fancybox-content{position:relative !important;padding-bottom:56.25% !important;height:0 !important;width:80% !important;overflow:hidden !important;max-width:calc(100% - 60px) !important;max-height:calc(100% - 58px) !important}@media screen and (max-width: 599px){.fancybox-content{width:95% !important}}@media screen and (min-width: 960px){.fancybox-content{width:800px !important;padding-bottom:450px !important}}.fancybox-content iframe{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important}.fancybox-button{width:70px !important;height:70px !important;margin:0;padding:10px;background:rgba(30,30,30,0.3) !important}
