@charset "UTF-8";.bg,.section,.slide,.world-view{overflow:hidden}html{font-size:10px;font-family:"Noto Sans KR","Noto Sans SC","Noto Sans JP","Noto Sans TC",Inter,Arial,sans-serif;background-color:#000}@media (max-width:1024px){html{font-size:8px}}@media (max-width:700px){html{font-size:6px}}body{margin:0}a{text-decoration:none}img,svg{vertical-align:middle}button{all:unset}#dmm_ntgnavi{background:url(../images/dmm/bg_navimain.gif) center center repeat-x;border-bottom:1px solid #ccc;border-top:1px solid #ccc;font-size:12px;font-family:"メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Verdana,sans-serif;display:flex;justify-content:space-between;box-sizing:border-box}#dmm_ntgnavi ul{list-style:none;margin:2px 0;padding:0;display:flex;width:50%}#dmm_ntgnavi ul li{margin:0 6px 0 0;line-height:15px}#dmm_ntgnavi .navi_left li>a{display:block;padding:0 3px 0 8px;text-decoration:none;border:1px solid #eee;border-radius:3px}#dmm_ntgnavi .navi_left li>a span{display:block;padding:9px 10px 7px 28px;color:#333;font-weight:700}#dmm_ntgnavi .navi_left li>a:hover{background:#eee;border:1px solid #666;border-radius:3px}#dmm_ntgnavi .navi_left li.dmm_top img{margin:8px 5px 8px 0}#dmm_ntgnavi .navi_left li.ntg_top{margin-left:10px}#dmm_ntgnavi .navi_left li.ntg_top span{background:url(../images/dmm/bg_bt_olgtop.gif) 0 center no-repeat}#dmm_ntgnavi .navi_right{justify-content:flex-end;font-size:10px}#dmm_ntgnavi .navi_right li{margin:0 10px 0 0;padding:8px 5px}#dmm_ntgnavi .arrow{padding-left:14px;background:url(../images/dmm/arrow_common.gif) left center no-repeat}#dmm_ntgnavi .tx-point{font-size:16px;font-weight:700;color:#ff4b4b!important}#dmm_ntgnavi p{margin:0;line-height:2.6em}#dmm_ntgnavi .clear{clear:both}.bg{z-index:-1;position:fixed;top:0;left:0;width:100%;height:100%}.bg-overlay,.bg>video{position:absolute;width:100%;height:100%}.bg>video{top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover}.bg-overlay{top:0;left:0;background-color:rgba(0,0,0,.4)}.slide-page__dot,.slide__line,.spec__line{background-color:#fff}.scroll-indicator{z-index:1;position:fixed;left:50%;bottom:5rem;display:flex;flex-direction:column;align-items:center;transform:translateX(-50%);transition-duration:.3s;transition-property:opacity;animation:bounce 2s infinite;opacity:.8}.scroll-indicator img{width:3rem}.scroll-indicator.hidden{opacity:0;pointer-events:none}@keyframes bounce{0%,100%,20%,50%,80%{transform:translate(-50%,0)}40%{transform:translate(-50%,-1.2rem)}60%{transform:translate(-50%,-.6rem)}}.slide{z-index:1;position:relative;height:100%;cursor:grab;touch-action:pan-y}.slide-content,.slide-track{height:100%}.slide-track{display:flex;transition-duration:.5s;transition-duration:transform}.slide-content{position:relative;min-width:100%}.slide-content img{width:100%}.slide-page{z-index:2;position:absolute;bottom:26.5rem;left:50%;display:flex;gap:8rem;transform:translateX(-50%)}.slide-page__dot,.slide-page__text{cursor:pointer}.slide-page__dot{width:1.6rem;height:1.6rem;transition-duration:.5s;transition-property:box-shadow;transform:rotate(45deg)}.slide-page__dot.active{box-shadow:0 0 0 .7rem rgba(255,255,255,.6)}@media (max-width:1024px){.slide-page{bottom:22rem;gap:6rem}.slide__line{display:none}}.slide-wrap{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 -20rem 10rem -10rem #000}.slide__line,.slide__text{position:absolute;left:50%;transform:translateX(-50%)}.slide__line{bottom:20rem;width:100%;max-width:130rem;height:.3rem}.slide__text{bottom:45rem;line-height:3rem;color:#fff;font-size:2.4rem}@media (max-width:1024px){.slide__text{bottom:30rem;max-width:80rem;line-height:3.5rem;font-size:3rem}.modal-content{width:100%}}@media (max-width:700px){.slide__text{max-width:50rem}}.modal{z-index:2;position:fixed;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center}.modal-head,.modal-pv,.modal.active{display:flex}.modal-content{z-index:1;max-width:100%;max-height:100%;padding:3rem;box-sizing:border-box;overscroll-behavior:contain}.modal-head{position:relative;gap:2rem;justify-content:space-between;align-items:flex-end}.modal-pv{gap:1rem}.modal-pv-btn{line-height:2.5rem;color:#BCBCBC;font-size:2rem;padding:1rem 2.5rem;background-color:#575757;transition-duration:.5s;transition-property:color,background-color;cursor:pointer}.modal-pv-btn.active{color:#fff;background-color:#2C5A9F}.modal-close{position:absolute;top:100%;left:100%;padding:1.5rem;background-color:#000;cursor:pointer}.modal-close svg{width:1.5rem}@media (max-width:1024px){.modal-pv-btn{line-height:3.5rem;font-size:3rem}.modal-close{position:unset;padding:2.5rem}.modal-close svg{width:4rem}}.modal-youtube{padding:.5rem;background-image:linear-gradient(90deg,#2C5A9F 0,#000 100%)}.modal-youtube__video{width:80rem;aspect-ratio:16/9;background-color:#000}@media (max-width:1024px){.modal-youtube__video{width:100%}}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8)}.popup-close{position:absolute;top:-30px;right:0;z-index:1000;background:url(../images/main_page/btn_close.png) center center no-repeat;background-size:contain;border:none;cursor:pointer;width:30px;height:30px;display:flex!important;align-items:center;justify-content:center}#pre_registration_form{display:none}.footer-container,.header-container{max-width:1920px;display:flex;flex-direction:column;margin:0 auto}.header{z-index:1;position:sticky;top:0;left:0}.header-wrap{background-color:rgba(0,0,0,.4)}.footer-wrap,.world-view{background-color:#000}.header-content{height:9rem;display:flex;align-items:center;padding:0 10rem}@media (max-width:1024px){.header-content{padding:0 2rem}}.header__logo img{width:15.1rem}.footer-content{display:flex;gap:2rem;flex-direction:column;align-items:center;padding:5rem 0}.section-container,.section-content{flex-direction:column;display:flex}.footer-link{line-height:3rem;display:flex;gap:5rem;color:#fff;font-size:2.3rem}.footer-link a{color:#fff}.footer__copyright{line-height:2rem;color:#888;font-size:1.6rem}.section-container{max-width:1400px;margin:0 auto}.banner{display:flex;gap:6.5rem;flex-direction:column;align-items:center;justify-content:center;padding:25rem 0}.banner .play-btn{position:relative;display:flex;justify-content:center;transition:transform .5s;cursor:pointer}.banner .play-btn img{width:100%}.banner .play-btn:hover{transform:scale(1.08)}@media (max-width:1024px){.banner .play-btn{width:80%}}.banner .main-title{width:90%;display:flex;justify-content:center}.banner .main-title img{width:100%}@media (max-width:1024px){.banner .main-title{width:70%}}.banner .store-btns{width:100%;display:flex;gap:1rem;flex-direction:column;align-items:center}.banner .store-btns .preorder-btn img{width:100%}.banner .store-btns .preorder-notice-check{line-height:2rem;display:flex;gap:1rem;align-items:center;color:#fff;font-size:1.4rem;user-select:none;cursor:pointer}.banner .store-btns .preorder-notice-check input[type=checkbox]{width:18px;height:18px;cursor:pointer}@media (max-width:1024px){.banner .store-btns .preorder-btn{width:40%}.banner .store-btns .preorder-notice-check{line-height:2.5rem;font-size:2rem}.banner{padding:3rem 0 12rem}}.reward{position:relative;display:flex;gap:5rem;flex-direction:column;align-items:center;justify-content:center;padding:10rem 0}.reward-content{width:62rem;display:flex;gap:5rem;justify-content:center;flex-wrap:wrap}@media (max-width:1024px){.reward-content{width:unset}}.reward-item{flex:1;line-height:2rem;display:flex;gap:1rem;flex-direction:column;color:#fff;font-size:1.5rem;text-align:center}.reward-item img{width:100%}@media (max-width:1024px){.reward-item{line-height:3rem;font-size:2rem}}.reward__title{line-height:6rem;color:#fff;font-size:5.6rem;font-weight:700}@media (max-width:1024px){.reward__title{line-height:4.5rem;font-size:4rem}}.reward__text{line-height:2rem;color:#f3d8a8;font-size:1.5rem;text-align:center}.reward__asagi{z-index:-1;position:absolute;top:50%;right:0;width:65rem;transform:translate(20rem,calc(-25%))}.reward__asagi img{width:100%}@media (max-width:1024px){.reward__text{line-height:3rem;font-size:2rem}.reward__asagi{width:85rem}}.world-view{position:relative;height:144rem}.world-view-wrap{position:absolute;top:50%;left:50%;width:256rem;transform:translate(-50%,-50%)}.character-wrap{padding-top:56rem;background:url(/images/characterinfo/bg_top.jpg) top center no-repeat #000}@media (max-width:1024px){.world-view{height:120rem}.world-view-wrap{width:215rem}.character-wrap{padding-top:unset;background:#000}}.character-content{position:relative;width:90rem;display:flex;gap:8rem;flex-direction:column;align-items:center;padding:10rem 0}@media (max-width:1024px){.character-content{width:unset;gap:unset;flex-direction:column-reverse;padding:unset}}.character-head,.spec-content{flex-direction:column;display:flex}.character-head{gap:2.5rem;padding:2.5rem 2.5rem 5rem}.character-list{display:flex;gap:2rem}.character-list-item{position:relative;flex:1;cursor:pointer}.character-list-item img{width:100%;filter:grayscale(100%);transition-duration:.5s;transition-property:filter}.character-list-item::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 0 .5rem #fff;pointer-events:none}.character-list-item.active img{filter:grayscale(0)}@media (max-width:1024px){.character-list{width:100%;padding:5rem 8rem;background-color:#303030;box-sizing:border-box;overflow:auto}.character-list-item{flex-shrink:0;min-width:17rem}}.game-view,.spec{padding:20rem 2rem}.character__title{line-height:11rem;color:#fff;font-size:9rem;font-weight:900}@media (max-width:1024px){.character__title{line-height:6.5rem;font-size:6rem;text-align:center}}.character__text{line-height:3rem;color:#E8E8E8;font-size:2.4rem}.character__thum{position:absolute;top:-12rem;left:calc(100% + 6rem)}@media (max-width:1024px){.character__text{line-height:4rem;font-size:3.2rem}.character__thum{position:unset}.character__thum img{width:100%}}.character__voice{z-index:1;position:absolute;top:0;right:0;transform:translate(35%,-25%);cursor:pointer}@media (max-width:1024px){.character__voice{position:unset;width:34rem;transform:unset}.character__voice img{width:100%}}.game-view .slide-page{bottom:10rem}.spec-container{max-width:100rem}.spec-content{position:relative;gap:4rem;text-align:center;padding:6rem 5rem;border-radius:1rem;box-shadow:inset 0 0 0 .1rem rgba(255,255,255,.1);background-color:rgba(40,40,40,.3)}.spec-detail,.spec-footer{display:flex;gap:2rem;flex-direction:column}.spec__title{line-height:3rem;color:#fff;font-size:2.5rem}.spec__subtitle,.spec__text{line-height:2.5rem;color:#fff;font-size:2rem}.spec__caption{line-height:2rem;color:#c9a227;font-size:1.5rem}.spec__notice{line-height:2rem;color:#fff;font-size:1.6rem}.spec__line{height:.1rem}