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 h1 img{width:260px;margin-left:20px;margin-top:25px}header #global-navi #btn-navi{width:70px;height:50px;text-align:center;line-height:0;display:block;cursor:pointer;position:absolute;top:52px;right:28px;z-index:2}header #global-navi #btn-navi::after{content:'';width:83px;height:83px;border-radius:50%;background-color:#fff;position:absolute;top:-27px;left:-18px;z-index:-1;box-shadow:0 0 10px rgba(0,0,0,.4)}header #global-navi #btn-navi span{background:#446;width:46px;height:7px;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:12px}header #global-navi #btn-navi span:nth-child(3){top:24px}header #global-navi nav{background:url(https://p16-marketing-sg.bytedgame.com/obj/g-marketing-assets-sg/2024_08_02_09_40_06/bg2_s158136.png);width:100%;height:1583px;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 0 40%}header #global-navi nav .global-navi-menu li{font-size:60px;text-align:center;line-height:1;padding:34px 0}header #global-navi nav .nav-sns-btn{padding:0 0 0 50%;margin:45px 0 0}header #global-navi nav .nav-sns-btn p{color:#446;font-family:ft1;font-weight:900;font-size:40px;margin-left:30px}header #global-navi nav .nav-sns-btn ul{display:-ms-flexbox;display:flex;-ms-flex-pack:center;margin:50px 0 0;flex-wrap:nowrap}#global-navi .nav-sns-btn li img{width:100px}#global-navi .nav-sns-btn ul li:nth-child(3) img{width:76px;margin-top:10px;margin-right:10px}#global-navi .nav-sns-btn li:nth-child(4) img{width:76px;margin:12px 0}header #global-navi.open #btn-navi span:nth-child(1){transform:translate(0,12px) 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,-5px) rotate(-135deg);top:16px}header #global-navi.open nav{transform:translate(-100%)}}@media screen and (min-width:751px){header{background:#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:#14ccc1;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:#14ccc1;position:relative}.fix-sns-btn{box-shadow:0 0 15px 0 rgba(68,68,102,.2);width:80px;line-height:0;position:fixed;left:0;bottom:305px;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}@media screen and (max-width:750px){h2{height:280px}#page{padding-top:110px}#page #news-section h2{background:0 0}#page #news-section .section-title{color:inherit}h2 span{font-size:60px}h2 span::before{bottom:-10px}}footer{background:#6e758d;position:relative;z-index:2;color:#fff}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}.foot-sns{display:none!important}}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}.footer-sns-m{display:none}}@media screen and (max-width:750px){footer .footer{width:100%;padding:52px 10px 30px 30px}footer .footer .foot-common-link{text-align:left}footer .footer .foot-common-link a{width:22%;font-size:19.2px;margin:0 0 15px;font-family:ft2}footer .footer .copyright{letter-spacing:-.05rem;line-height:24px;margin:20px 0;font-size:14px;font-family:ft2}footer .footer .attention a img{width:130px;height:130px}footer .footer .attention p{font-size:15px;font-family:ft2}.btn-more{margin-top:45px!important}.footer-sns-m{margin-bottom:30px}}.btn-more{background:#0fd;border-radius:40px;text-align:center;width:450px;margin:50px auto 0}.btn-more a{font-size:24px;color:#555774;font-family:ft1,sans-serif;line-height:80px;display:block;letter-spacing:5px;box-shadow:0 5px 10px rgba(0,0,0,.2);border-radius:40px;font-weight:1000}.parallax_wrap{position:absolute;top:0;left:0;width:100%;min-width:1200px;max-width:1600px;height:100%;overflow:hidden;pointer-events:none}.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}footer a{color:#fff}@media screen and (min-width:751px){.pop_box{display:none}}@media screen and (max-width:750px){.pop_box{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.8);display:none;z-index:99999}.popshow{animation:scale-up-ver-center .4s ease both}.pophide{animation:scale-down-ver-centers .4s ease both}.pop_ct{box-sizing:border-box;position:relative;width:660px;min-height:340px;max-height:710px;background:#fff;border-radius:5px;background:url(../img/home/pop1-bg.png);background-size:cover}.pop_close{width:25px;height:25px;position:absolute;top:-25px;right:-30px;cursor:pointer}.pop-title{height:70px;background-color:#95ebde;font-size:35px;text-align:left;line-height:70px;font-family:ft1;color:#444564;padding-left:40px;border-radius:5px 5px 0 0}}