body{background-color:#d5dce4;color:#446;line-height:1.5}@media screen and (min-width:751px){body{width:100%;min-width:1200px;font-size:16px}body a{transition:.2s}body a:hover{opacity:.8}}@font-face{font-family:Montserrat;src:url(../img/ft.TTF)}@font-face{font-family:ft1;src:url(../img/ft1.TTF)}@font-face{font-family:ft2;src:url(../img/ft2.TTF)}@font-face{font-family:ft3;src:url(../img/ft3.TTF)}@media screen and (max-width:750px){body{width:750px;overflow-x:hidden;font-size:1.6rem}}body a{color:#446}body img{line-height:0;vertical-align:bottom}@media screen and (min-width:751px){.pc{display:block}}@media screen and (max-width:750px){.pc{display:none}}@media screen and (min-width:751px){.sp{display:none}}@media screen and (max-width:750px){.sp{display:block}}#page{position:relative;z-index:1}@media screen and (min-width:751px){#page{width:100%;min-width:1200px}}.inner{position:relative}@media screen and (min-width:751px){.inner{margin:0 auto}}section{position:relative;margin:0 0 0;z-index:3}@media screen and (max-width:750px){section{margin:-130px 0 0}}header{width:100%;position:relative;top:0;z-index:10}header #global-navi h1{line-height:0}header #global-navi nav ul li a{font-family:ft1;letter-spacing:1px;font-weight:400}@media screen and (max-width:750px){header{height:130px}header #global-navi{height:130px}header #global-navi #btn-navi{width:70px;height:50px;text-align:center;line-height:0;display:block;cursor:pointer;position:absolute;top:40px;right:40px;z-index:2}header #global-navi #btn-navi span{background:#446;width:70px;height:6px;position:absolute;left:0;transition:all 330ms}header #global-navi #btn-navi span:nth-child(1){top:0}header #global-navi #btn-navi span:nth-child(2){top:22px}header #global-navi #btn-navi span:nth-child(3){top:44px}header #global-navi nav{background:#0fd;width:100%;height:110vh;position:absolute;top:0;right:-100%;box-sizing:border-box;transition:transform .3s linear 0s}h2 span::before{bottom:-10px}header #global-navi nav h1{width:70%;padding:140px 0 0;margin:0 auto}header #global-navi nav h1 img{width:100%;max-width:100%;height:auto}header #global-navi nav .global-navi-menu{width:100%;padding:40px 0 50px}header #global-navi nav .global-navi-menu li{font-size:60px;text-align:center;line-height:1;padding:28px 0}header #global-navi nav .nav-sns-btn{text-align:center;margin:40px 0 0}header #global-navi nav .nav-sns-btn p{color:#fff;font-family:ft1;font-weight:900;font-size:40px}header #global-navi nav .nav-sns-btn ul{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:40px 0 0;flex-wrap:wrap}header #global-navi nav .nav-sns-btn ul li{margin:0 10px}header #global-navi.open #btn-navi span{width:70px}header #global-navi.open #btn-navi span:nth-child(1){transform:translate(0,20px) rotate(-45deg);top:0}header #global-navi.open #btn-navi span:nth-child(2){opacity:0}header #global-navi.open #btn-navi span:nth-child(3){transform:translate(0,-7px) rotate(-135deg);top:26px}header #global-navi.open nav{transform:translate(-100%)}}@media screen and (min-width:751px){header{background-color:#fff;height:76px}header #global-navi{max-width:1600px;min-width:1200px;height:128px;padding:0 20px;margin:0 auto;overflow:hidden;clear:both}header #global-navi h1{width:320px;position:absolute;top:1px}header #global-navi h1 img{width:100%;max-width:100%;height:auto}header #global-navi nav{padding:10px 0;text-align:right}#top header #global-navi nav{padding:43px 0;text-align:right}#top header #global-navi h1{width:320px;position:absolute;top:24px}header #global-navi nav .global-navi-menu{font-size:0;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:end;justify-content:flex-end}header #global-navi nav .global-navi-menu li:not(:first-child){margin-left:33px}header #global-navi nav .global-navi-menu li a{font-size:28px;line-height:56px;display:block}header #global-navi nav .global-navi-menu li a:hover{color:#f5a;opacity:1}}@media screen and (min-width:751px) and (max-width:1400px){header{height:138px}header #global-navi{height:200px}header #global-navi nav .global-navi-menu{flex-wrap:wrap;width:600px;float:right}#main-visual{margin:-139px 0 0}}#Recharge #global-navi nav ul li.navi-00 a,#character header #global-navi nav ul li.navi-03 a,#faq header #global-navi nav ul li.navi-07 a,#music header #global-navi nav ul li.navi-05 a,#news header #global-navi nav ul li.navi-01 a,#special header #global-navi nav ul li.navi-06 a,#story header #global-navi nav ul li.navi-02 a,#system header #global-navi nav ul li.navi-04 a{color:#f5a}.fix-sns-btn{box-shadow:0 0 15px 0 rgba(68,68,102,.2);width:80px;line-height:0;position:fixed;left:0;bottom:100px;z-index:10}.order{position:fixed;right:10px;bottom:130px;width:214px;z-index:10}#top .order{bottom:50px}.order .order-img{width:214px;height:215px;margin:0 auto;background:url(../img/top/order.png) no-repeat}.order .order-img img{width:150px;height:150px;border:3px solid #0fd;border-radius:10px;box-sizing:border-box;margin:0 auto;display:block;position:relative;top:20px}.order .btn-order{background:url(../img/top/btn_order.png) no-repeat;width:199px;height:53px;display:block;margin:15px auto}.fix-sns-btn ul li a{display:block}.banner-top{width:100%;height:110px;background:url(../img/top/banner.png) no-repeat;position:fixed;top:0;left:0;z-index:11}.banner-top a{background:#0fd;width:148px;height:44px;color:#446;font-size:20px;font-family:ft1;text-align:center;line-height:44px;border-radius:10px;position:absolute;right:30px;top:30px;letter-spacing:3px}h2{height:330px;text-align:center}h2 span{font-family:ft1;font-size:60px;display:inline-block;line-height:1;position:relative;letter-spacing:5px;font-weight:400}h2 span::before{content:"";display:block;background:#446;width:100%;height:4px;line-height:1;position:absolute;bottom:-5px;left:0}@media screen and (max-width:750px){h2{height:280px}#page{padding-top:110px}h2 span{font-size:60px}h2 span::before{bottom:-10px}}footer{background:#a9fff4;position:relative;z-index:2}footer .foot-ui{background:#fff;position:relative}footer .foot-ui .foot-ui-content{margin:0 auto;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width:751px){footer .foot-ui .foot-ui-content{width:1400px;padding:25px 30px 20px}footer .foot-ui .foot-ui-content .foot-logo p{display:inline-block}footer .foot-ui .foot-ui-content .foot-logo p:not(:first-child){margin-left:60px}footer .foot-ui .foot-ui-content .foot-sns{text-align:right;padding:10px 0}footer .foot-ui .foot-ui-content .foot-sns li{height:56px;display:inline-block;margin-right:25px}footer .foot-ui .foot-ui-content .foot-sns li img{height:100%;max-height:100%;width:auto}}.foot-logo{display:flex;align-items:center}@media screen and (max-width:750px){footer .foot-ui .foot-ui-content{width:100%;padding:18px 40px 10px}footer .foot-ui .foot-ui-content .foot-logo{display:flex;justify-content:space-between}footer .foot-ui .foot-ui-content .foot-logo p{display:inline-block}footer .foot-ui .foot-ui-content .foot-logo p:not(:first-child){margin-left:25px}footer .foot-ui .foot-ui-content .foot-sns{display:-ms-flexbox;display:flex;position:absolute;left:40px;bottom:-120px}}footer .footer{margin:0 auto}footer .footer .attention{display:flex}footer .footer .attention p{margin-left:10px}footer .footer .foot-common-link a{text-decoration:underline;display:inline-block}footer .footer .copyright{letter-spacing:.1rem;line-height:24px;margin:20px 0;font-weight:700}footer .footer .copyright img{width:62px;vertical-align:middle}@media screen and (min-width:751px){footer .footer{width:1240px;padding:185px 30px 45px}footer .footer .foot-common-link a{margin-right:15px;font-family:ft2}footer .footer .copyright{font-family:ft1;letter-spacing:.1rem;line-height:24px;font-size:14px;font-weight:400;margin:20px 0}}@media screen and (max-width:750px){footer .footer{width:100%;padding:150px 40px 30px}footer .footer .foot-common-link{text-align:left}footer .footer .foot-common-link a{width:22%;font-size:22px;margin:0 0 15px}footer .footer .copyright{letter-spacing:-.05rem;line-height:24px;margin:20px 0;font-size:14px}footer .footer .attention a img{width:120px;height:120px}footer .footer .attention p{font-size:14px}}.btn-more{background:#444467;border-radius:40px;text-align:center;width:450px;margin:50px auto 0}.btn-more a{font-size:24px;color:#fff;font-family:Montserrat,sans-serif;line-height:80px;display:block;letter-spacing:5px}.parallax_wrap{position:fixed;top:0;left:0;width:100%;min-width:1200px;max-width:1600px;height:100%;overflow:hidden;z-index:0}.parallax_wrap .parallax_large{position:absolute;top:-50%;width:100%;height:1600%}.parallax_wrap .parallax_large .p_inner{width:100%;height:100%;background:url(../img/shared/parallax_parts_large.png) repeat-y center top;background-size:100% auto}.parallax_wrap .parallax_small{position:absolute;top:-50%;width:100%;height:1800%}.parallax_wrap .parallax_small .p_inner{width:100%;height:100%;background:url(../img/shared/parallax_parts_small.png) repeat-y center top;background-size:100% auto}.parallax_wrap .parallax_txt{position:absolute;top:-50%;width:100%;height:800%}.parallax_wrap .parallax_txt .p_inner{width:100%;height:100%;background:url(../img/shared/parallax_parts_text.png) repeat-y center top;background-size:100% auto}@media screen and (max-width:750px){.parallax_wrap{min-width:100%;max-width:100%}.parallax_wrap .parallax_large .p_inner{background:url(../img/shared/parallax_parts_small_sp.png) repeat-y center top;background-size:100% auto}.parallax_wrap .parallax_small .p_inner{background:url(../img/shared/parallax_parts_small_sp.png) repeat-y center top;background-size:100% auto}.parallax_wrap .parallax_txt .p_inner{background:url(../img/shared/parallax_parts_small_sp.png) repeat-y center top;background-size:100% auto}}.fadein{opacity:0;transform:translateY(20px);transition:opacity 1s linear,transform 1s ease-out}.page404{text-align:center}@media screen and (min-width:751px){.page404{padding:185px 0}}@media screen and (max-width:750px){.page404{padding:530px 0 500px}}.page404 p small{font-family:Montserrat,sans-serif;line-height:1;font-weight:300;display:block}@media screen and (min-width:751px){.page404 p{margin:0 0 30px}.page404 p img{width:230px;height:auto}.page404 p small{font-size:36px;margin:15px 0 0}}@media screen and (max-width:750px){.page404 p{margin:0 0 55px}.page404 p small{font-size:54px;margin:18px 0 0}}.page404 span{display:inline-block}@media screen and (min-width:751px){.page404 span{border-top:4px solid #446;padding-top:38px;font-size:14px}}@media screen and (max-width:750px){.page404 span{border-top:6px solid #446;padding-top:30px;font-size:21px}}.hidden{display:none;visibility:hidden}.orientation_mask{content:'';position:fixed;top:0;left:0;height:100vh;width:100vw;background:#000;z-index:9999;display:none}.orientation_mask::before{content:'';position:fixed;z-index:999999;height:306px;width:80px;left:0;right:0;top:-100px;bottom:0;margin:auto;color:#fff;background-image:url(https://sf3-ttcdn-tos.pstatp.com/obj/g-marketing-act-assets/resource/cgame_dasheng_0518/1590550377505/cdn/img/heng.png);background-repeat:no-repeat;background-position:center center;background-size:100% auto;animation:rotate 1.5s linear infinite alternate;-webkit-animation:rotate 1.5s linear infinite alternate}.orientation_mask::after{content:'為了更好的閱讀體驗，請打開設備自動旋轉功能，將您的手機/平板電腦直向展示。';position:absolute;top:70%;left:50%;width:80%;transform:translate(-50%,0);z-index:9999;text-align:center;font-size:16px;color:#fff}@keyframes rotate{0%{-webkit-transform:rotate(-30deg)}100%{-webkit-transform:rotate(30deg)}}.pop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:99;display:none}.pop .pop-down{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:url(../img/top/pop.png) no-repeat;width:536px;height:559px}.pop-down .pop-close{background:url(../img/top/close.png) no-repeat;width:55px;height:55px;text-indent:-9999em;position:absolute;right:-25px;top:110px}.pop-down img{display:block;width:220px;height:220px;margin:0 auto;top:100px;margin-top:200px;margin-bottom:20px}.pop-down p{width:100%;text-align:center;color:#42759e;font-size:20px;font-family:ft1}