:root{--swiper-wrapper-transition-timing-function:linear}.en .article,.en .catchphrase,.en .header,.en .page_top,.ja .article,.ja .catchphrase,.ja .header,.ja .page_top{font-family:RocknRoll One}.cn .article,.cn .catchphrase,.cn .header,.cn .page_top,.tw .article,.tw .catchphrase,.tw .header,.tw .page_top{font-weight:900}body{background:#fff;margin:0 auto}.header,body{position:relative}.header{background:url(/images/landing/bg_movie.webp?v=20250801164444) no-repeat 50% 50%;background-size:cover;color:#008fcc;height:100vh;text-align:center;-webkit-transition:all .2s ease;transition:all .2s ease}.no-webp .header{background-image:url(/images/landing/bg_movie.jpg?v=20250801164444)}.header.appear{height:90vh}.loading{font-weight:700;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loading.disappear{display:none}.youtube-area{bottom:0;left:0;opacity:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.youtube-area.appear{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:PageAnimeAppear;animation-name:PageAnimeAppear}@-webkit-keyframes PageAnimeAppear{0%{opacity:0}to{opacity:1}}@keyframes PageAnimeAppear{0%{opacity:0}to{opacity:1}}#youtube{height:56.25vw;left:50%;min-height:100%;min-width:100%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:177.77777778vh}#youtube-mask{background-color:hsla(222,9%,72%,.2);background-image:radial-gradient(hsla(222,9%,72%,.6) 30%,transparent 31%),radial-gradient(hsla(222,9%,72%,.6) 30%,transparent 31%);background-position:0 0,2px 2px;background-size:4px 4px;height:100%;position:absolute;top:0;width:100%;z-index:2}.swiper-wrapper{height:auto;-webkit-transition-timing-function:linear;transition-timing-function:linear;width:100%}.swiper-slide{height:auto;width:auto}.swiper-slide img,.swiper-slide picture{height:auto;max-width:300px;width:100%}.swiper-button-next:after,.swiper-button-prev:after{bottom:0;content:"";cursor:pointer;height:0;margin:auto;position:absolute;top:0;width:0;z-index:10}.swiper-button-prev:after{border-bottom:15px solid transparent;border-right:20px solid rgba(102,151,236,.8);border-top:15px solid transparent;left:0}.swiper-button-next:after{border-bottom:15px solid transparent;border-left:20px solid rgba(102,151,236,.8);border-top:15px solid transparent;right:0}.article--box,.catchphrase--inner{margin:0 auto;max-width:800px;padding:10px 0}.article,.catchphrase,.footer{position:relative;z-index:4}@-webkit-keyframes fadeup{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}80%{opacity:1}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeup{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}80%{opacity:1}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.js-fadeup.is-animated{-webkit-animation:fadeup 1s ease-in-out .8s alternate forwards;animation:fadeup 1s ease-in-out .8s alternate forwards}.header_nav,.wrapper{position:relative}.header_nav{z-index:105}.header_nav .nav{-webkit-box-shadow:0 0 10px 5px rgba(0,0,0,.3);box-shadow:0 0 10px 5px rgba(0,0,0,.3);position:fixed;width:100%}.header--inner{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);width:100%;z-index:3}.header--wrap_title{background-color:hsla(0,0%,100%,.8);padding:30px 0 45px}.header--title{-webkit-filter:drop-shadow(1px 1px 0 #fff);filter:drop-shadow(1px 1px 0 #fff);margin:0 auto;max-width:450px;width:95%}.header--subtitle{color:#0192cf}.header--subtitle,.header--text--main{font-size:2.3rem;text-shadow:-1px -2px 0 #fff,1px 2px 0 #fff,-1px 2px 0 #fff,1px -2px 0 #fff,-2px -1px 0 #fff,2px 1px 0 #fff,-2px 1px 0 #fff,2px -1px 0 #fff}.header--text--main{color:#3158c7;line-height:1.2;margin-top:10px}.header--text--sub{background-color:rgba(102,151,236,.8);border-radius:30px;color:#fff;display:inline-block;font-size:1.6rem;margin-top:10px;padding:10px 20px}.header--download{margin:20px auto 10px}.header--download .btn_download_client{background:url(/images/landing/btn_download.webp?v=20250801164444) no-repeat 50% 50%;background-size:contain;display:block;height:auto;margin:0 auto;max-width:400px;-webkit-transition:all .2s ease;transition:all .2s ease}.no-webp .header--download .btn_download_client{background-image:url(/images/landing/btn_download.png?v=20250801164444)}.header--download .btn_download_client--inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;justify-content:center;padding:20px 50px 25px}.header--download .btn_download_client--main{font-size:2.3rem}.header--download .btn_download_client--sub{font-size:1.4rem;position:relative;text-align:left;text-indent:15px}.header--download .btn_download_client--sub:before{background:url(/images/icon_download.svg?v=20250801164444) no-repeat 50% 50%;content:"";display:block;height:15px;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);width:15px}.header--download .btn_download_client:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.header--download--other{-webkit-box-align:center;-ms-flex-align:center;display:grid;grid-template-columns:repeat(2,1fr);place-items:center;align-items:center;justify-items:center;margin:0 auto;max-width:360px}.header--download--other .btn_download_link{margin:0 10px;-webkit-transition:all .2s ease;transition:all .2s ease}.header--download--other .btn_download_link.link_playstation,.header--download--other .btn_download_link.link_steam,.header--download--other .btn_download_link.link_switch{margin-top:5px}.header--download--other .btn_download_link:hover{opacity:.8}.header--download--other .btn_download_link img,.header--download--other .btn_download_link source{height:auto;width:160px}.header--user_return{margin:10px auto 20px}.header--user_return .user_return--bnr{cursor:pointer;display:block;margin:0 auto;max-width:400px;-webkit-transition:all .2s ease;transition:all .2s ease}.header--user_return .user_return--bnr:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.header--banner{margin-top:30px}.header--banner .swiper-button-next,.header--banner .swiper-button-prev{display:none}.header--banner--title{color:#3158c7;font-size:2.4rem;line-height:1.2;margin-bottom:20px;text-shadow:-1px -2px 0 #fff,1px 2px 0 #fff,-1px 2px 0 #fff,1px -2px 0 #fff,-2px -1px 0 #fff,2px 1px 0 #fff,-2px 1px 0 #fff,2px -1px 0 #fff}.header--banner--article{max-width:800px}.header--banner--article swiper-slide{margin-bottom:30px}.header--banner a{display:block;height:100%;margin:0 auto;max-width:260px;-webkit-transition:all .2s ease;transition:all .2s ease}.header--banner a:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.header--banner--section{-webkit-box-orient:vertical;-webkit-box-direction:normal;background:hsla(0,0%,100%,.8);border-radius:10px;color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;height:100%;padding:10px;text-align:left}.header--banner--section--img{margin:0 auto 5px}.header--banner--section--title{color:#3158c7;font-size:1.4rem;line-height:1.2;margin-bottom:5px;text-shadow:-1px -2px 0 #fff,1px 2px 0 #fff,-1px 2px 0 #fff,1px -2px 0 #fff,-2px -1px 0 #fff,2px 1px 0 #fff,-2px 1px 0 #fff,2px -1px 0 #fff}.header--banner--section--body{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-size:1.2rem;margin-bottom:5px;overflow:hidden}.header--banner--section--date{font-size:1rem;margin-top:auto;text-align:right}.catchphrase{background-color:#fff;overflow:hidden}.catchphrase:before{-webkit-box-shadow:inset 0 0 10px 5px #4dffd7;box-shadow:inset 0 0 10px 5px #4dffd7;content:"";height:100%;left:50%;position:absolute;top:50%;-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);width:calc(100% + 60px)}.catchphrase--inner{padding:30px;text-align:center}.catchphrase--title{color:#008fcc;font-size:2.5rem}.catchphrase--decoration{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-evenly;margin:10px 0}.catchphrase--decoration:after,.catchphrase--decoration:before{background-color:#4dd2ff;background-size:auto;content:"";display:block;height:1px;width:40%}.article,.catchphrase--text{font-size:1.8rem}.article--inner{overflow:hidden;padding:20px 0}.article--title{background:#4dd2ff;border-radius:10px;-webkit-box-shadow:2px 3px 0 0 #387690;box-shadow:2px 3px 0 0 #387690;margin:10px}.article--title h2{background:#008fcc;color:#fff;font-size:3rem;height:100%;margin:0 auto;padding:10px;width:calc(100% - 40px)}.article--content{background-color:#fff;border-radius:10px;-webkit-box-shadow:2px 3px 0 0 #387690;box-shadow:2px 3px 0 0 #387690;margin:10px;padding:10px}.article--content--title{color:#008fcc;display:inline-block;position:relative}.article--content--title:after{background-image:repeating-linear-gradient(-45deg,transparent,transparent 3px,#4dd2ff 0,#4dd2ff 5px);bottom:0;content:"";height:6px;left:0;position:absolute;width:100%}.article--content--title h3{font-size:2.5rem;margin:10px 0}.article--content--text{margin:20px 0}.article--picture{background:#fff;margin-top:20px;padding:5px 0}.l_movie{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.l_movie iframe{aspect-ratio:16/9;height:auto;min-height:100%;min-width:100%;width:auto}.l_movie .youtube-fallback{aspect-ratio:16/9;height:auto;max-width:100%;width:770px}.l_deco{position:relative}.l_deco--img01,.l_deco--img02{opacity:0;position:absolute;z-index:3}.l_create{background:url(/images/landing/bg_01.webp?v=20250801164444) no-repeat 50% 50%;background-size:cover;text-align:center}.no-webp .l_create{background-image:url(/images/landing/bg_01.jpg?v=20250801164444)}.l_create .l_deco--img01{left:-100px;top:-60px}.l_create .l_deco--img02{bottom:-30px;right:-180px}.l_play{background:url(/images/landing/bg_03.webp?v=20250801164444) no-repeat 50% 50%;background-size:cover;text-align:center}.no-webp .l_play{background-image:url(/images/landing/bg_03.jpg?v=20250801164444)}.l_play .l_deco--img01{left:-100px;top:-60px}.l_play .l_deco--img02{bottom:-30px;right:-120px}.l_show{background:url(/images/landing/bg_02.webp?v=20250801164444) no-repeat 50% 50%;background-size:cover;padding-bottom:50px;text-align:center}.no-webp .l_show{background-image:url(/images/landing/bg_02.jpg?v=20250801164444)}.l_show .l_deco--img01{right:-250px;top:-60px}.l_show .l_deco--img02{bottom:-30px;left:-150px}.page_top{bottom:30px;cursor:pointer;position:fixed;right:30px;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:100}.page_top:hover{bottom:35px;opacity:.7}.page_top--inner{background-color:#fff;border:5px solid #4dd2ff;border-radius:50%;-webkit-box-shadow:2px 2px #387690;box-shadow:2px 2px #387690;color:#008fcc;height:100px;text-align:center;width:100px}.page_top--txt{font-size:2rem;margin:5px}.footer:before{background:url(/images/landing/line_flowers.webp?v=20250801164444) repeat-x;background-size:contain;content:"";height:50px;left:0;position:absolute;top:-50px;width:100%}.no-webp .footer:before{background-image:url(/images/landing/line_flowers.png?v=20250801164444)}@media screen and (min-width:501px) and (max-height:1110px){.header.appear{height:100vh;min-height:980px}}@media screen and (max-width:1000px){.l_create .l_deco--img02{right:-110px}}@media screen and (max-width:800px){.l_deco--img01,.l_deco--img02{width:20%}.l_create .l_deco--img01{left:-10px;top:-20px;width:15%}.l_create .l_deco--img02{bottom:-10px;right:-20px;width:25%}.l_play .l_deco--img01{left:-20px;top:-20px}.l_play .l_deco--img02{bottom:-10px;right:-10px}.l_show .l_deco--img01{right:-30px;top:-20px}.l_show .l_deco--img02{bottom:-10px;left:-20px}.page_top{bottom:5px;right:5px}.page_top:hover{bottom:10px}.page_top--inner{border:3px solid #4dd2ff;height:60px;width:60px}.page_top--txt{font-size:1.4rem;margin:2px 0 0}.page_top--image{margin-top:-2px}}@media screen and (max-width:675px){.catchphrase--decoration:after,.catchphrase--decoration:before{width:25%}}@media screen and (max-width:600px){.header_nav .nav{-webkit-box-shadow:none;box-shadow:none}}@media screen and (max-width:500px){.header.appear{height:100vh}.header--wrap_title{padding:20px 0 35px}.header--subtitle{font-size:2rem}.en .header--subtitle{font-size:1.5rem}.header--text--main{font-size:1.8rem}.en .header--text--main{font-size:1.4rem}.header--text--sub{font-size:1.2rem;padding:5px 15px}.header--download .btn_download_client{max-width:285px}.header--download .btn_download_client--inner{padding:15px 10px 20px}.header--download .btn_download_client--main{font-size:1.6rem}.header--download .btn_download_client--sub{font-size:1rem;text-indent:10px}.header--download .btn_download_client--sub:before{height:10px;width:10px}.header--download--other{max-width:300px}.header--download--other .btn_download_link{margin:0 5px}.header--download--other .btn_download_link img,.header--download--other .btn_download_link source{max-width:130px}.header--user_return .user_return--bnr{max-width:285px}.header--banner{margin-top:10px}.header--banner .swiper-button-next,.header--banner .swiper-button-prev{display:block}.header--banner--title{font-size:2rem;margin-bottom:10px}.header--banner a{max-width:inherit}.header--banner--section{padding:5px}.header--banner--section--title{font-size:1.2rem}.header--banner--section--body{font-size:1.1rem}.catchphrase--title{font-size:1.6rem}.article,.catchphrase--text{font-size:1.4rem}.article--title h2{font-size:2rem}.article--content--title h3{font-size:1.6rem}}@media screen and (max-width:500px) and (max-height:1110px){.header.appear{min-height:770px}}@media screen and (max-width:260px){.header--download--other .btn_download_link img,.header--download--other .btn_download_link source{width:100%}}