*{margin:0;padding:0;box-sizing:border-box}html,body{height:auto}h2{font-size:18px;font-weight:700;margin:0}@media(max-width: 1299px){h2{font-size:16px}}section{width:100%}.display-flex{display:flex;flex-wrap:wrap}.fixed-btn{position:fixed;width:40px;height:40px;border-radius:20%;z-index:99}@media(max-width: 767px){.fixed-btn{width:30px;height:30px}}body{--bg: $maincolor;--color: #fff;--line-color: #333b44;--border-color: #dfdfdf;width:100%;height:100vh;background-color:#050507;font-family:Noto Sans,sans-serif;font-size:16px;overflow-x:hidden}body a{cursor:pointer}body button{border:0;box-shadow:none;cursor:pointer}body p{word-break:break-word}body li{list-style:none}a{cursor:pointer;text-decoration:none}body a,body a:active,body a:focus,body a:hover{text-decoration:none}body button,body button:active,body button:focus,body button:hover{outline:none}.mobile{display:none !important}@media(max-width: 1024px){.mobile{display:block !important}}@media(max-width: 1024px){.pc{display:none !important}}#nav{width:100%;height:80px;position:fixed;top:0;left:0;background-color:#1d2630;transition:height .3s ease-in;z-index:30}@media(max-width: 1299px){#nav{height:58px}}#navbar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:1200px;height:100%;margin:0 auto}@media(max-width: 1299px){#navbar{width:100%;padding:0 15px}}#navbar__brand{width:165px;height:40px}@media(max-width: 1299px){#navbar__brand{width:140px;height:32px}}#navbar__brand img{-o-object-fit:cover;object-fit:cover;-o-object-fit:contain;object-fit:contain}#navbar__brand img,#navbar__brand img img{width:100%;height:100%;-o-object-position:center;object-position:center}@media(max-width: 1299px){#navbar__brand img,#navbar__brand img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:left;object-position:left}}#navbar__brand img img{-o-object-fit:cover;object-fit:cover}.nav__link{font-size:18px;font-weight:700;line-height:80px;margin:0 30px;color:#fff}.nav__link:first-of-type.active,.nav__link:first-of-type:hover{color:#ff61b6}.nav__link:nth-of-type(2).active,.nav__link:nth-of-type(2):hover{color:#8260d2}.nav__link:nth-of-type(3).active,.nav__link:nth-of-type(3):hover{color:#65d1ff}#nav__account{display:flex;flex-direction:row;justify-content:center;align-items:center}#nav__langSelector{width:28px;height:28px;background-image:url("../images/icons-sa18673ea11.png");background-position:0px -169px;margin:2px 18px 0;cursor:pointer;position:relative}@media(max-width: 1299px){#nav__langSelector{margin:0 12px}}#nav__langSelector.active #nav__langMenu{display:block}#nav__langMenu{display:none;width:110px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;top:53px;right:0;overflow:hidden}@media(max-width: 1299px){#nav__langMenu{width:98px;top:46px;right:0}}#nav__langMenu li{display:block;width:100%;height:50px;background:#1d2630;border-bottom:1px solid rgba(154,159,165,.3019607843);color:#fff;font-size:14px;padding:15px 0 0 37px;position:relative}#nav__langMenu li:last-child{border:0}#nav__langMenu li:after,#nav__langMenu li:before{content:"";border-radius:100%;position:absolute}#nav__langMenu li:before{width:9px;height:9px;border:1.5px solid #fff;top:19px;left:17px}#nav__langMenu li:after{width:8px;height:8px;background-color:#fff;top:21px;left:19px}#nav__langMenu li.active:before,#nav__langMenu li:hover:before{border-color:#ff61b6}#nav__langMenu li.active:after,#nav__langMenu li:hover:after{background-color:#ff61b6}.nav--scroll #nav{height:58px}.nav--scroll #home__banner{margin-top:58px}.nav--scroll #nav__langMenu{top:42px}#btn__scrollTop{right:20px;bottom:150px;background-color:#ad262d}#btn__scrollTop i:before{color:#fff;font-size:30px}@media(max-width: 767px){#btn__scrollTop i:before{font-size:22px}}#btn__twitter{right:20px;bottom:90px;background-color:#ad262d;color:#fff;font-size:20px}@media(max-width: 767px){#btn__twitter{font-size:15px;bottom:105px}}#btn__scrollTop:hover,#btn__twitter:hover{background-color:#d8545b;color:#fff}.dis_none{display:none}.container{width:100%;max-width:1200px;margin:0 auto}@media(max-width: 1299px){.container{width:100%;padding:25px 15px 30px}}@media screen and (max-width: 1299px){#nav__langMenu a:before,#nav__langMenu li:before{top:14px;left:15px}#nav__langMenu a:after,#nav__langMenu li:after{top:16px;left:17px}}.title{color:#fff;width:90%;max-width:500px;margin:0 auto;text-align:center;font-size:40px;font-weight:bold;letter-spacing:10px;padding-bottom:10px;border-bottom:1px solid #fff;position:relative}.title .square{width:10px;height:10px;background-color:#fff;transform:rotate(45deg);position:absolute}.blackTop{background:-moz-linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 48%, rgba(0, 0, 0, 0) 100%);background:-webkit-linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 48%, rgba(0, 0, 0, 0) 100%);background:linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 48%, rgba(0, 0, 0, 0) 100%);top:0%;width:100%;height:90px;position:absolute;left:0%;z-index:5}#sec1{top:58px;height:100%;position:relative;width:100vw;height:53.3333333333vw;overflow:hidden}@media(max-width: 767px){#sec1{width:100vw;height:197.6vw}}.secImgMob{display:none !important}@media(max-width: 767px){.secImgMob{display:block !important}}@media(max-width: 767px){.secImgPc{display:none !important}}.sec1Bg img{height:auto;width:100%;object-fit:cover}@media(max-width: 1900px){.sec1Bg img{height:100vh}}@media(max-width: 767px){.sec1Bg img{height:auto}}.topLogo{position:absolute;top:47%;left:50%;width:450px;transform:translate(-50%, -50%)}.topLogo img{width:100%}@media(min-width: 1921px){.topLogo{top:52%}}@media(max-width: 767px){.topLogo{max-width:650px;width:90%;top:63%}}.inner_intro{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}.blackBG{background-color:rgba(0,0,0,.4);width:100%;height:100%;position:absolute;left:50%;top:0;transform:translate(-50%, 0);z-index:5}.box_video{display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%}.box_video video{width:100%}@media(max-width: 767px){.box_video video{width:auto;height:100%}}.videoPoster{position:absolute;width:100%}@media(max-width: 767px){.videoPoster{width:auto;height:100%}}@media(max-width: 767px){.videoM{display:block;width:auto;height:100%;position:absolute;top:0;transform:translate(-10%, 0)}}.headerBtn_box{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;position:absolute;margin:35.4166666667vw 0 0 0;z-index:10}@media(max-width: 767px){.headerBtn_box{width:72vw;height:21.6vw;position:relative;margin:-28vw auto 0 auto}}.headerBtn_box a{width:10.4166666667vw;height:3.0208333333vw}.logo_game{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;position:absolute;margin:18.75vw 0 0 0;z-index:15}@media(max-width: 767px){.logo_game{width:93.3333333333vw;height:93.3333333333vw;position:relative;margin:56vw auto 0 auto}}.logo_game img{width:23.75vw;height:23.75vw}@media(max-width: 767px){.logo_game img{width:100%;height:auto}}#bgVideo{display:block}@media(max-width: 767px){#bgVideo{display:none}}#bgVideoMob{display:none}@media(max-width: 767px){#bgVideoMob{display:block}}.topMain{position:absolute;transform:translate(-50%, 0%);top:51%;left:50%;width:100%;text-align:center}@media(min-width: 1921px){.topMain{top:58%}}@media(max-width: 767px){.topMain{top:70%}}.videoIcon{opacity:.8;margin:0 auto 40px auto;width:70px;height:70px;transition:all .2s ease-in-out;cursor:pointer}.videoIcon img{width:100%;height:100%}@media(max-width: 767px){.videoIcon{width:50px;height:50px}}.videoIcon:hover{opacity:1}.topText{position:absolute;transform:translate(-50%, -50%);top:55%;left:50%;width:90%;min-width:260px;text-align:center;line-height:2rem;letter-spacing:2px;font-weight:600;text-shadow:0px 0px 10px #8f0000;color:#fff;font-size:30px}.topText .textBig{font-size:60px}@media(max-width: 1024px){.topText{font-size:24px;top:50%}.topText .textBig{font-size:48px}}@media(max-width: 767px){.topText{font-size:16px;margin-bottom:20px}.topText .textBig{font-size:32px}}.textBigEn{letter-spacing:0px;line-height:3rem;font-size:50px}@media(max-width: 767px){.textBigEn{line-height:1.5rem;font-size:24px}}.reserveBtn{background-color:rgba(173,38,45,.6901960784);height:60px;width:100%;max-width:250px;font-size:18px;font-weight:bold;letter-spacing:5px;text-shadow:2px 2px 10px #fff;color:#fff;position:relative;transition:all .2s ease-in-out;margin:20px}@media(max-width: 767px){.reserveBtn{height:45px;max-width:220px;font-size:14px;margin:10px}}.reserveBtn .square{width:10px;height:10px;background-color:rgba(173,38,45,.6901960784);transition:all .2s ease-in-out;transform:rotate(45deg);position:absolute}.reserveBtn:hover{background-color:brown;opacity:1}.reserveBtn:hover .sqrt,.reserveBtn:hover .sqrb,.reserveBtn:hover .sqlt,.reserveBtn:hover .sqlb{background-color:brown}.sqrt{right:-5px;top:-5px}.sqrb{right:-5px;bottom:-5px}.sqlt{left:-5px;top:-5px}.sqlb{left:-5px;bottom:-5px}#videoBox iframe,#videoBox video,#skillBox iframe,#skillBox video,#charactersVideoBox iframe,#charactersVideoBox video{position:fixed;top:50%;left:50%;z-index:50;transform:translate(-50%, -50%);width:90%;max-width:1400px;animation:dianlog .8s .4s 1 both}@keyframes dianlog{0%{opacity:0}30%{opacity:.5}100%{opacity:1}}.blackBg{position:fixed;background-color:rgba(0,0,0,.8);min-height:100%;width:100vw;z-index:40;animation:dianlog .4s .1s 1 both}.closeBtn{background:url("../images/closeBtn.png") no-repeat top center/cover;width:40px;height:40px;position:fixed;top:5%;transform:translate(-50%, -50%);right:0%;font-size:100px;color:#fff;z-index:99;animation:dianlog .4s .1s 1 both;cursor:pointer}@media(max-width: 767px){.closeBtn{width:40px;height:40px}}#sec2{position:relative;overflow:hidden;min-height:300px}#sec2 .sec2Bg{overflow-y:hidden;overflow-x:hidden;object-fit:cover;height:90vh;width:100vw;display:block;animation:character .3s .3s 1 both}@keyframes character{0%{opacity:0;transform:translate3d(90%, 0, 0)}100%{opacity:1;transform:translate3d(0, 0, 0)}}.sec2Main{position:absolute;transform:translate(-50%, -50%);top:60%;left:50%;width:100%;text-align:center}.sec2Text{font-style:italic;line-height:3.5rem;letter-spacing:3px;text-shadow:2px 2px 3px #000;color:#fff;font-size:36px;margin-bottom:50px;animation:character .3s .3s 1 both}@media(max-width: 767px){.sec2Text{margin-bottom:10px;font-size:18px;line-height:2rem}}.textFir{font-size:32px}.textStyle{font-weight:bold;color:#f33c3c}.sec2Pic{position:absolute;transform:translate(-50%, -50%);top:80%;left:50%;width:1100px;margin:0 auto;display:flex;flex-direction:row;justify-content:space-between}.sec2Pic .picItem{cursor:pointer;width:32%}.sec2Pic .picItem img{border-radius:5px;width:100%}.sec2Pic .picItem img:hover{transition:all .2s ease-in-out;box-shadow:0 0 10px 2px #fff}@media(max-width: 1024px){.sec2Pic{width:98%}}.picActive{border-radius:5px;box-shadow:0 0 10px 10px #951919}#sec3{position:relative;height:100%}#sec3 .title{position:absolute;left:50%;top:7%;transform:translate(-50%, -50%)}#charactersBox,.characterName{display:block}@media(max-width: 996px){#charactersBox,.characterName{display:none}}#charactersBoxMobile,.characterNameMob{display:none}@media(max-width: 996px){#charactersBoxMobile,.characterNameMob{display:block}}.characterSec3{z-index:2;position:absolute}.characters{width:100%;position:relative}.characters img{width:100%}.characterMain{position:absolute;top:65%;left:75%;transform:translate(-50%, -50%);width:90%;max-width:500px;color:#fff;z-index:2}@media(max-width: 1299px){.characterMain{top:60%;width:40%}}@media(max-width: 996px){.characterMain{top:80%;left:50%;width:90%}}.characterName{font-size:33px;margin:20px auto;text-align:center;letter-spacing:1.5rem;text-shadow:0 0 5px #ad262d}@media(max-width: 1299px){.characterName{font-size:26px}}.characterNameMob{width:100%;font-size:26px;margin:20px auto 20px 10px;text-align:center;letter-spacing:1.5rem;text-shadow:0 0 5px #ad262d;color:#fff;position:absolute;top:12%;left:50%;transform:translate(-50%, -50%)}.characterSlogan{width:100%;padding:10px;letter-spacing:.3rem;text-shadow:0 0 5px #fff;font-size:24px;font-style:italic;text-align:justify}@media(max-width: 1299px){.characterSlogan{font-size:18px}}@media(max-width: 996px){.characterSlogan{text-align:center}}@media(max-width: 767px){.characterSlogan{font-size:16px;line-height:1.2rem;padding:5px}}.characterText{text-shadow:0 0 5px #fff;background-color:rgba(0,0,0,.1647058824);padding:15px 10px;line-height:1.8rem;font-size:18px;text-align:justify}@media(max-width: 1299px){.characterText{margin-top:20px}}@media(max-width: 767px){.characterText{margin-top:10px;font-size:16px;line-height:1.5rem;padding:10px 5px}}.characterPic img{width:300px}@media(max-width: 996px){.characterPic img{margin:0 auto;width:400px}}@media(max-width: 767px){.characterPic img{width:250px}}#sec4{background:url("../images/sec4Bg.jpg") no-repeat top center/cover;max-height:820px;height:100vh;position:relative;padding:8% 0 0}@media(max-width: 1400px){#sec4{padding:12% 0 0}}@media(max-width: 1024px){#sec4{padding:16% 0 0}}@media(max-width: 767px){#sec4{padding:20% 0 0}}#sec4 .title{margin-bottom:20px}.featuresBox{position:relative;margin:1.5% auto 0;max-height:420px;height:100%;max-width:1800px}.featuresItem{position:relative;margin:0 10px;height:100%;min-width:300px !important;opacity:.8;cursor:pointer}.featuresItem img{width:100%}.featuresItem:hover{transition:all .1s ease-in-out;transition-duration:.25s;transform:scale(1.03);opacity:1}.featuresMain{position:absolute;top:50%;min-height:45vh;width:100%;max-height:100%;color:#fff;font-weight:bold}@media(max-width: 767px){.featuresMain{min-height:63vh}}.featuresMain .featuresIcon{height:60px;width:60px;margin:0 0 4% 5%}.featuresMain .featuresIcon img{height:100%;width:100%}.featuresMain .featuresTital{padding-left:5%;font-size:32px;line-height:3.2rem}.featuresMain .featuresText{padding-left:5%}.featuresTextBox{background-color:rgba(17,1,1,.5019607843);height:100%;padding:1% 10px 5%;max-height:500px}#information{background:url("../images/footBg.jpg") no-repeat top center/cover;min-height:200px;height:auto;position:relative}.ftLogo{margin:0 auto;padding-top:10%;max-width:800px;width:80%}.ftLogo img{width:100%}.footerLinks{margin:0 auto;display:flex;justify-content:center}.footerLinks a{color:#000;display:flex;width:80px;height:80px;margin:2% 2%;font-size:32px;justify-content:center;align-items:center;opacity:.8;transition:all .2s ease-in-out}.footerLinks a img{width:100%}.footerLinks a:hover{opacity:1}.ftBtn{text-align:center;padding:50px 0}#footer{background-color:#080302;padding-bottom:5%}.footerLang{height:10vh;display:flex;justify-content:center;align-items:center;background-color:#ad262d;letter-spacing:3px}.footerLang a{font-size:18px;color:#000;transition:all .2s ease-in-out}.footerLang a:hover{color:#fff}.footerMain{margin:4% auto;color:#ad262d;text-align:center;line-height:2rem}.footerMain h2{margin:20px auto;padding-bottom:20px;width:90%;max-width:600px;border-bottom:1px solid #ad262d}.footerMain p{margin:0px auto;width:90%;max-width:600px}.specificationBox{margin:5% auto}.r18{color:#ad262d;width:70%;margin:0 auto;padding-top:5%}.r18 .r18Icon{margin:0 auto;width:70px;height:70px}.r18 .r18Icon img{width:100%}.r18 .r18Text{line-height:2rem;margin-top:5%;text-align:center}#charactersBox .slick-arrow,#charactersBox .slick-prev,#charactersBoxMobile .slick-arrow,#charactersBoxMobile .slick-prev{margin:0 5%;position:absolute;height:85px;width:58px;z-index:15;top:45%;cursor:pointer;background:url("../images/btn-arrow.png") no-repeat center/contain;font-size:0}#charactersBox .slick-arrow:hover,#charactersBox .slick-prev:hover,#charactersBoxMobile .slick-arrow:hover,#charactersBoxMobile .slick-prev:hover{opacity:1}@media(max-width: 1299px){#charactersBox .slick-arrow,#charactersBox .slick-prev,#charactersBoxMobile .slick-arrow,#charactersBoxMobile .slick-prev{margin:0 2%;width:40px}}@media(max-width: 767px){#charactersBox .slick-arrow,#charactersBox .slick-prev,#charactersBoxMobile .slick-arrow,#charactersBoxMobile .slick-prev{width:30px}}#charactersBox .slick-arrow,#charactersBoxMobile .slick-arrow{transform:rotate(180deg);right:0px;opacity:.9}#charactersBox .slick-prev,#charactersBoxMobile .slick-prev{transform:rotate(0deg);left:0;opacity:.9}#charactersBoxMobile .characterMain{padding:0 0 20% 0}.featuresBox .slick-arrow,.featuresBox .slick-prev{margin:0 10%;position:absolute;height:60px;width:60px;background-color:rgba(173,38,45,.6901960784);border-radius:10px;font-size:0;z-index:15;top:35%;cursor:pointer}.featuresBox .slick-arrow:hover,.featuresBox .slick-prev:hover{background-color:#d8545b;opacity:1}@media(max-width: 767px){.featuresBox .slick-arrow,.featuresBox .slick-prev{margin:0%}}.featuresBox .slick-arrow{right:0px;opacity:.9}.featuresBox .slick-arrow:after{content:"";position:absolute;width:12px;height:12px;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-width:5px 5px 0 0;border-radius:4px;z-index:15;top:24px;right:24px}.featuresBox .slick-prev{left:0;opacity:.9}.featuresBox .slick-prev:after{content:"";width:12px;height:12px;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);border-width:5px 5px 0 0;border-radius:4px;z-index:15;position:absolute;left:24px;top:24px}body::-webkit-scrollbar,#game__previewList::-webkit-scrollbar{width:6px;height:4px}body::-webkit-scrollbar-thumb,#game__previewList::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0);background:#ad262d}body::-webkit-scrollbar-track,#game__previewList::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.055);border-radius:0;background:#1d2630}.fukatsukiName{letter-spacing:.5rem !important}