@-webkit-keyframes fadein{0%{opacity:0}100%{-webkit-transform:translate(0, 0) scale(1) rotate(0);-moz-transform:translate(0, 0) scale(1) rotate(0);-ms-transform:translate(0, 0) scale(1) rotate(0);-o-transform:translate(0, 0) scale(1) rotate(0);transform:translate(0, 0) scale(1) rotate(0);opacity:1}}@-moz-keyframes fadein{0%{opacity:0}100%{-webkit-transform:translate(0, 0) scale(1) rotate(0);-moz-transform:translate(0, 0) scale(1) rotate(0);-ms-transform:translate(0, 0) scale(1) rotate(0);-o-transform:translate(0, 0) scale(1) rotate(0);transform:translate(0, 0) scale(1) rotate(0);opacity:1}}@keyframes fadein{0%{opacity:0}100%{-webkit-transform:translate(0, 0) scale(1) rotate(0);-moz-transform:translate(0, 0) scale(1) rotate(0);-ms-transform:translate(0, 0) scale(1) rotate(0);-o-transform:translate(0, 0) scale(1) rotate(0);transform:translate(0, 0) scale(1) rotate(0);opacity:1}}@-webkit-keyframes fadein2{0%{opacity:0}100%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);opacity:1}}@-moz-keyframes fadein2{0%{opacity:0}100%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);opacity:1}}@keyframes fadein2{0%{opacity:0}100%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);opacity:1}}@-webkit-keyframes fadein-only-opacity{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadein-only-opacity{0%{opacity:0}100%{opacity:1}}@keyframes fadein-only-opacity{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes flashing{0%{opacity:0}60%{opacity:1}100%{opacity:0}}@-moz-keyframes flashing{0%{opacity:0}60%{opacity:1}100%{opacity:0}}@keyframes flashing{0%{opacity:0}60%{opacity:1}100%{opacity:0}}html,body{background:#000;min-width:100%;min-height:100%;height:100%;margin:0;padding:0}#contents{z-index:2}.noDisplay{display:none}#background,.background{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.background{-webkit-transition:opacity .3s linear;-webkit-transition-delay:0s;-moz-transition:opacity .3s linear 0s;-o-transition:opacity .3s linear 0s;transition:opacity .3s linear 0s}.background.show{opacity:1}#loading{position:fixed;top:50%;left:50%;width:259px;z-index:99999;-webkit-animation:flashing 1s linear 0s infinite;-moz-animation:flashing 1s linear 0s infinite;animation:flashing 1s linear 0s infinite;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}#loading img{width:100%}.whiteflash{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:999;opacity:0}.whiteflash.start{-webkit-animation:whiteflash 2.5s linear 0s;-moz-animation:whiteflash 2.5s linear 0s;animation:whiteflash 2.5s linear 0s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.whiteflash.short.start{-webkit-animation:whiteflash2 1.5s linear 0s;-moz-animation:whiteflash2 1.5s linear 0s;animation:whiteflash2 1.5s linear 0s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes whiteflash{0%{opacity:0}30%{opacity:1}80%{opacity:1}100%{opacity:0}}@-moz-keyframes whiteflash{0%{opacity:0}30%{opacity:1}80%{opacity:1}100%{opacity:0}}@keyframes whiteflash{0%{opacity:0}30%{opacity:1}80%{opacity:1}100%{opacity:0}}@-webkit-keyframes whiteflash2{0%{opacity:0}5%{opacity:1}30%{opacity:1}100%{opacity:0}}@-moz-keyframes whiteflash2{0%{opacity:0}5%{opacity:1}30%{opacity:1}100%{opacity:0}}@keyframes whiteflash2{0%{opacity:0}5%{opacity:1}30%{opacity:1}100%{opacity:0}}.blackflash{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:999;opacity:0}.blackflash.start{-webkit-animation:blackflash 2.5s linear 0s;-moz-animation:blackflash 2.5s linear 0s;animation:blackflash 2.5s linear 0s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes blackflash{0%{opacity:0}30%{opacity:1}80%{opacity:1}100%{opacity:0}}@-moz-keyframes blackflash{0%{opacity:0}30%{opacity:1}80%{opacity:1}100%{opacity:0}}@keyframes blackflash{0%{opacity:0}30%{opacity:1}80%{opacity:1}100%{opacity:0}}#wrapper{min-width:107.9rem;min-height:80rem;background-size:auto 100%;overflow:hidden}#contents{position:relative;max-width:107.9rem;min-height:80rem;margin:0 auto}.inner{position:relative;max-width:107.9rem;margin:0 auto}#loading{-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#searchbox{width:85.3rem;background:#fff;border:1px solid #fff;margin:0 auto;overflow:hidden}#searchbox h2{width:25.1rem;border-right:1px solid #fff;float:left}#searchbox h2 img{width:100%}#searchbox form{width:60.0rem;float:left}#searchbox dl{margin-left:1.9rem;overflow:hidden}#searchbox dl:nth-of-type(1){margin-top:0.9rem;margin-bottom:0.5rem}#searchbox dl dt{width:10.9rem;float:left;background:#ff004f;clear:both}#searchbox dl dt img{width:100%}#searchbox dl dd{float:left;width:34.0rem;height:3.0rem;border:1px solid #000;border-left:1px solid #512712}#searchbox dl dd select{position:relative;appearance:none;-moz-appearance:none;-webkit-appearance:none;border:none;width:100%;height:100%;color:333;font-size:1.3rem}#searchbox dl dd select::-ms-expand{display:none}#searchbox dl dd:after{content:"";display:block;position:absolute;top:0;right:0.5rem;bottom:0;width:0;height:0;margin:auto;border-top:8px solid #333;border-right:5px solid transparent;border-left:5px solid transparent}#searchbox input{width:10.2rem;position:absolute;top:0.9rem;right:1.4rem}#searchbox+p{width:85.0rem;margin:0 auto 0;padding-bottom:3.0rem;text-align:right}#searchbox+p img{width:46%}#loadingscreen,#soundscreen{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:99}#loadingscreen .bgframe{background:#000;width:auto;height:100%;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#loadingscreen .bgframe .nowloading{width:100%;height:100%;max-width:103.9rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:url(../images/index/loading_img.png) no-repeat center center;background-size:100% auto;padding-top:0;text-align:center}#loadingscreen .bgframe .nowloading img{width:100%;max-width:103.9rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#loadingscreen .bgframe .nowloading img.text{-webkit-animation:flashing 1.2s linear 0s infinite;-moz-animation:flashing 1.2s linear 0s infinite;animation:flashing 1.2s linear 0s infinite;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}footer{background:#000;background-size:100% 100%;min-width:100%;width:100%;z-index:2;overflow:visible}footer:after{content:"";display:block;position:absolute;left:0;top:-5px;width:100%;height:14px;background-image:url(../images/common/footerbg.png);background-size:auto 100%;background-repeat:repeat-x;background-position:center top}footer #sansei{float:left;margin-left:0.8rem;margin-top:1.4rem}footer #sansei img{width:89px}footer #copyright{display:block;position:absolute;top:2rem;left:50%;-webkit-transform:translate(-52%, 0);-moz-transform:translate(-52%, 0);-ms-transform:translate(-52%, 0);-o-transform:translate(-52%, 0);transform:translate(-52%, 0)}footer #copyright img{width:465px;vertical-align:top}footer #social{float:right;margin-right:0.8rem;margin-top:1.8rem}footer #social ul{margin-right:-25px}footer #social ul li{display:inline-block;vertical-align:top}footer #social ul li#tw{margin-right:-20px;font-size:0}footer #social ul li#fb{font-size:0}footer #bnrlist{clear:both;padding:1.0rem 0 1.0rem;text-align:center}footer #bnrlist li{display:inline-block;width:200px;margin:0 3px}footer #bnrlist li a{width:100%;height:100%}footer #bnrlist li a img{width:100%}footer #footer_txt{clear:both;padding:0 0 1.0rem;text-align:center}footer #footer_txt img{width:573px;vertical-align:top}footer.info #footer_txt{padding-bottom:10px}@media only screen and (min-width: 2560px){footer #sansei img{width:178px}footer #copyright img{width:930px}footer #footer_txt img{width:1146px}}html{font-size:0.52vw}@media only screen and (max-width: 1920px){html{font-size:62.5%}}html,body{background:#000}#wrapper{min-width:107.9rem;background:#000;background-size:100% auto;height:0;opacity:0}#contents{min-width:107.9rem;min-height:auto;max-width:100%;margin-top:-6.0rem}header{position:fixed !important;background:url(../images/index/header_bg.png) no-repeat center top #000;background-size:auto 100%;width:100%;height:7.52rem;min-width:107.9rem;text-align:center;z-index:999}header ul.nav{max-width:107.9rem;height:100%;margin:0 auto;padding:1.2rem 0 1.3rem;overflow:hidden}header ul.nav li{float:left;background:url(../images/index/nav_border.png) no-repeat -3% center;background-size:auto 100%;width:20%;height:100%}header ul.nav li:last-of-type{background-image:url(../images/index/nav_border.png),url(../images/index/nav_border.png);background-size:auto 100%, auto 100%;background-position:-3% center, right center;background-repeat:no-repeat, no-repeat}header ul.nav li a{display:block;width:100%;height:115%;text-align:center;margin-top:-0.5rem}header ul.nav li a img{height:100%;left:3%}header ul.nav li a:hover img{display:none}header ul.nav li:nth-child(1){width:17%}header ul.nav li:nth-child(1) a:hover{background:url(../images/index/subnav1on.png) no-repeat center center;background-size:auto 100%;left:3%}header ul.nav li:nth-child(2){width:20%}header ul.nav li:nth-child(2) a:hover{background:url(../images/index/subnav2on.png) no-repeat center center;background-size:auto 100%;left:3%}header ul.nav li:nth-child(3){width:14%}header ul.nav li:nth-child(3) a:hover{background:url(../images/index/subnav3on.png) no-repeat center center;background-size:auto 100%;left:3%}header ul.nav li:nth-child(4){width:14%}header ul.nav li:nth-child(4) a:hover{background:url(../images/index/subnav4on.png) no-repeat center center;background-size:auto 100%;left:3%}header ul.nav li:nth-child(5){width:21%}header ul.nav li:nth-child(5) a:hover{background:url(../images/index/subnav5on.png) no-repeat center center;background-size:auto 100%;left:3%}header ul.nav li:nth-child(6){width:14%}header ul.nav li:nth-child(6) a:hover{background:url(../images/index/subnav6on.png) no-repeat center center;background-size:auto 100%}header ul.nav li:nth-child(6) img{left:0}#mainimage{height:80rem;min-height:90.0rem;max-height:98.7rem;background:url(../images/index/mainbg.png) no-repeat center top;background-size:auto 100%;margin-top:7.5rem;z-index:99}#mainimage .inner{min-width:107.9rem}#mainimage img.main{height:100%;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}#mainimage.dounyuu{background:url(../images/index/mainbg2.png) no-repeat center top;background-size:auto 100%}#index_search{position:absolute;top:1.0rem;left:0;background:url(../images/index/index_serach_bg.png) no-repeat center top;background-size:100% auto;width:295px;height:53px;z-index:99;transform-origin:top left}#index_search .pref{width:135px;height:30px;margin:12px 0 0 95px;border:1px solid #000}#index_search .pref select{position:relative;appearance:none;-moz-appearance:none;-webkit-appearance:none;border:none;width:100%;height:100%;color:333;padding-right:20px}#index_search .pref select::-ms-expand{display:none}#index_search .pref:after{content:"";display:block;position:absolute;top:0;right:5px;bottom:0;width:0;height:0;margin:auto;border-top:8px solid #333;border-right:5px solid transparent;border-left:5px solid transparent}#index_search input{position:absolute;width:46px;top:0;right:15px}#index_search img{display:block;margin:12px 0 0 0;width:100%}.banner{width:32.8rem;z-index:99;opacity:1}.banner img{width:100%}.banner a+img{width:17.7rem;transform-origin:top left}.banner.ssch{display:block;position:absolute;left:0.5rem;top:18.3rem;transform-origin:bottom left}.banner.rtcamp{display:block;position:absolute;width:44.0rem;right:0.3rem;top:8.0rem;transform-origin:top right}#contents .tit img,#contents .image img{width:100%}#contents .page{padding:3.0rem 0}#contents .page .inner{max-width:116.2rem}#contents #specArea{background:url(../images/index/specbg.png) repeat-y center top;background-size:100% auto;-webkit-mask-image:linear-gradient(to bottom, black, black calc(100% - 3%), transparent);mask-image:linear-gradient(to bottom, black, black calc(100% - 3%), transparent);padding-top:2rem;z-index:9}#contents #specArea .bg{position:absolute;top:0;left:-10%;width:100%;height:100%;background:url(../images/index/specbg_mark.png) no-repeat left top;background-size:55% auto}#contents #specArea #spec .image{margin-top:-4.9rem}#contents #zugaraArea{background:url(../images/index/zugarabg.png) no-repeat center bottom;background-size:100% auto;-webkit-mask-image:linear-gradient(to bottom, transparent, black 5%, black calc(100% - 5%), transparent);mask-image:linear-gradient(to bottom, transparent, black 5%, black calc(100% - 5%), transparent);margin-top:-5rem;z-index:8}#contents #zugaraArea #zugara .image{margin-top:-1.0rem}#contents #featureArea{background:url(../images/index/featurebg.png) repeat-y center top;background-size:100% auto;-webkit-mask-image:linear-gradient(to bottom, transparent, black 5%, black calc(100% - 5%), transparent);mask-image:linear-gradient(to bottom, transparent, black 5%, black calc(100% - 5%), transparent);margin-top:-5rem;padding-bottom:5rem;z-index:7}#contents #featureArea .inner{max-width:124.2rem}#contents #featureArea #feature .image{margin-top:-8.0rem}#contents #feature2Area{margin-top:-5rem;padding:0 0 3rem;z-index:7}#contents #feature2Area .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/index/featurebg2.png) repeat-y center top;background-size:100% auto;-webkit-mask-image:linear-gradient(to bottom, transparent, transparent 5%, black 20%, black calc(100% - 10%), transparent);mask-image:linear-gradient(to bottom, transparent, transparent 5%, black 20%, black calc(100% - 10%), transparent)}#contents #feature2Area .inner{max-width:124.2rem}#contents #gameflowArea{background:url(../images/index/gameflowbg.png) repeat-y center top;background-size:100% auto;-webkit-mask-image:linear-gradient(to bottom, transparent, black 5%, black calc(100% - 5%), transparent);mask-image:linear-gradient(to bottom, transparent, black 5%, black calc(100% - 5%), transparent);margin-top:-5rem;padding:3rem 0 5rem;z-index:6}#contents #gameflowArea #gameflow .image{margin-top:-9.4rem}#contents #ensyutsuArea{background:url(../images/index/ensyutsubg.png) repeat-y center top;background-size:100% auto;-webkit-mask-image:linear-gradient(to bottom, transparent, black 5%, black calc(100% - 5%), transparent);mask-image:linear-gradient(to bottom, transparent, black 5%, black calc(100% - 5%), transparent);margin-top:-5rem;z-index:5}#contents #reachArea{background:url(../images/index/reachbg.png) repeat-y center top;background-size:100% auto;-webkit-mask-image:linear-gradient(to bottom, transparent, black 5%, black calc(100% - 5%), transparent);mask-image:linear-gradient(to bottom, transparent, black 5%, black calc(100% - 5%), transparent);margin-top:-5rem;z-index:4}#contents #reachArea #reach .image{margin-top:-1.6rem}#contents #banner{background:url(../images/index/bannerbg.png) repeat-y center bottom;background-size:100% auto;margin-top:-3rem;padding:6.0rem 0 2.0rem;-webkit-mask-image:linear-gradient(to top, black, black calc(100% - 5%), transparent);mask-image:linear-gradient(to top, black, black calc(100% - 5%), transparent);z-index:1}#contents #banner ul{text-align:center;overflow:hidden}#contents #banner ul li{float:left;width:49.3%;margin-bottom:2.4rem}#contents #banner ul li:nth-of-type(2n){float:right}#contents #banner ul li p{margin-top:0.5rem}#contents #banner ul li.center{display:inline-block;float:none}#contents #banner a,#contents #banner span{display:block;width:100%}#contents #banner a img,#contents #banner span img{width:100%}footer.index{min-width:107.9rem}footer.index .inner{max-width:107.9rem}footer.index #bnrlist li{width:20.0rem}footer #pagetop{background:url(../images/index/pagetop.png) no-repeat center center;background-size:100% auto;position:absolute;right:0;bottom:3.5rem;width:5.2rem;height:5.2rem;opacity:1;z-index:999}