@property --vw-1{syntax:"<length>";inherits:true;initial-value:0px}:root{--vw-1: 1vw;--vw-to-px: calc(tan(atan2(var(--vw-1), 1px)));--ratio-em: (1em / 16)}#popup_240308{position:relative}.youtube video{pointer-events:none}h2{position:relative;z-index:50}h2 img{filter:drop-shadow(0 0 10px rgba(0, 19, 51, 0.3)) drop-shadow(0 0 10px rgba(0, 19, 51, 0.4)) drop-shadow(0 0 8px rgba(0, 0, 0, 0.3)) drop-shadow(0 0 3px rgba(0, 19, 51, 0.4))}.indent{text-align:left}dl[class^=txtBox_]{position:relative;z-index:50}@media screen and (min-width: 768px){dl[class^=txtBox_]{width:60%}dl[class^=txtBox_] dt,dl[class^=txtBox_] dd{width:100%}}@media screen and (min-width: 768px){dl[class^=txtBox_] dd p{margin-top:0}dl[class^=txtBox_] dd p+p{margin-top:1.5em}}@media screen and (max-width: 1599px){dl[class^=txtBox_] dd{font-size:1.1em}}@media screen and (min-width: 1600px){dl[class^=txtBox_] dd{font-size:1.35em}}@media screen and (max-width: 767px){dl[class^=txtBox_][class*=txtBox_l] dt{border-radius:0 0 1.0416666667vw 0}}@media screen and (min-width: 768px){dl[class^=txtBox_][class*=txtBox_l] dt{border-radius:0 0 .625vw 0}}@media screen and (max-width: 767px){dl[class^=txtBox_][class*=txtBox_l] dt::before{left:0;margin-left:4.1666666667vw}}@media screen and (min-width: 768px){dl[class^=txtBox_][class*=txtBox_l] dt::before{left:50vw;margin-left:min(-700px,-700vw/var(--device)*100)}}dl[class^=txtBox_][class*=txtBox_l] dt::after{left:100%;background:url(../images/common/stit_obj_r.png) center bottom no-repeat;background-size:100% auto}@media screen and (max-width: 767px){dl[class^=txtBox_][class*=txtBox_l] dd{border-radius:0 1.0416666667vw 1.0416666667vw 0}}@media screen and (min-width: 768px){dl[class^=txtBox_][class*=txtBox_l] dd{border-radius:0 min(10px,10vw/var(--device)*100) min(10px,10vw/var(--device)*100) 0;margin-right:min(55px,55vw/var(--device)*100)}}@media screen and (max-width: 767px){dl[class^=txtBox_][class*=txtBox_r] dt{border-radius:0 0 0 1.0416666667vw}}@media screen and (min-width: 768px){dl[class^=txtBox_][class*=txtBox_r] dt{border-radius:0 0 0 min(10px,10vw/var(--device)*100)}}@media screen and (max-width: 767px){dl[class^=txtBox_][class*=txtBox_r] dt::before{right:0;margin-right:4.1666666667vw}}@media screen and (min-width: 768px){dl[class^=txtBox_][class*=txtBox_r] dt::before{right:50vw;margin-right:min(-600px,-600vw/var(--device)*100)}}dl[class^=txtBox_][class*=txtBox_r] dt::after{right:100%;background:url(../images/common/stit_obj_l.png) center bottom no-repeat;background-size:100% auto}@media screen and (max-width: 767px){dl[class^=txtBox_][class*=txtBox_r] dd{border-radius:1.0416666667vw 0 0 1.0416666667vw}}@media screen and (min-width: 768px){dl[class^=txtBox_][class*=txtBox_r] dd{border-radius:min(10px,10vw/var(--device)*100) 0 0 min(10px,10vw/var(--device)*100);margin-left:min(55px,55vw/var(--device)*100)}}dl[class^=txtBox_] dt{position:relative;background:var(--color-purple);box-sizing:border-box}@media screen and (max-width: 767px){dl[class^=txtBox_] dt{padding:1.5625vw;filter:drop-shadow(1.5625vw 1.5625vw 0 rgba(89, 171, 228, 0.75))}}@media screen and (min-width: 768px){dl[class^=txtBox_] dt{padding:min(25px,25vw/var(--device)*100);filter:drop-shadow(min(15px, 15vw / var(--device) * 100) min(15px, 15vw / var(--device) * 100) 0 rgba(89, 171, 228, 0.75))}}dl[class^=txtBox_] dt::before,dl[class^=txtBox_] dt::after{content:"";position:absolute}dl[class^=txtBox_] dt::before{bottom:100%;background:url(../images/common/stit_obj_t.png) center bottom no-repeat;background-size:100% auto}@media screen and (max-width: 767px){dl[class^=txtBox_] dt::before{width:28.125vw;padding-top:3.125vw}}@media screen and (min-width: 768px){dl[class^=txtBox_] dt::before{width:16.875vw;max-width:270px;padding-top:min(30px,30vw/var(--device)*100)}}dl[class^=txtBox_] dt::after{top:0}@media screen and (max-width: 767px){dl[class^=txtBox_] dt::after{width:3.125vw;padding-top:8.3333333333vw}}@media screen and (min-width: 768px){dl[class^=txtBox_] dt::after{width:1.875vw;max-width:30px;padding-top:min(80px,80vw/var(--device)*100)}}dl[class^=txtBox_] dd{background:linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, rgba(17, 55, 134, 0.75) 100%);box-sizing:border-box;line-height:1.75em}@media screen and (max-width: 767px){dl[class^=txtBox_] dd{padding:4.1666666667vw;margin-top:1.5625vw}}@media screen and (min-width: 768px){dl[class^=txtBox_] dd{padding:min(50px,50vw/var(--device)*100);margin-top:min(15px,15vw/var(--device)*100)}}img[class*=dot]{position:absolute;left:50%;z-index:-1}@media screen and (max-width: 767px){img[class*=dot][class*=dotS]{width:66.4583333333vw}}@media screen and (min-width: 768px){img[class*=dot][class*=dotS]{width:39.875vw;max-width:638px}}@media screen and (max-width: 767px){img[class*=dot][class*=dotL]{width:95.2083333333vw}}@media screen and (min-width: 768px){img[class*=dot][class*=dotL]{width:57.125vw;max-width:914px}}#mv{position:relative}@media screen and (max-width: 767px){#mv{background:url(../images/top/bg_mv.jpg) center top no-repeat;background-size:cover;padding-top:3.125%}}@media screen and (min-width: 768px){#mv{border-bottom:solid 1px #fff}}#mv .youtube{position:relative;display:block;width:100%;height:0;padding-bottom:56.25%;z-index:10}#mv .youtube::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (max-width: 767px){#mv .youtube::before{background:linear-gradient(to bottom, #001333 0%, rgba(0, 19, 51, 0) 5% 95%, #001333 100%);z-index:30}}#mv .youtube::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:-1}#mv .youtube iframe,#mv .youtube video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}#mv #videoToggle{z-index:99;position:absolute;width:4vw;height:4vw;min-width:45px;min-height:45px;max-width:75px;max-height:75px;pointer-events:auto}@media screen and (max-width: 767px){#mv #videoToggle{top:44vw;right:3vw}}@media screen and (min-width: 768px){#mv #videoToggle{top:15px;left:15px}}@media(any-hover: hover),(-ms-high-contrast: none){#mv #videoToggle{transition:.2s}#mv #videoToggle:hover{scale:.9}}#mv .release{position:relative;display:flex;justify-content:center;align-items:end;margin:0 auto;max-width:90%}@media screen and (max-width: 767px){#mv .release{width:98%;margin-top:3.125%;margin-bottom:3.125%;margin-left:auto;margin-right:auto}}@media screen and (min-width: 768px){#mv .release{margin-bottom:min(50px,50vw/var(--device)*100)}}@media screen and (max-width: 767px){#mv .release>div{width:90%}}#mv .release>div#pfLogo{z-index:30}#mv .release>div#pfLogo ul{display:flex;justify-content:center;align-items:center;width:100%;margin-inline:auto}@media screen and (max-width: 767px){#mv .release>div#pfLogo ul{width:100%}}@media screen and (max-width: 767px){#mv .release>div#pfLogo ul li{display:grid;margin-block:auto}}@media screen and (max-width: 767px){#mv .release>div#pfLogo ul li:nth-child(1){width:31.71875%}}@media screen and (min-width: 768px){#mv .release>div#pfLogo ul li:nth-child(1){width:16.49375%;max-width:142.1px}}@media screen and (max-width: 767px){#mv .release>div#pfLogo ul li:nth-child(2){width:54.21875%}}@media screen and (min-width: 768px){#mv .release>div#pfLogo ul li:nth-child(2){width:28.19375%;max-width:242.9px}}@media screen and (max-width: 767px){#mv .release>div#pfLogo ul li:nth-child(3){width:21.875%}}@media screen and (min-width: 768px){#mv .release>div#pfLogo ul li:nth-child(3){width:12.1875%;max-width:105px}}@media screen and (min-width: 768px){#mv .release>div#pfLogo ul li+li{margin-left:min(40px,40vw/var(--device)*100)}}#mv .release>div#pfLogo ul li:nth-child(4){position:relative}@media screen and (max-width: 767px){#mv .release>div#pfLogo ul li:nth-child(4){width:11.9791666667%}}@media screen and (min-width: 768px){#mv .release>div#pfLogo ul li:nth-child(4){width:5.775%;max-width:92.4px}}#mv .release>div#pfLogo ul li:nth-child(4)::after{position:absolute;content:"";background-color:#fff;width:1px;height:100%;top:0;left:135%}@media screen and (max-width: 767px){#mv .release>div#pfLogo ul li:nth-child(4)::after{left:130%}}@media screen and (max-width: 767px){#mv .release>div#pfLogo ul li:nth-child(5){width:11.25%;margin-left:5.2083333333%}}@media screen and (min-width: 768px){#mv .release>div#pfLogo ul li:nth-child(5){width:4.9%;max-width:78.4px}}@media screen and (max-width: 767px){#mv .release>div#pfLogo ul li+li{margin-left:3.125%}}@media screen and (min-width: 768px){#mv .release>div#pfLogo ul li+li{margin-left:min(22px,22vw/var(--device)*100)}}#mv .release>div#pfLogo p{width:100%;max-width:75%;margin-inline:auto}#mv .release>div#pfLogo p img{margin-inline:auto}@media screen and (max-width: 767px){#mv .release>div#pfLogo p img{width:140%;margin-top:5.2083333333%;margin-bottom:5.2083333333%}}@media screen and (min-width: 768px){#mv .release>div#pfLogo p img{width:100%;margin-top:2.5%}}#mv #mvInner{width:100%;text-align:center;z-index:50}@media screen and (max-width: 767px){#mv #mvInner{position:relative !important;margin-top:-6.25%}}@media screen and (min-width: 768px){#mv #mvInner{position:absolute;bottom:0;left:0}}@media screen and (max-width: 767px){#mv #mvInner .bnrArea{margin-top:4.1666666667%}#mv #mvInner .bnrArea .bnr{border-bottom:1px solid #000}}@media screen and (min-width: 768px){#mv #mvInner .bnrArea{margin-top:min(50px,50vw/var(--device)*100);margin-bottom:min(50px,50vw/var(--device)*100)}}@media screen and (min-width: 768px){#mv #mvInner .bnrArea.dbgbh2026{width:70%;margin:0 auto;margin-block:min(50px,50vw/var(--device)*100)}}#mv #mvInner .bnr{display:inline-block;z-index:200}@media screen and (min-width: 768px){#mv #mvInner .bnr{margin-bottom:min(20px,20vw/var(--device)*100);width:80%;max-width:960px}}#mv #mvInner .bnr img{width:100%}@media(any-hover: hover),(-ms-high-contrast: none){#mv #mvInner .bnr{transition:.2s}#mv #mvInner .bnr:hover{transform:translateY(3px)}}@media screen and (max-width: 767px){#mv h1 img{width:86.5625%}}@media screen and (min-width: 768px){#mv h1 img{width:51.9375%;max-width:831px}}@media screen and (min-width: 768px){#mv #bnrSpecial{position:absolute;bottom:12.5%;left:0;width:16.25%;max-width:300px;z-index:10}}@media screen and (min-width: 768px){#mv #bnrDbgbh2026{position:absolute;bottom:10px;right:10px;width:17.5%;max-width:280px;z-index:10}}@media screen and (max-width: 767px){#mv #bnrX{border-top:1px solid #000}}@media screen and (min-width: 768px){#mv #bnrX{position:absolute;bottom:0;left:0;width:25%;max-width:400px;z-index:10}}@media(any-hover: hover),(-ms-high-contrast: none){#mv #bnrX{transition:.2s}#mv #bnrX:hover{transform:translateX(-3px)}}#information{background:rgba(0,0,0,.5);border-bottom:solid 1px #fff}@media screen and (max-width: 767px){#information{padding:min(60px,60vw/var(--device)*100) 0 min(120px,120vw/var(--device)*100)}}@media screen and (min-width: 768px){#information{padding:min(60px,60vw/var(--device)*100) 0}}#information .inner{max-width:1200px;margin:0 auto}@media screen and (max-width: 767px){#information .inner{width:87.5%}}#information .inner h2{display:block;font-family:"Arial Black","Arial","Helvetica Neue","Helvetica","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif;line-height:.75em;font-weight:bold}@media screen and (max-width: 767px){#information .inner h2{font-size:2.5em;margin-bottom:6.25%}}@media screen and (min-width: 768px){#information .inner h2{font-size:5em;margin-bottom:min(60px,60vw/var(--device)*100)}}#information .inner h2 .jp{font-size:.4em;line-height:.75em}@media screen and (max-width: 767px){#information .inner h2 .jp{display:block;margin-top:.5em}}@media screen and (min-width: 768px){#information .inner h2 .jp{display:inline-block;margin-left:1em}}@media screen and (max-width: 767px){#information .inner #ctgList{display:flex;flex-wrap:wrap;gap:1em}}@media screen and (min-width: 768px){#information .inner #ctgList{display:flex;justify-content:space-around;font-size:1.2em;gap:1em}}#information .inner #ctgList button{display:block;box-sizing:border-box;border:2px solid var(--color-yellow);background:#000;padding:.4em 0;text-decoration:none;font-weight:bold;text-align:center;color:var(--color-yellow);width:100%;font-size:1.2em}@media screen and (min-width: 768px){#information .inner #ctgList button{font-size:1em}}#information .inner #ctgList button.tab-all{text-transform:uppercase}#information .inner #ctgList button[aria-selected=true]{border:2px solid var(--color-yellow);background:var(--color-yellow);color:#000}@media screen and (min-width: 768px){#information .inner #ctgList button{width:30%}}@media(any-hover: hover),(-ms-high-contrast: none){#information .inner #ctgList button{transition:.3s}#information .inner #ctgList button:hover{border:2px solid var(--color-yellow);background:var(--color-yellow);color:#000}}@media screen and (max-width: 767px){#information .inner #articleList{margin:6.25vw auto}}@media screen and (min-width: 768px){#information .inner #articleList{margin-top:min(60px,60vw/var(--device)*100)}}#information .inner #articleList .js_tab__panel a{text-decoration:none;color:#fff}#information .inner #articleList .js_tab__panel a:first-child dl{border-top:none;padding-top:0}#information .inner #articleList .js_tab__panel a{display:flex;flex-wrap:wrap;align-items:center;padding-block:1em;border-top:solid 1px #3058b1;box-sizing:border-box}#information .inner #articleList .js_tab__panel a:first-child{border-top:none}#information .inner #articleList .js_tab__panel a .date{color:var(--color-yellow);font-size:1.1em;font-weight:bold;margin-top:0}@media screen and (min-width: 768px){#information .inner #articleList .js_tab__panel a .date{font-size:1.2em}}#information .inner #articleList .js_tab__panel a .ctg{display:inline-flex;justify-content:center;align-items:center;background-color:#333;width:13em;height:2em;line-height:1em;padding-bottom:.1em;border-radius:.5em;box-sizing:border-box;margin:0 1em;font-weight:bold}@media screen and (max-width: 767px){#information .inner #articleList .js_tab__panel a .ctg{font-size:.9em;margin-right:0}}#information .inner #articleList .js_tab__panel a .camp{background-color:#f02400}#information .inner #articleList .js_tab__panel a .update{background-color:#05f}#information .inner #articleList .js_tab__panel a h3{text-align:left}@media screen and (max-width: 767px){#information .inner #articleList .js_tab__panel a h3{width:100%;margin-top:.5em;font-size:1.1em}}@media screen and (min-width: 768px){#information .inner #articleList .js_tab__panel a h3{width:100%;margin-top:.5em;font-size:1.1em}}@media screen and (min-width: 768px){#information .inner #articleList .js_tab__panel a h3{max-width:42em;font-size:1.2em}}@media screen and (max-width: 767px){#information .inner .btnMore{max-width:90%}}.intro-wrapper{position:relative}#intro{position:relative;overflow:hidden}@media screen and (max-width: 767px){#intro{background:#000 url(../images/top/bg_intro_sp.jpg) no-repeat top center;background-size:cover}}@media screen and (min-width: 768px){#intro{background:#000 url(../images/top/bg_intro.jpg) no-repeat center;background-size:cover;display:flex;align-items:center;justify-content:center}}#intro::before,#intro::after{content:"";position:absolute;background:url(../images/top/bg_intro_txt.png) center center repeat-x;background-size:auto 100%;width:600%;height:0;z-index:30}@media screen and (max-width: 767px){#intro::before,#intro::after{padding-top:8.5416666667%}}@media screen and (min-width: 768px){#intro::before,#intro::after{padding-top:min(82px,82vw/var(--device)*100)}}#intro::before{top:0}@media screen and (max-width: 767px){#intro::before{left:-176%;margin-top:2.0833333333%}}@media screen and (min-width: 768px){#intro::before{left:-110%;margin-top:min(20px,20vw/var(--device)*100)}}#intro::after{bottom:0}@media screen and (max-width: 767px){#intro::after{left:-120%;margin-bottom:2.0833333333%}}@media screen and (min-width: 768px){#intro::after{left:-166.5%;margin-bottom:min(20px,20vw/var(--device)*100)}}#intro.paused::before,#intro.paused::after{animation-play-state:paused}#intro dl{text-align:center}@media screen and (max-width: 767px){#intro dl{padding-top:11.9791666667%;padding-bottom:125%}}@media screen and (min-width: 768px){#intro dl{margin-left:min(50px,50vw/var(--device)*100);padding:min(50px,50vw/var(--device)*100) 0;width:50%;max-width:800px}}@media screen and (max-width: 767px){#intro dl dt{padding-bottom:2.0833333333%}}@media screen and (min-width: 768px){#intro dl dt{padding-bottom:min(20px,20vw/var(--device)*100)}}@media screen and (max-width: 767px){#intro dl dt img{width:88.9583333333%}}@media screen and (min-width: 768px){#intro dl dt img{width:100%}}@media screen and (min-width: 768px){#intro dl dd{padding-top:min(55px,55vw/var(--device)*100)}}@media screen and (max-width: 767px){#intro dl dd img{width:81.7708333333%}}@media screen and (min-width: 768px){#intro dl dd img{max-width:750px;width:100%}}@media screen and (max-width: 767px){#intro #pic{position:absolute;left:0;right:0;bottom:5%;margin:0 auto;scale:1.2;overflow:hidden}}@media screen and (min-width: 768px){#intro #pic{width:50%;max-width:800px}}#movie{position:relative}#movie h2{width:100%;z-index:30}@media screen and (max-width: 767px){#movie h2{position:relative;background:url(../images/top/bg_movie_sp.png) center top no-repeat;background-size:100% auto;padding-bottom:46.875%;margin-bottom:-30.2083333333%}}@media screen and (min-width: 768px){#movie h2{position:absolute;top:0;left:0;width:100%;max-width:1600px;text-align:left;padding-top:min(80px,80vw/var(--device)*100);margin-left:0}}@media screen and (min-width: 1600px){#movie h2{left:48%;margin-left:min(-730px,-730vw/var(--device)*100)}}@media screen and (max-width: 767px){#movie h2 img{position:absolute;top:0;right:0;text-align:right;width:81.7708333333%;margin-top:2.6041666667%}}@media screen and (min-width: 768px){#movie h2 img{text-align:left;width:62%;max-width:992px}}#movie #play{position:relative;opacity:1 !important;z-index:10;background:#fff;display:block}@media(any-hover: hover),(-ms-high-contrast: none){#movie #play:hover dd:nth-child(2)::before{transform-origin:center !important;animation:btnM 10s linear infinite}}#movie #play img{transition:opacity .3s}#movie #play dl{position:relative}#movie #play dl dt{position:absolute;bottom:0;left:0;background:var(--color-purple);width:100%;color:#fff !important;font-weight:400}@media screen and (max-width: 767px){#movie #play dl dt{font-size:1.25em}}@media screen and (min-width: 768px){#movie #play dl dt{font-size:4.5em;text-align:right;margin-bottom:min(50px,50vw/var(--device)*100)}}#movie #play dl dt span{position:relative;display:block;max-width:1600px;line-height:1em;padding-bottom:.1em;box-sizing:border-box;margin:0 auto}@media screen and (max-width: 767px){#movie #play dl dt span{width:70%;font-size:1.25em;margin-right:0}}@media screen and (min-width: 768px){#movie #play dl dt span{padding-right:2.25em}}#movie #play dl dt span::before,#movie #play dl dt span::after{content:"";position:absolute;top:0;right:0;background:#fff;width:.25em;height:100%;transform-origin:top right;transform:skewX(-45deg)}#movie #play dl dt span::after{margin-right:.5em}@media screen and (min-width: 768px){#movie #play dl dd{background:url(../images/top/bg_movie.png) left top no-repeat;background-size:auto 95.5555555556%;max-height:900px;overflow:hidden;-o-object-fit:cover;object-fit:cover}}#movie #play dl dd #thumb{position:relative;width:100%;z-index:-1}#movie #play dl dd .iconPlay{position:absolute;pointer-events:none;display:block;z-index:30;filter:drop-shadow(0 0 3px rgba(0, 19, 51, 0.2)) drop-shadow(0 0 6px rgba(0, 19, 51, 0.3)) drop-shadow(0 0 8px rgba(0, 0, 0, 0.3));cursor:pointer}@media screen and (max-width: 767px){#movie #play dl dd .iconPlay{bottom:calc(-40vw/var(--deviceWide)*100);left:calc(-40vw/var(--deviceWide)*100);width:calc(270vw/var(--deviceWide)*100)}}@media screen and (min-width: 768px){#movie #play dl dd .iconPlay{bottom:40%;left:50%;transform:translate(-50%, 50%);width:min(380px,380vw/var(--device)*100);max-width:400px}}#movie #play dl dd:nth-child(2)::before{content:"";display:block;position:absolute;background:url(../images/common/ico_play_txt.png) no-repeat;background-size:contain;animation-play-state:paused}@media screen and (max-width: 767px){#movie #play dl dd:nth-child(2)::before{bottom:0;left:0;width:35.4166666667%;padding-top:35.4166666667%;margin:0 0 -5.2083333333% -5.2083333333%}}@media screen and (min-width: 768px){#movie #play dl dd:nth-child(2)::before{bottom:calc(50% - min(280px,280vw/var(--device)*100));left:calc(50% - min(190px,190vw/var(--device)*100));width:min(380px,380vw/var(--device)*100);padding-top:min(380px,380vw/var(--device)*100)}}@keyframes btnM{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#movie img[class*=dot]{bottom:0}@media screen and (max-width: 767px){#movie .dotL01{margin:0 0 -72.9166666667% -62.5%}}@media screen and (min-width: 768px){#movie .dotL01{margin:0 0 min(-575px,-575vw/var(--device)*100) min(-850px,-850vw/var(--device)*100)}}@media screen and (min-width: 768px){#movie .dotS01{margin:0 0 min(-225px,-225vw/var(--device)*100) min(100px,100vw/var(--device)*100)}}#about::before,#battle::before,#character::before{content:"";position:absolute;display:block}@media screen and (max-width: 767px){#about::before,#battle::before,#character::before{left:-3.125%;width:125.2083333333%;padding-bottom:50%}}@media screen and (min-width: 768px){#about::before,#battle::before,#character::before{left:50%;margin-left:min(-1040px,-1040vw/var(--device)*100);padding-bottom:min(660px,660vw/var(--device)*100)}}#about{position:relative}@media screen and (max-width: 767px){#about{margin-top:12.5%}}@media screen and (min-width: 768px){#about{margin-top:min(150px,150vw/var(--device)*100)}}#about::before{content:""}@media screen and (max-width: 767px){#about::before{background:url(../images/top/bg_about_sp.png) left top no-repeat;background-size:100% auto}}@media screen and (min-width: 768px){#about::before{width:146.0625%;max-width:2337px;background:url(../images/top/bg_about.png) left top no-repeat;background-size:100% auto}}@media screen and (max-width: 767px){#about h2{text-align:left;padding-top:35.9375%}}@media screen and (min-width: 768px){#about h2{text-align:right;max-width:1600px;padding-top:min(540px,540vw/var(--device)*100);margin:0 auto}}@media screen and (max-width: 767px){#about h2 img{width:91.6666666667%}}@media screen and (min-width: 768px){#about h2 img{width:78.5%;max-width:1256px}}#about .wrap{position:relative}@media screen and (max-width: 767px){#about .wrap{margin-top:-3.6458333333%}}@media screen and (min-width: 768px){#about .wrap{margin-top:min(105px,105vw/var(--device)*100)}}#about .wrap>.imgBox{background-color:rgba(0,0,0,0);border-radius:0;border:none;padding:4px}@media screen and (max-width: 767px){#about .wrap>.imgBox{width:91.6666666667%;margin-left:-4.1666666667%}}@media screen and (min-width: 768px){#about .wrap>.imgBox{position:absolute;top:0;right:50%;width:55.25%;max-width:884px;margin:min(-70px,-70vw/var(--device)*100) min(74px,74vw/var(--device)*100) 0 0;border-radius:0}}@media screen and (max-width: 767px){#about .wrap>.imgBox a,#about .wrap>.imgBox img{border-radius:3.125vw}}@media screen and (min-width: 768px){#about .wrap>.imgBox a,#about .wrap>.imgBox img{border-radius:min(30px,30vw/var(--device)*100)}}@media screen and (max-width: 767px){#about .wrap>.imgBox a{border:solid .5208333333vw #44cae4}}@media screen and (min-width: 768px){#about .wrap>.imgBox a{border:solid min(5px,5vw/var(--device)*100) #44cae4}}#about .wrap>.imgBox:focus-visible{outline:none;box-shadow:0 0 0 2px #000,0 0 0 4px #00fffd}@media screen and (max-width: 767px){#about .wrap .txtBox_r{width:93.75%;margin:2.0833333333% 0 0 6.25%}}@media screen and (min-width: 768px){#about .wrap .txtBox_r{margin-left:calc(50% - min(80px,80vw/var(--device)*100))}}@media screen and (max-width: 767px){#about .wrap .txtBox_r dt img{width:88.9583333333vw}}@media screen and (min-width: 768px){#about .wrap .txtBox_r dt img{width:53.375vw;max-width:854px}}@media screen and (max-width: 767px){#about .wrap .txtBox_r dd{padding-bottom:11.4583333333vw;margin-bottom:-7.2916666667vw}}@media screen and (min-width: 768px){#about .wrap .txtBox_r dd{padding-bottom:min(130px,130vw/var(--device)*100);margin-bottom:min(-80px,-80vw/var(--device)*100)}}#about .slider_about{z-index:99}#about .splide__arrow--prev{position:absolute;bottom:50%;left:4vw;transform:translate(0, 50%)}#about .splide__arrow--next{position:absolute;bottom:50%;right:4vw;transform:translate(0, 50%)}#about .splide__toggle{position:absolute;bottom:calc(-2vw - 50px);right:15px;width:4vw;height:4vw;min-width:45px;min-height:45px;max-width:75px;max-height:75px;background-color:rgba(0,0,0,0);border:none}@media screen and (min-width: 768px){#about .splide__toggle{position:absolute;z-index:99;bottom:calc(-2vw - 60px);right:auto;left:15px}}@media(any-hover: hover),(-ms-high-contrast: none){#about .splide__toggle{transition:.2s}#about .splide__toggle:hover{scale:.9}}#about .dotL01{top:0}@media screen and (max-width: 767px){#about .dotL01{margin:20.8333333333% 0 0 10.4166666667%}}@media screen and (min-width: 768px){#about .dotL01{margin:min(300px,300vw/var(--device)*100) 0 0 min(300px,300vw/var(--device)*100)}}#about img[class*=dotS]{bottom:0}@media screen and (max-width: 767px){#about .dotS01{margin:0 0 -36.4583333333% -10.4166666667%}}@media screen and (min-width: 768px){#about .dotS01{margin:0 0 min(-50px,-50vw/var(--device)*100) min(-600px,-600vw/var(--device)*100)}}@media screen and (min-width: 768px){#about .dotS02{margin:0 0 min(-425px,-425vw/var(--device)*100) min(-100px,-100vw/var(--device)*100)}}#character{position:relative}@media screen and (max-width: 767px){#character{margin-top:18.75%}}@media screen and (min-width: 768px){#character{margin-top:min(220px,220vw/var(--device)*100)}}#character::before{content:""}@media screen and (max-width: 767px){#character::before{background:url(../images/top/bg_character_sp.png) left top no-repeat;background-size:100% auto}}@media screen and (min-width: 768px){#character::before{width:146.0625%;max-width:2337px;background:url(../images/top/bg_character.png) left top no-repeat;background-size:100% auto}}#character h2{text-align:center}@media screen and (max-width: 767px){#character h2{padding-top:35.9375%}}@media screen and (min-width: 768px){#character h2{max-width:1600px;padding-top:min(400px,400vw/var(--device)*100);margin:0 auto}}@media screen and (max-width: 767px){#character h2 img{width:91.6666666667%}}@media screen and (min-width: 768px){#character h2 img{width:100%;max-width:1600px}}#character .wrap{position:relative}@media screen and (max-width: 767px){#character .wrap{margin:5.2083333333% auto}}@media screen and (min-width: 768px){#character .wrap{margin-top:min(105px,105vw/var(--device)*100)}}#character .wrap .txtBox_c{text-align:center}@media screen and (max-width: 767px){#character .wrap .txtBox_c{width:83.3333333333%;margin:2.0833333333% auto 6.25%}}@media screen and (min-width: 768px){#character .wrap .txtBox_c{width:77.8125vw;max-width:1245px;margin:1.25% auto 3.75%}}@media screen and (max-width: 767px){#character .wrap .txtBox_c>div img{width:65vw}}@media screen and (min-width: 768px){#character .wrap .txtBox_c>div img{width:67.6875vw;max-width:1083px}}#character .wrap .txtBox_c{position:relative;background:var(--color-purple);box-sizing:border-box}@media screen and (max-width: 767px){#character .wrap .txtBox_c{padding:1.5625vw;filter:drop-shadow(1.5625vw 1.5625vw 0 rgba(89, 171, 228, 0.75));border-radius:1.0416666667vw 0 1.0416666667vw 1.0416666667vw}}@media screen and (min-width: 768px){#character .wrap .txtBox_c{padding:min(25px,25vw/var(--device)*100);filter:drop-shadow(min(15px, 15vw / var(--device) * 100) min(15px, 15vw / var(--device) * 100) 0 rgba(89, 171, 228, 0.75));border-radius:min(10px,10vw/var(--device)*100) 0 min(10px,10vw/var(--device)*100) min(10px,10vw/var(--device)*100)}}#character .wrap .txtBox_c::before,#character .wrap .txtBox_c::after{content:"";position:absolute}#character .wrap .txtBox_c::before{bottom:100%;background:url(../images/common/stit_obj_t.png) center bottom no-repeat;background-size:100% auto}@media screen and (max-width: 767px){#character .wrap .txtBox_c::before{width:28.125vw;padding-top:3.125vw}}@media screen and (min-width: 768px){#character .wrap .txtBox_c::before{width:16.875vw;max-width:270px;padding-top:min(30px,30vw/var(--device)*100)}}#character .wrap .txtBox_c::after{top:0;left:100%;background:url(../images/common/stit_obj_r.png) center bottom no-repeat;background-size:100% auto}@media screen and (max-width: 767px){#character .wrap .txtBox_c::after{width:3.125vw;padding-top:8.3333333333vw}}@media screen and (min-width: 768px){#character .wrap .txtBox_c::after{width:1.875vw;max-width:30px;padding-top:min(80px,80vw/var(--device)*100)}}#character #chara-wrapper.paused .toleft,#character #chara-wrapper.paused .toright{animation-play-state:paused}#character #charaToggle{position:absolute;bottom:calc(-2vw - 50px);right:15px;z-index:99;width:4vw;height:4vw;min-width:45px;min-height:45px;max-width:75px;max-height:75px}@media screen and (min-width: 768px){#character #charaToggle{bottom:calc(-2vw - 60px);right:auto;left:15px}}@media(any-hover: hover),(-ms-high-contrast: none){#character #charaToggle{transition:.2s}#character #charaToggle:hover{scale:.9}}#character .slider_character{display:flex;width:100vw}#character .slider_character ul{min-width:100vw;display:flex}#character .slider_character ul.toleft:first-of-type{animation:loop-toleft 50s -25s linear infinite}#character .slider_character ul.toleft:last-of-type{animation:loop-toleft2 50s linear infinite}#character .slider_character ul.toright:first-of-type{animation:loop-toright 50s -25s linear infinite}#character .slider_character ul.toright:last-of-type{animation:loop-toright2 50s linear infinite}@media screen and (max-width: 767px){#character .slider_character ul li:nth-child(4){display:none}}@keyframes loop-toleft{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes loop-toleft2{0%{transform:translateX(0%)}to{transform:translateX(-200%)}}@keyframes loop-toright{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes loop-toright2{0%{transform:translateX(-200%)}to{transform:translateX(0)}}#character .dotL01{top:0}@media screen and (max-width: 767px){#character .dotL01{margin:20.8333333333% 0 0 10.4166666667%}}@media screen and (min-width: 768px){#character .dotL01{margin:min(300px,300vw/var(--device)*100) 0 0 min(300px,300vw/var(--device)*100)}}#character img[class*=dotS]{bottom:0}@media screen and (max-width: 767px){#character .dotS01{margin:0 0 -36.4583333333% -10.4166666667%}}@media screen and (min-width: 768px){#character .dotS01{margin:0 0 min(-50px,-50vw/var(--device)*100) min(-600px,-600vw/var(--device)*100)}}@media screen and (min-width: 768px){#character .dotS02{margin:0 0 min(-425px,-425vw/var(--device)*100) min(-100px,-100vw/var(--device)*100)}}#battle{position:relative}@media screen and (max-width: 767px){#battle{margin-top:12.5%}}@media screen and (min-width: 768px){#battle{margin-top:min(150px,150vw/var(--device)*100)}}#battle::before{content:""}@media screen and (max-width: 767px){#battle::before{background:url(../images/top/bg_battle_sp.png) left top no-repeat;background-size:100% auto}}@media screen and (min-width: 768px){#battle::before{width:137.3125%;max-width:2197px;background:url(../images/top/bg_battle.png) left top no-repeat;background-size:100% auto}}@media screen and (max-width: 767px){#battle h2{text-align:right;padding-top:39.5833333333%}}@media screen and (min-width: 768px){#battle h2{text-align:left;max-width:1600px;padding-top:min(360px,360vw/var(--device)*100);margin:0 auto}}@media screen and (max-width: 767px){#battle h2 img{width:95.8333333333%}}@media screen and (min-width: 768px){#battle h2 img{width:73.875%;max-width:1182px}}#battle .wrap{position:relative}@media screen and (max-width: 767px){#battle .wrap{margin-top:-5.2083333333%}}@media screen and (min-width: 768px){#battle .wrap{margin-top:min(300px,300vw/var(--device)*100)}}@media screen and (max-width: 767px){#battle .wrap>.imgBox{width:83.3333333333%;margin-left:20.8333333333%}}@media screen and (min-width: 768px){#battle .wrap>.imgBox{position:absolute;top:0;left:50%;width:80.625%;max-width:1290px;margin:min(-440px,-440vw/var(--device)*100) 0 0 min(-280px,-280vw/var(--device)*100)}}#battle .wrap>.imgBox>div{position:relative;padding-bottom:56.25%}#battle .wrap>.imgBox>div iframe,#battle .wrap>.imgBox>div video{position:absolute;top:0;left:0;width:100%;height:100%}#battle .wrap .battle-wrapper{position:relative}#battle .wrap #BattleToggle{position:absolute;bottom:.75rem;right:7vw;width:4vw;height:4vw;min-width:45px;min-height:45px;max-width:75px;max-height:75px;z-index:999;filter:drop-shadow(0 0 3px rgba(0, 19, 51, 0.3)) drop-shadow(0 0 3px rgba(0, 19, 51, 0.5)) drop-shadow(0 0 8px rgba(0, 0, 0, 0.3)) drop-shadow(0 0 3px rgba(0, 19, 51, 0.4))}@media screen and (min-width: 768px){#battle .wrap #BattleToggle{right:15vw;bottom:1rem}}@media screen and (min-width: 1660px){#battle .wrap #BattleToggle{right:15%}}@media screen and (min-width: 1920px){#battle .wrap #BattleToggle{right:4vw}}@media screen and (min-width: 2000px){#battle .wrap #BattleToggle{right:1rem}}@media(any-hover: hover),(-ms-high-contrast: none){#battle .wrap #BattleToggle{transition:.2s}#battle .wrap #BattleToggle:hover{scale:.9}}@media screen and (max-width: 767px){#battle .wrap .txtBox_l{width:93.75%;margin:2.0833333333% 0 0 -1.5625%}}@media screen and (min-width: 768px){#battle .wrap .txtBox_l{width:90%;margin-left:0}}@media screen and (min-width: 768px)and (max-width: 1599px){#battle .wrap .txtBox_l dt{padding-left:min(40px,40vw/var(--device)*100)}#battle .wrap .txtBox_l dd{padding-left:min(65px,65vw/var(--device)*100)}}@media screen and (min-width: 768px)and (min-width: 1600px){#battle .wrap .txtBox_l dt{padding-left:calc(55% - 800px + 5px)}#battle .wrap .txtBox_l dd{padding-left:calc(60% - 800px - 45px)}}@media screen and (min-width: 768px)and (min-width: 1921px){#battle .wrap .txtBox_l{width:80%}#battle .wrap .txtBox_l dt{padding-left:calc(60% - 800px - 80px)}#battle .wrap .txtBox_l dd{padding-left:calc(60% - 800px - 60px)}}@media screen and (max-width: 767px){#battle .wrap .txtBox_l.box01 dt img{width:59.4791666667vw}}@media screen and (min-width: 768px){#battle .wrap .txtBox_l.box01 dt img{width:57.8125vw;max-width:925px}}@media screen and (max-width: 767px){#battle .wrap .txtBox_l.box02 dt img{width:93.0208333333vw}}@media screen and (min-width: 768px){#battle .wrap .txtBox_l.box02 dt img{width:87.125vw;max-width:1394px}}#battle .wrap .txtBox_l dt{display:inline-block;width:auto}@media screen and (max-width: 767px){#battle .wrap .txtBox_l dt{padding-left:3.125vw}}@media screen and (max-width: 767px){#battle .wrap .txtBox_l dd{padding-left:5.7291666667vw}}@media screen and (min-width: 768px){#battle .wrap .txtBox_l dd{display:inline-block;width:auto}}@media screen and (max-width: 767px){#battle .wrap .txtBox_l+.txtBox_l{margin-top:7.2916666667vw}}@media screen and (min-width: 768px){#battle .wrap .txtBox_l+.txtBox_l{margin-top:min(100px,100vw/var(--device)*100)}}#battle img[class*=dotS]{top:0}@media screen and (max-width: 767px){#battle .dotS01{margin:20.8333333333% 0 0 15.625%}}@media screen and (min-width: 768px){#battle .dotS01{margin:min(150px,150vw/var(--device)*100) 0 0 min(600px,600vw/var(--device)*100)}}@media screen and (max-width: 767px){#battle .dotS02{margin:31.25% 0 0 -78.125%}}@media screen and (min-width: 768px){#battle .dotS02{margin:min(450px,450vw/var(--device)*100) 0 0 min(-950px,-950vw/var(--device)*100)}}#battle .dotS03{top:auto !important;bottom:0}@media screen and (max-width: 767px){#battle .dotS03{margin:0 0 -41.6666666667% -72.9166666667%}}@media screen and (min-width: 768px){#battle .dotS03{margin:0 0 min(-100px,-100vw/var(--device)*100) min(350px,350vw/var(--device)*100)}}#spec{position:relative}@media screen and (max-width: 767px){#spec{background:url(../images/top/bg_spec_sp.png) right bottom no-repeat;background-size:69.7916666667% auto;padding-bottom:19.7916666667%;padding-top:15.625%}}@media screen and (min-width: 768px){#spec{background:url(../images/top/bg_spec.png) right bottom no-repeat;background-size:min(880px,880vw/var(--device)*100) auto;padding-top:min(220px,220vw/var(--device)*100);margin-top:min(-100px,-100vw/var(--device)*100)}}@media screen and (max-width: 767px){#spec h2{text-align:left;margin-left:4.1666666667%}}@media screen and (min-width: 768px){#spec h2{max-width:1600px;text-align:right;margin:0 auto}}@media screen and (max-width: 767px){#spec h2 img{text-align:left;width:82.8125%}}@media screen and (min-width: 768px){#spec h2 img{max-width:1600px;width:60.375%;max-width:966px;text-align:right;margin:0 auto}}#spec .flexBox{position:relative;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, rgba(17, 55, 134, 0.75) 100%);box-sizing:border-box}@media screen and (max-width: 767px){#spec .flexBox{text-align:center;margin:4.1666666667% 0 0 4.1666666667%;padding:5.2083333333% 9.375% 9.375% 5.2083333333%;border-radius:5.2083333333vw 0 0 5.2083333333vw}}@media screen and (min-width: 768px){#spec .flexBox{display:flex;flex-wrap:wrap;max-width:1600px;text-align:left;padding:min(50px,50vw/var(--device)*100);border-radius:min(50px,50vw/var(--device)*100) min(50px,50vw/var(--device)*100) 0 0;margin:min(50px,50vw/var(--device)*100) auto 0}}#spec .flexBox::before{content:"";position:absolute;background:#44cae4;filter:drop-shadow(0 0 5px #44cae4)}@media screen and (max-width: 767px){#spec .flexBox::before{top:100%;left:0;width:29.1666666667%;padding-bottom:2.0833333333%;border-radius:1.0416666667vw;margin-top:4.1666666667%}}@media screen and (min-width: 768px){#spec .flexBox::before{top:0;left:min(-40px,-40vw/var(--device)*100);width:.625%;max-width:10px;padding-bottom:min(140px,140vw/var(--device)*100);border-radius:min(5px,5vw/var(--device)*100);margin-top:min(60px,60vw/var(--device)*100)}}#spec .flexBox h3{width:100%;margin-top:2em;margin-bottom:1em}@media screen and (max-width: 767px){#spec .flexBox h3{display:inline-block}}@media screen and (min-width: 768px){#spec .flexBox h3{font-size:1.2em;text-align:center}}@media screen and (max-width: 767px){#spec .flexBox h3 img{width:41.4583333333vw}}@media screen and (min-width: 768px){#spec .flexBox h3 img{width:24.875vw;max-width:398px}}@media screen and (max-width: 767px){#spec .flexBox h3.resolution img{width:36.9791666667vw}}@media screen and (min-width: 768px){#spec .flexBox h3.resolution img{width:22.1875vw;max-width:355px}}@media screen and (max-width: 767px){#spec .flexBox h3.steam img{width:58.2291666667vw}}@media screen and (min-width: 768px){#spec .flexBox h3.steam img{width:34.9375vw;max-width:559px}}#spec .flexBox .steam+.inner{min-width:100%}@media screen and (max-width: 767px){#spec .flexBox .resolution+.inner img{width:62.5vw;max-width:500px}}@media screen and (min-width: 768px){#spec .flexBox .resolution+.inner img{width:31.25vw;max-width:500px}}#spec .flexBox table{width:100%;border:1px solid #113786}#spec .flexBox table tr td{padding:.5em;border:1px solid #113786}#spec .flexBox table tr td:first-child{background:#000}#spec .flexBox .inner{overflow-x:auto}@media screen and (max-width: 767px){#spec .flexBox .inner{padding:0}}#spec .flexBox .inner table{border-collapse:collapse;width:100%;white-space:nowrap}@media screen and (max-width: 767px){#spec .flexBox .inner table{table-layout:inherit;font-size:.8em}}#spec .flexBox .inner table .notice{font-size:.8em;margin-top:.5em}#spec .flexBox .inner table th,#spec .flexBox .inner table td{border:1px solid #3058b1;vertical-align:middle}#spec .flexBox .inner table td{background:#000}#spec .flexBox .inner table th{background:#113786;padding:.5em 1em;text-align:center}#spec .flexBox .inner table th.sticky{position:sticky;top:0;left:0;background:none;border-left:none;border-right:none;text-align:left}#spec .flexBox .inner table th.sticky::before{content:"";position:absolute;top:0;left:-1px;width:100%;height:100%;border-left:1px solid #3058b1;border-right:1px solid #3058b1;background:#113786;z-index:-1}#spec .flexBox .inner table th.nsw{background:var(--color-red);color:#fff;font-weight:normal}#spec .flexBox .inner table td{text-align:center}#spec .flexBox .inner table td.nsw{background:#2d0000}@media screen and (min-width: 768px){#spec .flexBox dl{display:flex;flex-wrap:wrap;align-items:center;width:50%;font-size:1.2em}}#spec .flexBox dl dt,#spec .flexBox dl dd{margin-top:1em}#spec .flexBox dl dt{background-color:var(--color-purple);width:10em;box-sizing:border-box;padding:.25em 1em;border-radius:.5em}@media screen and (max-width: 767px){#spec .flexBox dl dt{display:inline-block}}@media screen and (min-width: 768px){#spec .flexBox dl dt{text-align:center}}@media screen and (max-width: 767px){#spec .flexBox dl dd{margin-top:.5em}}@media screen and (min-width: 768px){#spec .flexBox dl dd{width:calc(100% - 10em);box-sizing:border-box;padding-left:1.5em}}#spec .dotL01{top:0}@media screen and (max-width: 767px){#spec .dotL01{margin:-26.0416666667% 0 0 0%}}@media screen and (min-width: 768px){#spec .dotL01{margin:min(-200px,-200vw/var(--device)*100) 0 0 min(-750px,-750vw/var(--device)*100)}}.stOpinionBtn{padding:5em 0 0}@media screen and (min-width: 768px){.stOpinionBtn{padding:3em 0}}.stOpinionBtn a{max-width:700px;width:90%;display:block;box-sizing:border-box;border:2px solid var(--color-yellow);background:#000;padding:1.2em 1em;text-decoration:none;font-weight:bold;text-align:center;color:var(--color-yellow);margin:0 auto}@media screen and (min-width: 768px){.stOpinionBtn a{width:100%;font-size:1.2em}}@media(any-hover: hover),(-ms-high-contrast: none){.stOpinionBtn a{transition:.2s}.stOpinionBtn a:hover{transform:translateY(5px)}}.bnrFixedCol{position:relative;margin:0 auto;display:none}.bnrFixedCol .bnrFixedColInner{position:fixed;bottom:0;width:100%;z-index:200}@media screen and (max-width: 767px){.bnrFixedCol .bnrFixedColInner{width:50%}}@media screen and (min-width: 768px){.bnrFixedCol .bnrFixedColInner ul{display:flex;justify-content:space-between;flex-direction:row-reverse}}@media screen and (max-width: 767px){.bnrFixedCol .bnrFixedColInner ul li{width:100%}}@media screen and (min-width: 768px){.bnrFixedCol .bnrFixedColInner ul li{width:16.25%;max-width:300px}}@media screen and (min-width: 768px){.bnrFixedCol .bnrFixedColInner ul li.bnrNsw{width:42.5%;max-width:600px}}.bnrFixedCol a{display:block}.bnrFixedCol a img{width:100%}.bnrFixedCol .close{position:absolute}@media screen and (max-width: 767px){.bnrFixedCol .close{left:5px;top:8px}}@media screen and (min-width: 768px){.bnrFixedCol .close{left:.625%;top:-56.25%}}.bnrFixedCol .close a{display:block;height:auto;text-align:center}@media screen and (max-width: 767px){.bnrFixedCol .close a{width:5.1041666667vw}}@media screen and (min-width: 768px){.bnrFixedCol .close a{width:2.5vw;max-width:40px}}
/*# sourceMappingURL=maps/top.css.map */