@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700,900&display=swap);@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700,900&display=swap&subset=japanese);@import url(https://fonts.googleapis.com/css?family=Noto+Serif:400,700,900&display=swap);@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,700,900&display=swap&subset=japanese);body{width:100%}.brand{position:relative;background:rgba(27,27,27,0.25);backdrop-filter:blur(8px);z-index:2}#player-black{background:#000;width:100%;height:100%;position:fixed;top:0;left:0;opacity:1;z-index:0;overflow:hidden}#bg_movie{position:fixed;top:0;width:100%;height:100vh;z-index:-1}#bg_movie::after{content:'';background:#000000;opacity:0.15;display:block;width:100%;height:100%;position:absolute;top:0;left:0}#bg_movie video,#bg_movie img{display:none;width:100%;height:100vh;position:fixed;top:0;left:0;object-fit:cover}#player-over{position:relative;top:0;width:100%;height:100%;z-index:auto}.top{font-family:'Noto Sans', sans-serif;overflow:hidden;position:relative}.ja .top{font-family:'Noto Sans JP', sans-serif}.top *{box-sizing:border-box}.top input::-ms-clear,.top input::-ms-reveal{visibility:hidden}.top img{width:100%;max-width:auto;height:auto}.top .pc_view{display:block}.top .sp_view{display:none}.top .header__link{width:100%;height:80px;padding:16px 32px;display:flex;justify-content:space-between;position:absolute;top:0;left:0;z-index:10;opacity:0}.top .header .ldst_link{display:flex;align-items:center;justify-content:center;width:304px;height:48px;overflow:hidden;background:#4C7EE8;border-radius:24px;font-family:'Noto Sans', sans-serif;font-weight:900;font-size:14px;color:#ffffff;text-decoration:none;transition:background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),box-shadow 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);opacity:0.5}.ja .top .header .ldst_link{font-family:'Noto Sans JP', sans-serif}.top .header .ldst_link:hover{background:#4C7EE8;color:#ffffff;text-decoration:none;opacity:1.0;box-shadow:0px 1px 2px rgba(50,50,51,0.1),0px 2px 4px rgba(50,50,51,0.15)}.top .header .ldst_link:active{transition:none;background:#4470CF;color:#ffffff;text-decoration:none;box-shadow:none}.top .header .social__btn li{width:48px;height:48px}.top .header .social__btn li:last-of-type{margin-right:0}.top .header .social__btn a{width:48px;height:48px}.top .header .social__btn i{width:48px;height:48px;border-radius:24px}.top .visual{display:flex;align-items:center;width:100%;height:100%;min-height:calc(100vh - 38px);padding:calc( 40px + 96px - 38px) 0 calc(40px + 96px);position:relative;opacity:0}@keyframes scroll_aetheryte{0%{transform:translateY(0)}50%{transform:translateY(8px)}100%{transform:translateY(0)}}.top .visual::after{background:url('data:image/svg+xml;utf8,<svg width="480" height="480" viewBox="0 0 480 480" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M400 291.131V321.286L360 361.492L330 331.336V301.181L360 331.336L400 291.131ZM239.998 392.277L149.1 301.181V272.125L119.825 302.322L89.645 271.435L119.825 179.698L150.688 271.435L150.545 271.579L239.998 362.12L329.669 271.362L359.825 180.537L390.686 271.435L359.825 302.322L330 271.799V301.181L239.998 392.277ZM119.1 361.492L80 321.286V291.131L119.1 331.336L149.1 301.181V331.336L119.1 361.492ZM169.744 251.041L239.908 20L309.76 251.041L239.908 321.255L169.744 251.041ZM239.82 83.9529L199.389 220.902L239.82 282.656L280.065 220.902L239.82 83.9529ZM299.998 361.492V391.646L239.998 460L179.1 391.646V361.492L239.998 421.804L299.998 361.492Z" fill="%23ffffff"/></svg>') no-repeat 50% 50% !important;background-size:contain !important;display:block;content:'';display:block;width:48px;height:48px;filter:drop-shadow(0 0 4px rgba(0,0,0,0.1)) drop-shadow(0 0 12px rgba(0,0,0,0.1));position:absolute;left:50%;bottom:16px;translate:-50% 0;animation:scroll_aetheryte 1s ease-in-out infinite}.top .visual__inner{width:100%;max-width:640px;margin:0 auto}.top .visual .logo{margin-bottom:calc(24/640*100%)}.top .visual .catch_copy__bottom{margin-bottom:calc(24/640*100%)}.top .visual .link{display:flex;justify-content:space-between;width:calc(528/640*100%);margin:0 auto}.top .visual .link li{width:calc(240/528*100%)}.top .visual .link li a{display:block;position:relative;border-radius:24px 8px 24px 8px;box-shadow:0px 8px 24px 0px rgba(0,0,0,0.25),0px 4px 8px 0px rgba(0,0,0,0.25),0px 2px 4px 0px rgba(0,0,0,0.3),0px -1px 0px 0px rgba(0,0,0,0.1) inset,0px 1px 0px 0px rgba(255,255,255,0.2) inset;overflow:hidden}.top .visual .link li a::before,.top .visual .link li a::after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)}.top .visual .link li a::before{background:linear-gradient(180deg, #57d9d9 0%,#2b9fd9 100%);opacity:1}.top .visual .link li a::after{background:linear-gradient(180deg, #61f2f2 0%,#30b2f2 100%);opacity:0}.top .visual .link li a img{pointer-events:none;position:relative;z-index:2}.top .visual .link li a:hover::after{opacity:1}.top .visual .btn_sale{width:calc(528/640*100%);margin:calc(24/640*100%) auto 0}.top .visual .btn_sale a{display:block}.top .visual .rewards{width:100%;max-width:160px;position:absolute;top:80px;right:16px}@media print, screen and (max-width: 640px){.top .visual .rewards{width:calc(160/640*100%)}}.top .visual .rewards img{display:block;transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)}.top .visual .rewards img.on{position:absolute;top:0;left:0;opacity:0}.top .visual .rewards:hover img.on{opacity:1}.top .visual .platform{display:flex;justify-content:center;width:100%;max-width:calc(842px + 32px);margin:0 auto;position:absolute;left:0;right:0;bottom:96px}.top .visual .platform li{margin:0 calc(16/(842 + 32)*100%)}.top .visual .platform li img{filter:drop-shadow(0 0 4px rgba(0,0,0,0.1)) drop-shadow(0 0 12px rgba(0,0,0,0.1))}.top .visual .platform-ps{max-width:252px}.top .visual .platform-xbox{max-width:234px}.top .visual .platform-win{max-width:106px}.top .visual .platform-mac{max-width:30px}.top .visual .platform-steam{max-width:92px}.top .contents{background:rgba(255,255,255,0.7);margin-top:64px;padding-top:2px;position:relative;z-index:3}.top .trailers{padding:46px 0 64px;position:relative}.top .trailers::before{content:'';background:rgba(255,255,255,0.5);display:block;width:100%;height:2px;position:absolute;top:-2px;left:0}.top .trailers h2{display:flex;justify-content:space-between;align-items:center;margin-bottom:64px;position:relative}.top .trailers h2 img{max-width:512px}.top .trailers h2::before,.top .trailers h2::after{content:'';background:linear-gradient(to bottom, rgba(0,0,0,0.1) 50%,rgba(255,255,255,0.25) 50%);display:block;width:100%;height:4px}.top .trailers__inner{padding:0 48px}.top .trailers__list{display:flex;justify-content:space-between;max-width:1152px;margin:0 auto}.top .trailers__list li{width:calc(512/1152*100%);text-align:center}.top .trailers__list li a{display:block;margin-bottom:24px;box-shadow:0px 8px 24px 0px rgba(0,0,0,0.15),0px 4px 8px 0px rgba(0,0,0,0.15),0px 2px 4px 0px rgba(0,0,0,0.2);position:relative;transition:transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)}.top .trailers__list li a::after{content:'';background:url(/promo/h/E/IbfP9gke22zoKmFPUWzqmvK5dM.png) no-repeat center center;background-size:contain;width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none;z-index:2}.top .trailers__list li a .play{display:block;width:calc(96/512*100%);height:calc(96/288*100%);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.top .trailers__list li a .play::before,.top .trailers__list li a .play::after{content:'';display:block;width:100%;height:100%;transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)}.top .trailers__list li a .play::before{background:url(/promo/h/8/e1nJgvEf8gpee_L6Q9Rn6wBgjk.png) no-repeat center center;background-size:contain;opacity:1}.top .trailers__list li a .play::after{background:url(/promo/h/p/hDkFml416aAo4ThfltxugJ2c-4.png) no-repeat center center;background-size:contain;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0}.top .trailers__list li a:hover{transform:scale(1.1)}.top .trailers__list li a:hover .play::after{opacity:1}.top .trailers__list li p{color:#333333;font-size:20px;font-weight:700;line-height:1.75}.top .introduction{margin-top:2px;padding-top:calc(1080/1920*100%);position:relative}.top .introduction::before{content:'';background:rgba(255,255,255,0.5);display:block;width:100%;height:2px;position:absolute;top:-2px;left:0}.top .introduction__list{display:flex;justify-content:space-between;height:100%;transition:transform 0.5s ease-in-out}.top .introduction__list li{display:flex;justify-content:space-between;width:100%;height:100%;position:relative}.top .introduction__list li.story{background:url(/promo/h/h/cWpn698m-iHIcLkaRrFSLmOXuU.jpg) no-repeat center center;background-size:cover}.top .introduction__list li.battle_system{background:url(/promo/h/F/GyIT4tcS0FCXnRVQw3Z6gkmarI.jpg) no-repeat center center;background-size:cover}.ja .top .introduction__list li.character_making{background:url(/promo/h/s/6613Nbi8W4KKUiGLA4rwPv22_k.jpg) no-repeat center center;background-size:cover}.en-us .top .introduction__list li.character_making{background:url(/promo/h/g/7ABsHg4QJ-rqVWwFAEXXCVeCQo.jpg) no-repeat center center;background-size:cover}.en-gb .top .introduction__list li.character_making{background:url(/promo/h/g/7ABsHg4QJ-rqVWwFAEXXCVeCQo.jpg) no-repeat center center;background-size:cover}.fr .top .introduction__list li.character_making{background:url(/promo/h/t/nNpCYjC4R0eTOXeZQhBr0JNOWk.jpg) no-repeat center center;background-size:cover}.de .top .introduction__list li.character_making{background:url(/promo/h/t/loY0xSuwIDXrIK5ucpUgKzJvBI.jpg) no-repeat center center;background-size:cover}.top .introduction__list li.various_contents{background:url(/promo/h/D/l6mKB-Oxu3pLM9cCitudsjTGpw.jpg) no-repeat center center;background-size:cover}.top .introduction__list li h2{width:calc(960/1920*100%);position:absolute;top:0;left:0}.top .introduction__list li .detail{background:linear-gradient(90deg, rgba(10,24,51,0.7) 0%,rgba(26,198,255,0) 100%);width:calc(1120/1920*100%);padding:calc(48/1920*100%) calc(64/1920*100%);position:absolute;left:0;bottom:calc(96/1080*100%)}.top .introduction__list li h3{margin-bottom:calc(48/1080*100%);font-family:'Noto Serif', serif;color:#ffffff;font-size:calc(40/1920*100vw);font-weight:700;line-height:1.5;text-shadow:0px 0px 16px #102040, 0px 0px 8px #102040, 0px 0px 4px #102040}.ja .top .introduction__list li h3{font-family:'Noto Serif JP', serif}.top .introduction__list li p{color:#ffffff;font-size:calc(20/1920*100vw);font-weight:400;line-height:1.75;text-shadow:0px 0px 16px #102040, 0px 0px 4px #102040, 0px 0px 4px #102040}.top .introduction__slide{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.top .introduction__slide__btn{width:100%;height:100%;position:absolute;top:0;left:0;right:0}.top .introduction__slide__prev,.top .introduction__slide__next{display:block;width:calc(48/1920*100%);height:calc(96/1080*100%);top:50%;transform:translateY(-50%);position:relative;z-index:2}.top .introduction__slide__prev::before,.top .introduction__slide__prev::after,.top .introduction__slide__next::before,.top .introduction__slide__next::after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)}.top .introduction__slide__prev::after,.top .introduction__slide__next::after{opacity:0}.top .introduction__slide__prev:hover::after,.top .introduction__slide__next:hover::after{opacity:1}.top .introduction__slide__prev{position:absolute;left:0;display:none}.top .introduction__slide__prev::before{background:url(/promo/h/Y/D2pqOwxnaADXgu1xuHkKO1sAtU.png) no-repeat center center;background-size:contain}.top .introduction__slide__prev::after{background:url(/promo/h/c/GbvbR30mPYtBxCrpuWlGKlzoFE.png) no-repeat center center;background-size:contain}.top .introduction__slide__next{position:absolute;right:0}.top .introduction__slide__next::before{background:url(/promo/h/D/vV_MTZP9gPwfPZuLvujOCqxfzg.png) no-repeat center center;background-size:contain}.top .introduction__slide__next::after{background:url(/promo/h/h/EW9NTMr_PrcPrbXuDx76l54kcE.png) no-repeat center center;background-size:contain}.top .introduction__slide__pager{display:flex;justify-content:center;width:100%;position:absolute;left:0;bottom:calc(34/1080*100%)}.top .introduction__slide__pager li{width:calc(32/1920*100%);margin:0 calc(4/1920*100%);padding-top:calc(32/1920*100%);position:relative;cursor:pointer}.top .introduction__slide__pager li::before,.top .introduction__slide__pager li::after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)}.top .introduction__slide__pager li::before{background:url(/promo/h/y/VieJeriyDYhyWQ-VZZ_UByWaN8.png) no-repeat center center;background-size:contain}.top .introduction__slide__pager li::after{background:url(/promo/h/i/MwUAk3eeosWQjcYFDvj2RjDhck.png) no-repeat center center;background-size:contain;opacity:0}.top .introduction__slide__pager li:hover::after{opacity:1}.top .introduction__slide__pager li.current::after{opacity:1}.top .links{margin-top:2px;padding:128px 0 calc(128px - 40px);position:relative}.top .links::before{content:'';background:rgba(255,255,255,0.5);display:block;width:100%;height:2px;position:absolute;top:-2px;left:0}.top .links__inner{max-width:calc(1280px + 96px);margin:0 auto;padding:0 48px}.top .links h2{margin-bottom:64px;font-family:'Noto Serif', serif;color:#333333;font-size:48px;font-weight:900;line-height:1.5;text-shadow:0px 0px 32px rgba(255,255,255,0.5),0px 0px 4px #fff;text-align:center}.ja .top .links h2{font-family:'Noto Serif JP', serif}.top .links .sale_banner{max-width:1280px;margin:0 auto 64px}.top .links .induction__list a,.top .links .mogstation a,.top .links .related__list a{display:block;border-radius:24px 8px 24px 8px;box-shadow:0px 8px 24px 0px rgba(0,0,0,0.15),0px 4px 8px 0px rgba(0,0,0,0.15),0px 2px 4px 0px rgba(0,0,0,0.2),0px -1px 0px 0px rgba(0,0,0,0.1) inset,0px 1px 0px 0px rgba(255,255,255,0.2) inset;overflow:hidden;transition:transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)}.top .links .induction__list a:hover,.top .links .mogstation a:hover,.top .links .related__list a:hover{text-decoration:none;transform:scale(1.1)}.top .links .induction__list a,.top .links .mogstation a{position:relative}.top .links .induction__list a::before,.top .links .induction__list a::after,.top .links .mogstation a::before,.top .links .mogstation a::after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);z-index:-1;pointer-events:none}.top .links .induction__list a::before,.top .links .mogstation a::before{opacity:1}.top .links .induction__list a::after,.top .links .mogstation a::after{opacity:0}.top .links .induction__list a:hover::after,.top .links .mogstation a:hover::after{opacity:1}.top .links .induction__list{display:flex;justify-content:center;flex-wrap:wrap;width:calc(100% + 40px);margin:0 -20px 24px}.top .links .induction__list li{width:400px;margin:0 20px 40px}.top .links .induction__list li p{display:flex;justify-content:center;align-items:center;height:73px;margin-top:2px;padding:0 16px;color:#ffffff;font-size:24px;font-weight:700;line-height:1.0;position:relative}.top .links .induction__list li p::before,.top .links .induction__list li p::after{content:'';display:block;position:absolute}.top .links .induction__list li p::before{background:rgba(255,255,255,0.25);width:100%;height:1px;top:-1px;left:0}.top .links .induction__list li p::after{width:96px;height:72px;left:0;bottom:0;pointer-events:none}.top .links .induction__list li a.free p{text-shadow:0px 4px 8px rgba(68,102,0,0.25),0px 2px 4px rgba(68,102,0,0.5)}.top .links .induction__list li a.free p::after{background:url(/promo/h/U/J_DX5R-C85B8-3ZmPdGQMWSl9s.png) no-repeat center center;background-size:contain}.top .links .induction__list li a.free::before{background:linear-gradient(180deg, #a3cc29 0%,#8cbf26 100%)}.top .links .induction__list li a.free::after{background:linear-gradient(180deg, #b8e52e 0%,#9fd92b 100%)}.top .links .induction__list li a.buynow p{text-shadow:0px 4px 8px rgba(0,68,102,0.25),0px 2px 4px rgba(0,68,102,0.5)}.top .links .induction__list li a.buynow p::after{background:url(/promo/h/T/A_AABDjQfOj9L7qgDZeJSVlqsc.png) no-repeat center center;background-size:contain}.top .links .induction__list li a.buynow::before{background:linear-gradient(180deg, #5cc3e5 0%,#57add9 100%)}.top .links .induction__list li a.buynow::after{background:linear-gradient(180deg, #66d9ff 0%,#61c2f2 100%)}.top .links .induction__list li a.latest p{text-shadow:0px 4px 8px rgba(102,77,0,0.25),0px 2px 4px rgba(102,77,0,0.5)}.top .links .induction__list li a.latest p::after{background:url(/promo/h/T/A_AABDjQfOj9L7qgDZeJSVlqsc.png) no-repeat center center;background-size:contain}.top .links .induction__list li a.latest::before{background:linear-gradient(180deg, #bfac4d 0%,#b39847 100%)}.top .links .induction__list li a.latest::after{background:linear-gradient(180deg, #d9c357 0%,#ccad52 100%)}.top .links .mogstation a{display:flex;justify-content:space-between;align-items:center;width:640px;margin:0 auto 128px}.top .links .mogstation a .text{width:216px;padding-left:24px}.ja .top .links .mogstation a .text{padding-left:32px}.top .links .mogstation a p{margin-bottom:16px;color:#ffffff;font-size:24px;font-weight:700;line-height:1.2;text-shadow:0px 4px 8px rgba(102,0,0,0.25),0px 2px 4px rgba(102,0,0,0.5)}.top .links .mogstation a p:last-of-type{margin-bottom:0}.en-gb .top .links .mogstation a p,.en-us .top .links .mogstation a p{font-size:20px}.top .links .mogstation a img{width:424px}.top .links .mogstation a::before{background:linear-gradient(180deg, #d94c41 0%,#cc3d3d 100%)}.top .links .mogstation a::after{background:linear-gradient(180deg, #f25749 0%,#e54545 100%)}.top .links .related__list{display:flex;justify-content:center;flex-wrap:wrap;width:calc(100% + 40px);margin:0 -20px}.top .links .related__list li{width:400px;margin:0 20px 40px}.top .links .related__list li p{margin-top:16px;color:#333333;font-size:16px;font-weight:400;line-height:1.5}.top .footer{display:none}.top .trailers h2,.top .trailers__list li,.top .introduction,.top .introduction__list li,.top .links h2,.top .sale_banner,.top .mogstation{transition:opacity 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19);opacity:0}.top .trailers h2.show,.top .trailers__list li.show,.top .introduction.show,.top .introduction__list li.show,.top .links h2.show,.top .sale_banner.show,.top .mogstation.show{opacity:1}.top .induction__list li{opacity:0}.top .induction__list li:nth-of-type(1){transition:opacity 0.5s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.top .induction__list li:nth-of-type(2){transition:opacity 0.5s .1s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.top .induction__list li:nth-of-type(3){transition:opacity 0.5s .2s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.top .induction__list.show li{opacity:1}.top .related__list{transition:opacity 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19);opacity:0}.top .related__list.show{opacity:1}html:has(.fancybox-active){overflow:hidden}.fancybox-bg{background:rgba(0,0,0,0.8)}.fancybox-slide{padding:80px 72px;overflow:hidden}.fancybox-content{max-width:1920px !important}.media__header,.media__footer{display:block;width:100%;height:80px;box-sizing:border-box;position:absolute;left:0;z-index:2}.media__header{background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,#000000 100%);top:-80px;padding:0 80px 16px 16px}.media__footer{background:linear-gradient(to top, rgba(0,0,0,0) 0%,#000000 100%);bottom:-80px}.media__prev,.media__next{width:40px;height:40px;display:block;position:absolute;top:50%;transform:translateY(-50%);transition:background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);cursor:pointer}.media__prev{background:url('data:image/svg+xml;utf8,<svg width="200" height="360" viewBox="0 0 200 360" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M200 346.383L185.957 360L0 179.714L185.957 0L200 13.0369L28.0903 179.711L200 346.383Z" fill="%23666666"/></svg>') no-repeat 50% 50%;background-size:contain;left:-72px}.media__prev:hover{background:url('data:image/svg+xml;utf8,<svg width="200" height="360" viewBox="0 0 200 360" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M200 346.383L185.957 360L0 179.714L185.957 0L200 13.0369L28.0903 179.711L200 346.383Z" fill="%23FFFFFF"/></svg>') no-repeat 50% 50%;background-size:contain}.media__next{right:-72px;background:url('data:image/svg+xml;utf8,<svg width="200" height="360" viewBox="0 0 200 360" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.0454 360L0 346.383L171.91 179.711L0 13.0369L14.0454 0L200 179.714L14.0454 360Z" fill="%23666666"/></svg>') no-repeat 50% 50%;background-size:contain}.media__next:hover{background:url('data:image/svg+xml;utf8,<svg width="200" height="360" viewBox="0 0 200 360" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.0454 360L0 346.383L171.91 179.711L0 13.0369L14.0454 0L200 179.714L14.0454 360Z" fill="%23FFFFFF"/></svg>') no-repeat 50% 50%;background-size:contain}.media__close{background:url('data:image/svg+xml;utf8,<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M217.365 199.996L217.021 200.34L400 382.966L382.936 400L199.955 217.372L17.7376 400L0 382.966L182.89 200.34L182.546 199.996L182.887 199.656L0 17.025L17.7376 0L199.955 182.621L382.936 0L400 17.025L217.024 199.656L217.365 199.996Z" fill="%23666666"/></svg>') no-repeat 50% 50%;background-size:contain;width:32px;height:32px;display:block;position:absolute;top:-40px;right:16px;z-index:2;cursor:pointer;transition:background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)}.media__close:hover{background:url('data:image/svg+xml;utf8,<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M217.365 199.996L217.021 200.34L400 382.966L382.936 400L199.955 217.372L17.7376 400L0 382.966L182.89 200.34L182.546 199.996L182.887 199.656L0 17.025L17.7376 0L199.955 182.621L382.936 0L400 17.025L217.024 199.656L217.365 199.996Z" fill="%23FFFFFF"/></svg>') no-repeat 50% 50%;background-size:contain}@media print, screen and (max-width: 767px){.brand{background:#000000;backdrop-filter:blur(0)}.top a{-webkit-tap-highlight-color:transparent}.top .pc_view{display:none}.top .sp_view{display:block}.top .header{display:none}.top .visual{min-height:calc(100vh - 38px);min-height:calc(100svh - 38px)}@keyframes scroll_aetheryte{0%{transform:translateY(0)}50%{transform:translateY(4px)}100%{transform:translateY(0)}}.top .visual::after{width:calc(24/320*100%);height:auto;padding-top:calc(24/320*100%);bottom:8px}.top .visual__inner{max-width:inherit;padding:0 calc(16/320*100%)}.top .visual .logo{margin-bottom:calc(12/288*100%)}.top .visual .catch_copy__bottom{margin-bottom:calc(12/288*100%)}.top .visual .link{width:calc(256/288*100%)}.top .visual .link li{width:calc(120/256*100%)}.top .visual .link li a{border-radius:12px 4px 12px 4px}.top .visual .link li a:hover::after{opacity:0}.top .visual .link li a.press::after{opacity:1}.top .visual .btn_sale{width:calc(256/288*100%);margin:calc(12/288*100%) auto 0}.top .visual .rewards{width:calc(80/320*100%);max-width:inherit;top:calc(8/320*100%);right:calc(8/320*100%)}.top .visual .rewards:hover img.on{opacity:0}.top .visual .rewards.press img.on{opacity:1}.top .visual .platform{flex-wrap:wrap;width:calc(288/320*100%);max-width:inherit}.top .visual .platform li{margin:0 calc(4/288*100%)}.top .visual .platform li:nth-of-type(-n+2){margin-bottom:calc(8/288*100%)}.top .visual .platform-ps{width:calc(126/288*100%);max-width:inherit}.top .visual .platform-xbox{width:calc(117/288*100%);max-width:inherit}.top .visual .platform-win{width:calc(53/288*100%);max-width:inherit}.top .visual .platform-mac{width:calc(15/288*100%);max-width:inherit}.top .visual .platform-steam{width:calc(46/288*100%);max-width:inherit}.top .contents{margin-top:32px;padding:1px 0}.top .trailers{padding:23px 0 8px}.top .trailers::before{height:1px;top:-1px}.top .trailers h2{margin-bottom:24px}.top .trailers h2 img{width:calc(288/320*100%)}.top .trailers__inner{padding:0 16px}.top .trailers__list{flex-direction:column;width:100%;max-width:inherit}.top .trailers__list li{width:100%;margin-bottom:24px}.top .trailers__list li a{margin-bottom:8px}.top .trailers__list li a .play{width:calc(54/288*100%);height:calc(54/162*100%)}.top .trailers__list li a:hover{transform:scale(1)}.top .trailers__list li a:hover .play::after{opacity:0}.top .trailers__list li a.press{transform:scale(1)}.top .trailers__list li a.press .play::after{opacity:1}.top .trailers__list li p{font-size:12px}.top .introduction{margin-top:1px;padding-top:0}.top .introduction::before{height:1px;top:-1px}.top .introduction__list{display:block;height:auto;transition:transform 0s cubic-bezier(0.645, 0.045, 0.355, 1)}.top .introduction__list li{display:block;height:auto;padding-top:calc(180/320*100%)}.top .introduction__list li.story{background:url(/promo/h/h/cWpn698m-iHIcLkaRrFSLmOXuU.jpg) no-repeat center top;background-size:contain}.top .introduction__list li.battle_system{background:url(/promo/h/F/GyIT4tcS0FCXnRVQw3Z6gkmarI.jpg) no-repeat center top;background-size:contain}.ja .top .introduction__list li.character_making{background:url(/promo/h/s/6613Nbi8W4KKUiGLA4rwPv22_k.jpg) no-repeat center top;background-size:contain}.en-us .top .introduction__list li.character_making{background:url(/promo/h/g/7ABsHg4QJ-rqVWwFAEXXCVeCQo.jpg) no-repeat center top;background-size:contain}.en-gb .top .introduction__list li.character_making{background:url(/promo/h/g/7ABsHg4QJ-rqVWwFAEXXCVeCQo.jpg) no-repeat center top;background-size:contain}.fr .top .introduction__list li.character_making{background:url(/promo/h/t/nNpCYjC4R0eTOXeZQhBr0JNOWk.jpg) no-repeat center top;background-size:contain}.de .top .introduction__list li.character_making{background:url(/promo/h/t/loY0xSuwIDXrIK5ucpUgKzJvBI.jpg) no-repeat center top;background-size:contain}.top .introduction__list li.various_contents{background:url(/promo/h/D/l6mKB-Oxu3pLM9cCitudsjTGpw.jpg) no-repeat center top;background-size:contain}.top .introduction__list li h2{width:calc(160/320*100%);position:absolute;top:0;left:0}.top .introduction__list li .detail{width:100%;padding:16px 16px 32px;position:inherit;top:auto;left:auto}.top .introduction__list li h3{margin-bottom:16px;font-size:16px}.top .introduction__list li p{font-size:12px}.top .introduction__list li:nth-of-type(odd) .detail{background:linear-gradient(90deg, rgba(10,24,51,0.7) 0%,rgba(26,198,255,0) 100%)}.top .introduction__list li:nth-of-type(even) .detail{background:linear-gradient(90deg, rgba(26,198,255,0) 0%,rgba(10,24,51,0.7) 100%)}.top .introduction__slide{position:inherit;top:auto;left:auto}.top .introduction__slide__btn{display:none}.top .introduction__slide__pager{display:none}.top .links{margin-top:1px;padding:32px 0 calc(32px - 16px)}.top .links::before{height:1px;top:-1px}.top .links::after{content:'';background:rgba(255,255,255,0.5);display:block;width:100%;height:1px;position:absolute;left:0;bottom:-1px}.top .links__inner{max-width:inherit;padding:0 16px}.top .links h2{margin-bottom:16px;font-size:20px}.top .links .sale_banner{margin-bottom:16px}.top .links .induction__list a,.top .links .mogstation a,.top .links .related__list a{border-radius:12px 4px 12px 4px}.top .links .induction__list a:hover,.top .links .mogstation a:hover,.top .links .related__list a:hover{transform:scale(1)}.top .links .induction__list a:hover::after,.top .links .mogstation a:hover::after{opacity:0}.top .links .induction__list a.press::after,.top .links .mogstation a.press::after{opacity:1}.top .links .induction__list{width:100%;margin:0}.top .links .induction__list li{width:100%;margin:0 0 16px}.top .links .induction__list li p{height:auto;padding:calc(18/288*100%) calc(16/288*100%);font-size:calc(16/320*100vw)}.top .links .induction__list li p::after{width:calc(69/288*100%);height:100%}.top .links .mogstation a{width:100%;margin:0 auto 32px}.top .links .mogstation a .text{width:calc(97/288*100%);padding-left:calc(8/288*100%)}.ja .top .links .mogstation a .text{padding-left:calc(8/288*100%)}.top .links .mogstation a p{margin-right:calc(-10/89*100%);margin-bottom:calc(4/72*100%);font-size:calc(12/320*100vw)}.en-gb .top .links .mogstation a p,.en-us .top .links .mogstation a p{font-size:calc(10/320*100vw)}.top .links .mogstation a img{width:calc(191/288*100%)}.top .links .related__list{width:100%;margin:0;padding-top:33px;position:relative}.top .links .related__list:before{content:'';background:rgba(255,255,255,0.5);width:calc(100% + 32px);height:1px;position:absolute;top:0;left:-16px}.top .links .related__list li{width:100%;margin:0 0 16px}.top .links .related__list li p{margin-top:8px;font-size:12px}.top .footer{display:block;padding:32px 16px}.top .footer .site-top a{display:flex;align-items:center;justify-content:center;background:#4C7EE8;width:288px;height:28px;margin:0 auto 16px;color:#ffffff;font-size:14px;font-weight:900;border-radius:16px;opacity:1.0}.top .footer .site-top a:hover{background:#4C7EE8;text-decoration:none;opacity:1.0}.top .footer .social__btn{justify-content:center}.top .footer .social__btn li{width:48px;height:48px;margin-right:8px}.top .footer .social__btn li:last-of-type{margin-right:0}.top .footer .social__btn i{width:48px;height:48px;font-size:24px;border-radius:24px;opacity:1.0}.top .footer .social__btn i.xiv-lds-facebook{background:#1877F2}.top .footer .social__btn i.xiv-lds-x{background:#000}.top .induction__list.show li{opacity:0}.top .induction__list li{opacity:0}.top .induction__list li:nth-of-type(1){transition:opacity 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.top .induction__list li:nth-of-type(2){transition:opacity 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.top .induction__list li:nth-of-type(3){transition:opacity 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.top .induction__list li.show{opacity:1}.top .related__list{transition:none;opacity:1}.top .related__list li{transition:opacity 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19);opacity:0}.top .related__list li.show{opacity:1}.fancybox-slide{padding:80px 0}.media__prev,.media__next{width:20px;height:20px;filter:drop-shadow(0px 0px 2px rgba(0,0,0,0.5))}.media__prev{background:url('data:image/svg+xml;utf8,<svg width="200" height="360" viewBox="0 0 200 360" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M200 346.383L185.957 360L0 179.714L185.957 0L200 13.0369L28.0903 179.711L200 346.383Z" fill="%23FFFFFF"/></svg>') no-repeat 50% 50%;background-size:contain;left:0}.media__next{background:url('data:image/svg+xml;utf8,<svg width="200" height="360" viewBox="0 0 200 360" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.0454 360L0 346.383L171.91 179.711L0 13.0369L14.0454 0L200 179.714L14.0454 360Z" fill="%23FFFFFF"/></svg>') no-repeat 50% 50%;background-size:contain;right:0}.media__close{background:url('data:image/svg+xml;utf8,<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M217.365 199.996L217.021 200.34L400 382.966L382.936 400L199.955 217.372L17.7376 400L0 382.966L182.89 200.34L182.546 199.996L182.887 199.656L0 17.025L17.7376 0L199.955 182.621L382.936 0L400 17.025L217.024 199.656L217.365 199.996Z" fill="%23666666"/></svg>') no-repeat 50% 50%;background-size:contain;background-size:24px 24px;display:block;width:24px;height:24px;position:absolute;top:-28px;right:4px;overflow:hidden;z-index:2}.media__close:hover{background:url('data:image/svg+xml;utf8,<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M217.365 199.996L217.021 200.34L400 382.966L382.936 400L199.955 217.372L17.7376 400L0 382.966L182.89 200.34L182.546 199.996L182.887 199.656L0 17.025L17.7376 0L199.955 182.621L382.936 0L400 17.025L217.024 199.656L217.365 199.996Z" fill="%23666666"/></svg>') no-repeat 50% 50%;background-size:contain}}