@-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}}body{-webkit-overflow-scrolling:touch}img{width:100%}#loading{width:200px;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#menuOverlay{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:998}#pagetop{display:none;white-space:nowrap;text-indent:100%;overflow:hidden;font-size:0;background-image:url("../images/common/sp/common-sprite-sp.png");background-position:65.35433% 0%;background-size:981.94444% 100%;position:fixed;right:1%;bottom:1%;width:9.375%;opacity:1;z-index:999}#pagetop:before{content:'';display:block;padding-top:100%}.head{position:absolute;top:0;left:0;width:100%;margin-top:calcPosPaddiing(768px, 120px);z-index:2}.head .title{width:100%}.subnav{position:absolute;top:0;left:0;width:100%;margin-top:calcTopRange(768, 280);text-align:center;z-index:2}.subnav li{display:inline-block;width:32.2%}.subnav li a{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.subnav.btm{display:none;position:static;margin-top:calcTopRange(768, 20);margin-bottom:calcTopRange(768, 40)}.head+.subnav{margin-top:calcTopRange(480, 160)}#searchbox{width:95%;background:#fff;margin:0 auto;border:1px solid #fff}#searchbox form{padding:3% 0;overflow:hidden}#searchbox dl{width:70%;margin:0 0 0 2%;float:left}#searchbox dl dd{border:1px solid #000;height:7vw}#searchbox dl dd:nth-of-type(1){margin-bottom:1.5%}#searchbox dl dd select{position:relative;appearance:none;-moz-appearance:none;-webkit-appearance:none;border:none;width:100%;height:auto;background:#fff;padding-right:20px;color:333;font-size:3.5vw;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;outline:none}#searchbox dl dd select::-ms-expand{display:none}#searchbox dl dd: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}#searchbox input{display:block;float:right;width:22%;margin:1% 2% 0 0}#searchbox+p{width:95%;margin:1% auto 5%}footer{background:#000;width:100%;height:0;padding:2% 3% 3%;visibility:hidden;opacity:0;z-index:99}footer:after{content:"";display:block;position:absolute;left:0;top:-6%;width:100%;height:8.0%;background:url(../images/common/sp/footerbg.png) repeat-x center top;background-size:contain}footer #sansei{white-space:nowrap;text-indent:100%;overflow:hidden;font-size:0;background-image:url("../images/common/sp/common-sprite-sp.png");background-position:100% 0%;background-size:336.66667% 104.34783%;width:27.34375%;margin:0 0 2% 0}footer #sansei:before{content:'';display:block;padding-top:32.85714%}footer #copyright{white-space:nowrap;text-indent:100%;overflow:hidden;font-size:0;background-image:url("../images/common/sp/common-sprite-sp.png");background-position:0% 0%;background-size:174.5679% 163.63636%;width:52.73438%;margin:0 0 2% 0}footer #copyright:before{content:'';display:block;padding-top:10.8642%}footer #footer_txt{content:"";display:block;background:url("../images/common/sp/footer_txt.png") no-repeat center top;background-size:100% auto;width:84.02778%}footer #footer_txt:after{content:"";display:block;width:100%;height:0;padding-top:7.7686%}footer #social{position:absolute;top:4%;right:3%;margin:0}footer #social ul{margin-right:-25px;text-align:right}footer #social ul li{display:inline-block;vertical-align:top}footer #social ul li#tw{margin-top:1px;margin-right:-20px}footer.index{display:block}html,body{background:#000}#wrapper{min-height:100%;overflow:hidden}#contents{height:0;visibility:hidden;background-image:url(../images/index/sp/bg.png);background-position:center bottom;background-repeat:repeat-y;background-size:100% auto}#background{background-color:#000}#mainimage{width:100%;z-index:10}ul.nav{position:fixed !important;background:url(../images/index/sp/header_bg.png) no-repeat center top #000;background-size:auto 100%;top:0;left:0;text-align:center;width:100%;z-index:99;display:table}ul.nav li{display:inline-block;display:table-cell}ul.nav li a{display:block;width:100%;height:100%}ul.nav li img{width:100%}#specArea{background-image:url(../images/index/sp/spec_bg1.png);background-repeat:repeat-y;background-position:center top;background-size:100% auto;margin-top:-7%;padding:4% 0 6%;-webkit-mask-image:linear-gradient(to bottom, black, black calc(100% - 1%), transparent);mask-image:linear-gradient(to bottom, black, black calc(100% - 1%), transparent);z-index:9}#specArea .image{margin-top:-1.30208%}#zugaraArea{background:url(../images/index/sp/zugara_bg.png) no-repeat center top;background-size:100% auto;margin-top:-6%;padding:8% 0 9%;-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);z-index:8}#zugaraArea .image{margin-top:-1.04167%}#gameflowArea{background:url(../images/index/sp/gameflow_bg.png) repeat-y center top;background-size:100% auto;margin-top:-5%;padding:5% 0 10%;-webkit-mask-image:linear-gradient(to bottom, black, black calc(100% - 2%), transparent);mask-image:linear-gradient(to bottom, black, black calc(100% - 2%), transparent);z-index:7}#gameflowArea .image{margin-top:-1.04167%}#reachArea{background:url(../images/index/sp/reach_bg.png) repeat-y center top;background-size:100% auto;margin-top:-10%;padding:10% 0 0;-webkit-mask-image:linear-gradient(to bottom, black, black calc(100% - 0.5%), transparent);mask-image:linear-gradient(to bottom, black, black calc(100% - 0.5%), transparent);z-index:6}#reachArea .image{margin-top:0%;z-index:2}#reachArea .image2{background:url(../images/index/sp/reach_bg2.png) repeat-y center top;background-size:100% auto;margin-top:-10%;padding-top:10%;padding-bottom:5%}.banner{width:95%;margin:0 auto;padding:0 0 5%}.banner li{margin-bottom:2%}.banner li:last-of-type{margin-bottom:0}.banner img{width:100%}.banner.top{margin-top:-9%;margin-bottom:11%}.banner.otherspec{padding:5% 0}.banner.otherspec li{text-align:center}.banner.otherspec li a{display:block;margin-bottom:1%}.banner.otherspec li a+img{width:100%;margin-bottom:2%;vertical-align:top}#social_bnr{width:95%;margin:0 auto;padding:0 0 6%;overflow:hidden}#social_bnr a{display:block;width:48%}#social_bnr a.twitter{float:left}#social_bnr a.line{float:right}footer.index{height:auto;visibility:visible}#loadingscreen,#soundscreen{display:none;display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:9999}#loadingscreen .box{width:100%;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 .box .nowloading{width:80%;top:50%;left:50%;max-width:303px;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-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}#loadingscreen .box .nowloading img{width:100%}#loadingscreen .bgframe{position:relative;top:50%;left:50%;width:100%;height:100%;-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:180%;max-width:768px;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:140%;text-align:center}#loadingscreen .bgframe .nowloading img{width:120%;max-width:768px;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}