body{height:auto;overflow:auto}body:not(:has(#loadingCol.hide)){height:100vh;height:100dvh;overflow:clip}#loadingCol{position:fixed;inset:0 auto auto 0;background:#000;width:100%;height:100vh;height:100dvh;transition:opacity 1s linear;z-index:100000}#loadingCol.hide{opacity:0;pointer-events:none}#loadingCol div,#loadingCol p{position:absolute;inset:50% auto auto 50%;transform:translate(-50%, -50%);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}#loadingCol div{width:15em;height:15em;animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:translate(-50%, -50%) rotate(0deg);opacity:1}50%{transform:translate(-50%, -50%) rotate(180deg);opacity:.2}100%{transform:translate(-50%, -50%) rotate(360deg);opacity:1}}#loadingCol div::before,#loadingCol div::after{content:"";position:absolute;inset:0 auto auto 0;border-radius:50%}#loadingCol div::before{background:#bda65f;width:100%;height:100%}#loadingCol div::after{background:#000;width:calc(100% - 2px);height:calc(100% - 2px);margin-left:1px}#loadingCol p{color:#e5e5e5}#loadingCol p span{filter:blur(20px);opacity:0}#loadingCol p span:nth-child(1){animation:blur 4s calc(.1s*1) linear infinite}#loadingCol p span:nth-child(2){animation:blur 4s calc(.1s*2) linear infinite}#loadingCol p span:nth-child(3){animation:blur 4s calc(.1s*3) linear infinite}#loadingCol p span:nth-child(4){animation:blur 4s calc(.1s*4) linear infinite}#loadingCol p span:nth-child(5){animation:blur 4s calc(.1s*5) linear infinite}#loadingCol p span:nth-child(6){animation:blur 4s calc(.1s*6) linear infinite}#loadingCol p span:nth-child(7){animation:blur 4s calc(.1s*7) linear infinite}#loadingCol p span:nth-child(8){animation:blur 4s calc(.1s*8) linear infinite}#loadingCol p span:nth-child(9){animation:blur 4s calc(.1s*9) linear infinite}#loadingCol p span:nth-child(10){animation:blur 4s calc(.1s*10) linear infinite}@keyframes blur{0%{filter:blur(20px);opacity:0}20%{filter:blur(0px);opacity:1}60%{filter:blur(0px);opacity:1}80%{filter:blur(20px);opacity:0}100%{filter:blur(20px);opacity:0}}#loadingCol p span+span{margin-left:.2em}main h2{padding:0;margin-bottom:5rem}main .btnMore{width:-moz-fit-content;width:fit-content;font-size:1.5rem;margin:2rem auto 0}#mvCol{position:relative}@media screen and (max-width: 767px){#mvCol{padding-top:calc(1140/960*100%)}}@media screen and (min-width: 768px){#mvCol{padding-top:calc(1140/2000*100%)}}#mvCol.view::before{filter:grayscale(0) brightness(1)}#mvCol.view h1,#mvCol.view .bnr{opacity:1;filter:blur(0px)}#mvCol::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;z-index:-1;filter:grayscale(1) brightness(0.5);transition:filter 2s}@media screen and (max-width: 767px){#mvCol::before{background:url(../images/top/mv_sp.webp) center top no-repeat;background-size:100% auto;padding-bottom:calc(1813/960*100%)}}@media screen and (min-width: 768px){#mvCol::before{background:url(../images/top/mv.webp) center top no-repeat;background-size:100% auto;padding-bottom:calc(1813/2000*100%)}}#mvCol h1{position:absolute;inset:0 auto auto 50%;transform:translateX(-50%);opacity:0;filter:blur(100px);transition:opacity .5s,filter 1.5s}@media screen and (max-width: 767px){#mvCol h1{width:calc(948/960*90%);margin-top:calc(280/960*100%)}}@media screen and (min-width: 768px){#mvCol h1{width:calc(948/2000*100%);margin-top:calc(280/2000*100%)}}#mvCol .bnr{display:block;margin-inline:auto;opacity:0;filter:blur(100px);transition:opacity .5s .5s,filter 1.5s .5s}@media screen and (max-width: 767px){#mvCol .bnr{width:calc(800/960*100%)}}@media screen and (min-width: 768px){#mvCol .bnr{width:calc(800/2000*100%)}}@media(hover: hover){#mvCol .bnr img{transition:filter .3s}#mvCol .bnr:hover img{filter:brightness(1.5)}}@media screen and (max-width: 767px){#movieCol{margin-top:calc(400/960*100vw)}}@media screen and (min-width: 768px){#movieCol{margin-top:calc(400/2000*100vw)}}#movieCol #movieList{width:100%;margin-inline:auto}#movieCol #movieList .slick-slide{background:#000;aspect-ratio:100/56.25;transform:scale(0.9);transition:transform .3s ease}#movieCol #movieList .slick-slide:not(.slick-center) iframe{pointer-events:none}#movieCol #movieList .slick-slide.slick-center{transform:scale(1)}#movieCol #movieList .slick-slide.slick-center iframe{opacity:1}#movieCol #movieList .slick-slide iframe{width:100%;height:100%;opacity:.3;transition:opacity .3s ease}#movieCol #movieList .slick-arrow{z-index:50}@media screen and (max-width: 767px){#movieCol #movieList .slick-arrow.prev-arrow{right:85%}}@media screen and (min-width: 768px){#movieCol #movieList .slick-arrow.prev-arrow{right:78%}}@media screen and (max-width: 767px){#movieCol #movieList .slick-arrow.next-arrow{left:85%}}@media screen and (min-width: 768px){#movieCol #movieList .slick-arrow.next-arrow{left:78%}}#storyCol{position:relative;z-index:10}#storyCol .inner{position:relative;background:url(../images/top/bg_about.png) center top,url(../images/common/bg_content.png) center top;padding-block:7.5rem;z-index:10}@media screen and (max-width: 767px){#storyCol .inner{background-size:cover,calc(700/960*100vw) auto}}@media screen and (min-width: 768px){#storyCol .inner{background-size:100vw auto,calc(700/2000*100vw) auto}}#storyCol .inner>div{background:#e5e5e5;width:1px;height:5em;margin:2.25em auto}#storyCol .inner p{text-align:center}#storyCol .inner p.catch{line-height:1.5em}@media screen and (max-width: 767px){#storyCol .inner p.catch{font-size:2em}}@media screen and (min-width: 768px){#storyCol .inner p.catch{font-size:2.5em}}#storyCol .inner p.catch b{font-size:1.4em;font-weight:normal}#storyCol .inner p.catch .t-red{font-weight:500}#storyCol .inner p:not(.catch){line-height:1.75em}#storyCol .inner p:not(.catch) b{font-size:1.2em}#storyCol .inner p .ls0{letter-spacing:0}#characterCol .inner>a{display:block;width:-moz-fit-content;width:fit-content;margin-inline:auto}#characterCol .inner #charaList{display:flex;justify-content:center}@media screen and (min-width: 768px){#characterCol .inner #charaList li{width:calc(240/2000*100vw)}}#characterCol .inner #charaList li+li{margin-left:.5rem}#characterCol .inner p{text-align:center;text-shadow:0 0 1rem #000,0 0 1rem #000,0 0 2rem #000}@media screen and (max-width: 767px){#characterCol .inner p{margin-top:-9rem}}@media screen and (min-width: 768px){#characterCol .inner p{margin-top:-15rem}}#characterCol .inner p.catch{line-height:1.5em}@media screen and (max-width: 767px){#characterCol .inner p.catch{font-size:2em}}@media screen and (min-width: 768px){#characterCol .inner p.catch{font-size:2.5em}}#characterCol .inner p.catch b{font-size:1.4em;font-weight:normal}#characterCol .inner p.catch .t-red{font-weight:500}@media screen and (max-width: 767px){#characterCol .inner>div{margin-top:-9rem}}@media screen and (min-width: 768px){#characterCol .inner>div{margin-top:-12rem}}#fieldCol{position:relative;background:#000;padding-block:5rem;z-index:10}#fieldCol #fieldList{margin-inline:auto;margin-top:2rem}@media screen and (max-width: 767px){#fieldCol #fieldList{width:calc(720/960*100vw)}}@media screen and (min-width: 768px){#fieldCol #fieldList{width:calc(1280/2000*100vw)}}#fieldCol #fieldList .slick-slide{aspect-ratio:100/56.25}#fieldCol #fieldList .slick-slide iframe{width:100%;height:100%}#fieldCol .inner>div{background:#e5e5e5;width:1px;height:6em;margin:3em auto}#fieldCol .inner p{text-align:center;text-shadow:0 0 2rem #000}@media screen and (max-width: 767px){#fieldCol .inner p.catch{font-size:2em;line-height:1.75em}}@media screen and (min-width: 768px){#fieldCol .inner p.catch{font-size:2.5em;line-height:1.5em}}#fieldCol .inner p.catch b{font-size:1.4em;font-weight:500}#systemCol #systemList{display:flex;flex-wrap:wrap;justify-content:center;width:-moz-fit-content;width:fit-content;margin-inline:auto}#systemCol #systemList li a{aspect-ratio:1/1;align-items:flex-end;text-shadow:0 0 .5rem #000,0 0 1rem #000,0 0 1rem #000,0 0 2rem #000;padding:0}@media screen and (max-width: 767px){#systemCol #systemList li a{width:calc(390/960*100vw);font-size:1.25rem}}@media screen and (min-width: 768px){#systemCol #systemList li a{width:calc(490/2000*100vw);font-size:1.5rem}}#systemCol #systemList li a::before{content:"";position:absolute;inset:auto auto 0 50%;display:block;background:url(../images/common/btn_arrow_b.svg) center center no-repeat;background-size:cover;width:3rem;height:1rem;margin-bottom:1rem;transform:translateX(-50%);z-index:10}#systemCol #systemList li a img{display:block}#systemCol #systemList li a span{position:absolute;inset:auto auto 2.5rem 0;display:block;width:100%;text-align:center}@media screen and (max-width: 767px){#systemCol #systemList li:nth-child(2n){margin-left:1rem}}@media screen and (max-width: 767px){#systemCol #systemList li:nth-child(n+3){margin-top:1rem}}@media screen and (min-width: 768px){#systemCol #systemList li+li{margin-left:.5rem}}#specCol .dataCol{width:-moz-fit-content;width:fit-content;margin-inline:auto}@media screen and (max-width: 767px){#specCol .dataCol dl{text-align:center}}@media screen and (min-width: 768px){#specCol .dataCol dl{display:flex;align-items:center}}#specCol .dataCol dl dt{font-weight:900}@media screen and (min-width: 768px){#specCol .dataCol dl dt{display:flex;justify-content:flex-end;align-items:center;width:12em;margin-right:2em}}#specCol .dataCol dl dt::after{content:"";background:url(../images/common/interpunct.png) center center no-repeat}@media screen and (max-width: 767px){#specCol .dataCol dl dt::after{display:block;background-size:auto 100%;width:100%;height:calc(16/960*150vw);margin-block:.75rem}}@media screen and (min-width: 768px){#specCol .dataCol dl dt::after{background-size:cover;width:calc(36/2000*100vw);height:calc(16/2000*100vw);margin-left:2em}}#specCol .dataCol dl dd span{display:inline-block}#specCol .dataCol dl+dl{margin-top:1.5em}#specCol .specTable table{width:75em}#specCol .specTable tr>*{width:21em}#specCol .specTable thead tr:first-child *:first-child{width:12em}#specCol .specTable thead tr:first-child .ps5{background-color:#002874}#specCol .specTable thead tr:first-child .xbox{background-color:#006333}#specCol .specTable thead tr:first-child .steam{background-color:#0a1533}#specCol .specTable tbody tr>*:first-child{width:12em}#specCol .resolutionTable table{width:80em}#specCol .resolutionTable tr{box-sizing:content-box}#specCol .resolutionTable tr>*{width:20%}#specCol .resolutionTable thead tr:first-child .ps5{background-color:#002874}#specCol .resolutionTable thead tr:first-child .xbox{background-color:#006333}#specCol .resolutionTable thead tr:first-child .steam{background-color:#0a1533}#productCol .tableBox{min-width:0}#productCol .tableBox table{width:223em}#productCol .tableBox tr{box-sizing:content-box}#productCol .tableBox tr>*{width:13em}#productCol .tableBox thead tr:first-child *:first-child{width:15em}#productCol .tableBox thead tr:first-child .ps5{background-color:#002874}#productCol .tableBox thead tr:first-child .xbox{background-color:#006333}#productCol .tableBox thead tr:first-child .steam{background-color:#0a1533}#productCol .tableBox thead tr:first-child .item{background-color:#cc3d6d}#productCol .tableBox tbody tr>*:first-child{width:15em}#productCol .tableBox+.noItem{display:none;text-align:center;color:red}#fixedBnr{position:fixed;inset:auto auto 0 0;z-index:500}@media screen and (max-width: 767px){#fixedBnr{margin-bottom:calc(20/960*100vw)}}@media screen and (min-width: 768px){#fixedBnr{margin-bottom:calc(20/2000*100vw)}}@media screen and (max-width: 767px){#fixedBnr li{width:calc(350/960*125vw)}}@media screen and (min-width: 768px){#fixedBnr li{width:calc(350/2000*100vw)}}#fixedBnr li:has(.fBnrClose){position:relative;width:-moz-fit-content;width:fit-content;z-index:100}@media screen and (max-width: 767px){#fixedBnr li:has(.fBnrClose){margin-left:calc(10/960*100vw)}}@media screen and (min-width: 768px){#fixedBnr li:has(.fBnrClose){margin-left:calc(10/2000*100vw)}}#fixedBnr li:has(.fBnrClose) a{position:relative;display:block;aspect-ratio:1/1;overflow:hidden}@media screen and (max-width: 767px){#fixedBnr li:has(.fBnrClose) a{width:4rem}}@media screen and (min-width: 768px){#fixedBnr li:has(.fBnrClose) a{width:3rem}}#fixedBnr li:has(.fBnrClose) a::before,#fixedBnr li:has(.fBnrClose) a::after{content:"";position:absolute;inset:50% auto auto 50%;display:block;background:#bda65f;width:130%;height:2px;transform-origin:center}#fixedBnr li:has(.fBnrClose) a::before{transform:translate(-50%, -50%) rotate(-45deg)}#fixedBnr li:has(.fBnrClose) a::after{transform:translate(-50%, -50%) rotate(45deg)}@media screen and (max-width: 767px){#fixedBnr li:has(.fBnrLeF){width:calc(400/960*125vw);margin-top:calc(-50/960*125vw)}}@media screen and (min-width: 768px){#fixedBnr li:has(.fBnrLeF){width:calc(400/2000*100vw);margin-top:calc(-50/2000*100vw)}}@media screen and (max-width: 767px){#fixedBnr li+li{margin-top:calc(10/960*100vw)}}@media screen and (min-width: 768px){#fixedBnr li+li{margin-top:calc(10/2000*100vw)}}.popup{display:none;background:#0c0605 url(../images/common/bg_content.png) center top;box-sizing:border-box}@media screen and (max-width: 767px){.popup{background-size:calc(700/960*100vw) auto;width:calc(800/960*100vw);padding:calc(50/960*100vw)}}@media screen and (min-width: 768px){.popup{background-size:calc(700/2000*100vw) auto;width:calc(800/2000*100vw);padding:calc(50/2000*100vw)}}#popupWishList .popupTit{display:block;margin-inline:auto}@media screen and (max-width: 767px){#popupWishList .popupTit{width:calc(600/960*100vw)}}@media screen and (min-width: 768px){#popupWishList .popupTit{width:calc(600/2000*100vw)}}#popupWishList .btnList{width:-moz-fit-content;width:fit-content;margin:0 auto}@media screen and (max-width: 767px){#popupWishList .btnList{margin-top:calc(50/960*100vw)}}@media screen and (min-width: 768px){#popupWishList .btnList{margin-top:calc(50/2000*100vw)}}@media screen and (max-width: 767px){#popupWishList .btnList li{width:calc(600/960*100vw)}}@media screen and (min-width: 768px){#popupWishList .btnList li{width:calc(600/2000*100vw)}}@media screen and (max-width: 767px){#popupWishList .btnList li+li{margin-top:calc(20/960*100vw)}}@media screen and (min-width: 768px){#popupWishList .btnList li+li{margin-top:calc(20/2000*100vw)}}
/*# sourceMappingURL=maps/top.css.map */