@-webkit-keyframes anime-icon_new{0%{opacity:0;-webkit-transform:translate(-40%, -40%) scale(0.8);transform:translate(-40%, -40%) scale(0.8)}
50%{opacity:1;-webkit-transform:translate(-40%, -40%) scale(1);transform:translate(-40%, -40%) scale(1)}
100%{opacity:0;-webkit-transform:translate(-40%, -40%) scale(0.8);transform:translate(-40%, -40%) scale(0.8)}
}
@keyframes anime-icon_new{0%{opacity:0;-webkit-transform:translate(-40%, -40%) scale(0.8);transform:translate(-40%, -40%) scale(0.8)}
50%{opacity:1;-webkit-transform:translate(-40%, -40%) scale(1);transform:translate(-40%, -40%) scale(1)}
100%{opacity:0;-webkit-transform:translate(-40%, -40%) scale(0.8);transform:translate(-40%, -40%) scale(0.8)}
}
@-webkit-keyframes anime-global_nav{0%{-webkit-transform:scale(1);transform:scale(1)}
12%{-webkit-transform:scale(0.9);transform:scale(0.9)}
35%{-webkit-transform:scale(1.5);transform:scale(1.5)}
50%{-webkit-transform:scale(1.22);transform:scale(1.22)}
65%{-webkit-transform:scale(1.36);transform:scale(1.36)}
80%{-webkit-transform:scale(1.28);transform:scale(1.28)}
100%{-webkit-transform:scale(1.3);transform:scale(1.3)}
}
@keyframes anime-global_nav{0%{-webkit-transform:scale(1);transform:scale(1)}
12%{-webkit-transform:scale(0.9);transform:scale(0.9)}
35%{-webkit-transform:scale(1.5);transform:scale(1.5)}
50%{-webkit-transform:scale(1.22);transform:scale(1.22)}
65%{-webkit-transform:scale(1.36);transform:scale(1.36)}
80%{-webkit-transform:scale(1.28);transform:scale(1.28)}
100%{-webkit-transform:scale(1.3);transform:scale(1.3)}
}
@-webkit-keyframes anime-caption{0%{-webkit-transform:scale(2);transform:scale(2);opacity:0}
45%{-webkit-transform:scale(0.7);transform:scale(0.7);opacity:1}
65%{-webkit-transform:scale(1.15);transform:scale(1.15);opacity:1}
80%{-webkit-transform:scale(0.92);transform:scale(0.92);opacity:1}
90%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
@keyframes anime-caption{0%{-webkit-transform:scale(2);transform:scale(2);opacity:0}
45%{-webkit-transform:scale(0.7);transform:scale(0.7);opacity:1}
65%{-webkit-transform:scale(1.15);transform:scale(1.15);opacity:1}
80%{-webkit-transform:scale(0.92);transform:scale(0.92);opacity:1}
90%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
@-webkit-keyframes anime-loading{0%{-webkit-transform:translateY(0) scaleY(1);transform:translateY(0) scaleY(1)}
25%{-webkit-transform:translateY(-80%) scaleY(1.1);transform:translateY(-80%) scaleY(1.1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:translateY(-100%) scaleY(1);transform:translateY(-100%) scaleY(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
75%{-webkit-transform:translateY(-10%) scaleY(0.9);transform:translateY(-10%) scaleY(0.9);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
100%{-webkit-transform:translateY(0) scaleY(1);transform:translateY(0) scaleY(1)}
}
@keyframes anime-loading{0%{-webkit-transform:translateY(0) scaleY(1);transform:translateY(0) scaleY(1)}
25%{-webkit-transform:translateY(-80%) scaleY(1.1);transform:translateY(-80%) scaleY(1.1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:translateY(-100%) scaleY(1);transform:translateY(-100%) scaleY(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
75%{-webkit-transform:translateY(-10%) scaleY(0.9);transform:translateY(-10%) scaleY(0.9);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
100%{-webkit-transform:translateY(0) scaleY(1);transform:translateY(0) scaleY(1)}
}
@-webkit-keyframes anime-color_box_arrow_left{0%{-webkit-transform:translate(-110%, -50%);transform:translate(-110%, -50%)}
50%{-webkit-transform:translate(-130%, -50%);transform:translate(-130%, -50%)}
100%{-webkit-transform:translate(-110%, -50%);transform:translate(-110%, -50%);-webkit-animation:initial;animation:initial}
}
@keyframes anime-color_box_arrow_left{0%{-webkit-transform:translate(-110%, -50%);transform:translate(-110%, -50%)}
50%{-webkit-transform:translate(-130%, -50%);transform:translate(-130%, -50%)}
100%{-webkit-transform:translate(-110%, -50%);transform:translate(-110%, -50%);-webkit-animation:initial;animation:initial}
}
@-webkit-keyframes anime-color_box_arrow_left_portrait{0%{-webkit-transform:translate(-40%, 110%);transform:translate(-40%, 110%)}
50%{-webkit-transform:translate(-60%, 110%);transform:translate(-60%, 110%)}
100%{-webkit-transform:translate(-40%, 110%);transform:translate(-40%, 110%);-webkit-animation:initial;animation:initial}
}
@keyframes anime-color_box_arrow_left_portrait{0%{-webkit-transform:translate(-40%, 110%);transform:translate(-40%, 110%)}
50%{-webkit-transform:translate(-60%, 110%);transform:translate(-60%, 110%)}
100%{-webkit-transform:translate(-40%, 110%);transform:translate(-40%, 110%);-webkit-animation:initial;animation:initial}
}
@-webkit-keyframes anime-color_box_arrow_right{0%{-webkit-transform:translate(110%, -50%);transform:translate(110%, -50%)}
50%{-webkit-transform:translate(130%, -50%);transform:translate(130%, -50%)}
100%{-webkit-transform:translate(110%, -50%);transform:translate(110%, -50%);-webkit-animation:initial;animation:initial}
}
@keyframes anime-color_box_arrow_right{0%{-webkit-transform:translate(110%, -50%);transform:translate(110%, -50%)}
50%{-webkit-transform:translate(130%, -50%);transform:translate(130%, -50%)}
100%{-webkit-transform:translate(110%, -50%);transform:translate(110%, -50%);-webkit-animation:initial;animation:initial}
}
@-webkit-keyframes anime-color_box_arrow_right_portrait{0%{-webkit-transform:translate(-60%, 110%);transform:translate(-60%, 110%)}
50%{-webkit-transform:translate(-40%, 110%);transform:translate(-40%, 110%)}
100%{-webkit-transform:translate(-60%, 110%);transform:translate(-60%, 110%);-webkit-animation:initial;animation:initial}
}
@keyframes anime-color_box_arrow_right_portrait{0%{-webkit-transform:translate(-60%, 110%);transform:translate(-60%, 110%)}
50%{-webkit-transform:translate(-40%, 110%);transform:translate(-40%, 110%)}
100%{-webkit-transform:translate(-60%, 110%);transform:translate(-60%, 110%);-webkit-animation:initial;animation:initial}
}
@-webkit-keyframes anime-topics_arrow_left{0%{-webkit-transform:translate(10%, -50%);transform:translate(10%, -50%)}
50%{-webkit-transform:translate(-10%, -50%);transform:translate(-10%, -50%)}
100%{-webkit-transform:translate(10%, -50%);transform:translate(10%, -50%);-webkit-animation:initial;animation:initial}
}
@keyframes anime-topics_arrow_left{0%{-webkit-transform:translate(10%, -50%);transform:translate(10%, -50%)}
50%{-webkit-transform:translate(-10%, -50%);transform:translate(-10%, -50%)}
100%{-webkit-transform:translate(10%, -50%);transform:translate(10%, -50%);-webkit-animation:initial;animation:initial}
}
@-webkit-keyframes anime-topics_arrow_right{0%{-webkit-transform:translate(-10%, -50%);transform:translate(-10%, -50%)}
50%{-webkit-transform:translate(10%, -50%);transform:translate(10%, -50%)}
100%{-webkit-transform:translate(-10%, -50%);transform:translate(-10%, -50%);-webkit-animation:initial;animation:initial}
}
@keyframes anime-topics_arrow_right{0%{-webkit-transform:translate(-10%, -50%);transform:translate(-10%, -50%)}
50%{-webkit-transform:translate(10%, -50%);transform:translate(10%, -50%)}
100%{-webkit-transform:translate(-10%, -50%);transform:translate(-10%, -50%);-webkit-animation:initial;animation:initial}
}
@-webkit-keyframes anime-order_illust{0%{-webkit-transform:scale(0.75);transform:scale(0.75);opacity:0}
50%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1}
80%{-webkit-transform:scale(0.95);transform:scale(0.95);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
@keyframes anime-order_illust{0%{-webkit-transform:scale(0.75);transform:scale(0.75);opacity:0}
50%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1}
80%{-webkit-transform:scale(0.95);transform:scale(0.95);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
@-webkit-keyframes anime-order_button{0%{-webkit-transform:rotate(0deg) scale(0.5);transform:rotate(0deg) scale(0.5);opacity:0}
20%{-webkit-transform:rotate(12deg) scale(1);transform:rotate(12deg) scale(1);opacity:1}
40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
60%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}
80%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}
100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@keyframes anime-order_button{0%{-webkit-transform:rotate(0deg) scale(0.5);transform:rotate(0deg) scale(0.5);opacity:0}
20%{-webkit-transform:rotate(12deg) scale(1);transform:rotate(12deg) scale(1);opacity:1}
40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
60%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}
80%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}
100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@-webkit-keyframes anime-order_info{0%{opacity:0}
20%{opacity:0}
40%{opacity:0}
60%{opacity:0}
80%{opacity:0}
100%{opacity:1}
}
@keyframes anime-order_info{0%{opacity:0}
20%{opacity:0}
40%{opacity:0}
60%{opacity:0}
80%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes anime-price_info{0%{opacity:0}
100%{opacity:1}
}
@keyframes anime-price_info{0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes anime-catch_copy{0%{-webkit-transform:translate(0, -50%) scale(3, 3);transform:translate(0, -50%) scale(3, 3)}
30%{opacity:1}
60%{-webkit-transform:translate(0, -50%) scale(0.8, 0.8);transform:translate(0, -50%) scale(0.8, 0.8)}
80%{-webkit-transform:translate(0, -50%) scale(1.2, 1.2);transform:translate(0, -50%) scale(1.2, 1.2)}
100%{-webkit-transform:translate(0, -50%) scale(1, 1);transform:translate(0, -50%) scale(1, 1);opacity:1}
}
@keyframes anime-catch_copy{0%{-webkit-transform:translate(0, -50%) scale(3, 3);transform:translate(0, -50%) scale(3, 3)}
30%{opacity:1}
60%{-webkit-transform:translate(0, -50%) scale(0.8, 0.8);transform:translate(0, -50%) scale(0.8, 0.8)}
80%{-webkit-transform:translate(0, -50%) scale(1.2, 1.2);transform:translate(0, -50%) scale(1.2, 1.2)}
100%{-webkit-transform:translate(0, -50%) scale(1, 1);transform:translate(0, -50%) scale(1, 1);opacity:1}
}
@-webkit-keyframes anime-balloon{0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.05);transform:scale(1.05)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes anime-balloon{0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.05);transform:scale(1.05)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes anime-dash_right{0%{-webkit-transform:scale(0.5);transform:scale(0.5);opacity:0}
100%{-webkit-transform:translate(-25%, 0) scale(1);transform:translate(-25%, 0) scale(1);opacity:1}
}
@keyframes anime-dash_right{0%{-webkit-transform:scale(0.5);transform:scale(0.5);opacity:0}
100%{-webkit-transform:translate(-25%, 0) scale(1);transform:translate(-25%, 0) scale(1);opacity:1}
}
@-webkit-keyframes anime-dash_left{0%{-webkit-transform:translate(-25%, 0) scale(0.5);transform:translate(-25%, 0) scale(0.5);opacity:0}
100%{-webkit-transform:translate(0, 0) scale(1);transform:translate(0, 0) scale(1);opacity:1}
}
@keyframes anime-dash_left{0%{-webkit-transform:translate(-25%, 0) scale(0.5);transform:translate(-25%, 0) scale(0.5);opacity:0}
100%{-webkit-transform:translate(0, 0) scale(1);transform:translate(0, 0) scale(1);opacity:1}
}
@-webkit-keyframes anime-gobble{0%{-webkit-transform:scale(0.5);transform:scale(0.5);opacity:0}
50%{-webkit-transform:scale(0.9, 1.5);transform:scale(0.9, 1.5);opacity:1}
90%{-webkit-transform:scale(1.3, 0.5);transform:scale(1.3, 0.5);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
@keyframes anime-gobble{0%{-webkit-transform:scale(0.5);transform:scale(0.5);opacity:0}
50%{-webkit-transform:scale(0.9, 1.5);transform:scale(0.9, 1.5);opacity:1}
90%{-webkit-transform:scale(1.3, 0.5);transform:scale(1.3, 0.5);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
.barba-leave-active,.barba-enter-active{-webkit-transition:opacity .25s;transition:opacity .25s}
.barba-leave{opacity:1}
.barba-enter{opacity:0}
.barba-leave-to{opacity:0}
.barba-enter-to{opacity:1}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:12050}
#cboxWrapper{max-width:none}
#cboxOverlay{position:fixed;width:100%;height:100%}
#cboxMiddleLeft,#cboxBottomLeft{clear:left}
#cboxContent{position:relative}
#cboxLoadedContent{overflow:auto;border:solid 2px #fff;border-width:clamp(1px,.3vw,2px);border-radius:4px;border-radius:clamp(2px,.6vw,4px);-webkit-box-shadow:clamp(1px,.3vw,2px) clamp(1px,.3vw,2px) 0px clamp(2px,.6vw,4px) #000;box-shadow:clamp(1px,.3vw,2px) clamp(1px,.3vw,2px) 0px clamp(2px,.6vw,4px) #000;-webkit-box-sizing:content-box;box-sizing:content-box}
.cbox-no-border #cboxLoadedContent{border:none}
#cboxLoadedContent video{width:100%}
#cboxLoadedContent .image{border:none}
#cboxTitle{margin:0}
#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}
#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer;-webkit-transition:opacity .25s;transition:opacity .25s}
.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}
.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}
#cboxOverlay{background-color:rgba(0,0,0,.75);backdrop-filter:blur(2px);-webkit-transition:opacity .4s;transition:opacity .4s}
#colorbox{outline:0;overflow:visible}
#cboxContent{overflow:visible}
.cboxIframe{background:#fff}
#cboxError{padding:50px;border:1px solid #ccc}
#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:bold;color:#7c7c7c}
#cboxCurrent{position:absolute;bottom:-25px;left:58px;font-weight:bold;color:#7c7c7c;display:none !important}
#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;position:absolute;bottom:-29px;text-indent:-9999px;outline:0}
#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}
#cboxPrevious{width:10vw;min-width:calc(31px*.75);max-width:31px;height:14.5161290323vw;min-height:calc(45px*.75);max-height:45px;left:0;top:50%;background:url(../img/arrow_left.png) center center/100% auto no-repeat;-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated;-webkit-animation:anime-color_box_arrow_left 1s infinite ease-in-out;animation:anime-color_box_arrow_left 1s infinite ease-in-out}
@media screen and (max-width: 960px){#cboxPrevious{width:7vw;height:10.1612903226vw}
}
@media screen and (orientation: portrait){#cboxPrevious{left:30%;bottom:0;top:auto;-webkit-animation:anime-color_box_arrow_left_portrait 1s infinite ease-in-out;animation:anime-color_box_arrow_left_portrait 1s infinite ease-in-out}
}
#cboxNext{width:10vw;min-width:calc(31px*.75);max-width:31px;height:14.1935483871vw;min-height:calc(44px*.75);max-height:44px;right:0;top:50%;background:url(../img/arrow_right.png) center center/100% auto no-repeat;-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated;-webkit-animation:anime-color_box_arrow_right 1s infinite ease-in-out;animation:anime-color_box_arrow_right 1s infinite ease-in-out}
@media screen and (max-width: 960px){#cboxNext{width:7vw;height:9.935483871vw}
}
@media screen and (orientation: portrait){#cboxNext{left:70%;right:auto;top:auto;bottom:0;-webkit-animation:anime-color_box_arrow_right_portrait 1s infinite ease-in-out;animation:anime-color_box_arrow_right_portrait 1s infinite ease-in-out}
}
#cboxClose{width:10vw;min-width:calc(73px*.75);max-width:73px;height:10vw;min-height:calc(73px*.75);max-height:73px;right:0;top:0;-webkit-transform:translate(110%, -110%);transform:translate(110%, -110%);background:url(../img/close.png) center center/100% auto no-repeat;-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated}
@media screen and (max-width: 960px){#cboxClose{width:7vw;height:7vw}
}
@media screen and (orientation: portrait){#cboxClose{-webkit-transform:translate(0, -110%);transform:translate(0, -110%)}
}
#cboxPrevious:hover,#cboxNext:hover,#cboxClose:hover{opacity:.5}
@media screen and (max-width: 960px){#cboxPrevious:hover,#cboxNext:hover,#cboxClose:hover{opacity:1}
}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px;right:27px}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px;right:27px}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px}
*{margin:0;padding:0}
html{font-size:62.5%;line-height:1.2;position:relative;overflow-y:scroll}
body{width:100%;height:100%;font-size:13px;font-size:clamp(13px,3vw,20px);color:#1e0606;position:relative}
body::before{content:"";width:100%;height:100%;background:#9888b9 url(../img/bg.webp) center center/cover no-repeat;position:fixed;left:0;top:0;z-index:-1}
body.locked{pointer-events:none}
main{font-family:"Mochiy Pop P One",sans-serif;font-weight:normal;letter-spacing:.15em;line-height:1.7;margin-top:90px;margin-top:clamp(0px,4.5vw,90px)}
section{position:relative}
em{color:#fe8f1a;font-style:normal}
a{color:#fec11a;-webkit-transition:color .25s;transition:color .25s}
a:hover{color:rgba(254,193,26,.5)}
img{white-space:pre}
button{border:none;outline:none;background-color:rgba(0,0,0,0);cursor:pointer}
li{list-style:none}
section{padding:2em 0;position:relative;text-align:center}
@media screen and (max-width: 960px){section{padding-left:3%;padding-right:3%}
}
section.inner_shadow{padding:4em 0;padding:clamp(4em,5vw,8em) 0}
section.inner_shadow::before,section.inner_shadow::after{content:"";width:100%;height:6em;position:absolute;left:0;pointer-events:none}
section.inner_shadow::before{background:-webkit-gradient(linear, left top, left bottom, color-stop(20%, #000), to(rgba(0, 0, 0, 0)));background:linear-gradient(180deg, #000 20%, rgba(0, 0, 0, 0));top:0}
section.inner_shadow::after{background:-webkit-gradient(linear, left bottom, left top, color-stop(20%, #000), to(rgba(0, 0, 0, 0)));background:linear-gradient(0deg, #000 20%, rgba(0, 0, 0, 0));bottom:0}
table{border-spacing:0}
video{width:80vw;max-width:640px;display:inline-block;pointer-events:none}
@media screen and (max-width: 960px){video{pointer-events:initial}
}
.visually_hidden{position:fixed !important;top:0px !important;left:0px !important;width:4px !important;height:4px !important;opacity:0 !important;overflow:hidden !important;border:none !important;margin:0 !important;padding:0 !important;display:block !important;visibility:visible !important}
.dash{display:inline-block;-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:scale(2, 1);transform:scale(2, 1);margin-right:1.1em}
.d-inline-block{display:inline-block}
.d-flex{display:-webkit-box;display:-ms-flexbox;display:flex}
.d-inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}
@media screen and (min-width: 641px){.bp-min-640{display:none !important}
}
@media screen and (max-width: 640px){.bp-max-640{display:none !important}
}
@media screen and (min-width: 961px){.bp-min-960{display:none !important}
}
@media screen and (max-width: 960px){.bp-max-960{display:none !important}
}
@media screen and (min-width: 1061px){.bp-min-1060{display:none !important}
}
@media screen and (max-width: 1060px){.bp-max-1060{display:none !important}
}
@media screen and (min-width: 1201px){.bp-min-1200{display:none !important}
}
@media screen and (max-width: 1200px){.bp-max-1200{display:none !important}
}
@media screen and (min-width: 1281px){.bp-min-1280{display:none !important}
}
@media screen and (max-width: 1280px){.bp-max-1280{display:none !important}
}
@media screen and (min-width: 1741px){.bp-min-1740{display:none !important}
}
@media screen and (max-width: 1740px){.bp-max-1740{display:none !important}
}
@media screen and (max-width: 960px){.bp-pc{display:none !important}
}
.bp-sp{display:none !important}
@media screen and (max-width: 960px){.bp-sp{display:unset !important}
}
.ps-0{padding-left:0rem}
.ps-1{padding-left:.25rem}
.ps-2{padding-left:.5rem}
.ps-3{padding-left:1rem}
.ps-4{padding-left:1.5rem}
.ps-5{padding-left:3rem}
.pt-0{padding-top:0rem}
.pt-1{padding-top:.25rem}
.pt-2{padding-top:.5rem}
.pt-3{padding-top:1rem}
.pt-4{padding-top:1.5rem}
.pt-5{padding-top:3rem}
.pe-0{padding-right:0rem}
.pe-1{padding-right:.25rem}
.pe-2{padding-right:.5rem}
.pe-3{padding-right:1rem}
.pe-4{padding-right:1.5rem}
.pe-5{padding-right:3rem}
.pb-0{padding-bottom:0rem}
.pb-1{padding-bottom:.25rem}
.pb-2{padding-bottom:.5rem}
.pb-3{padding-bottom:1rem}
.pb-4{padding-bottom:1.5rem}
.pb-5{padding-bottom:3rem}
.ms-0{margin-left:0rem}
.ms-1{margin-left:.25rem}
.ms-2{margin-left:.5rem}
.ms-3{margin-left:1rem}
.ms-4{margin-left:1.5rem}
.ms-5{margin-left:3rem}
.mt-0{margin-top:0rem}
.mt-1{margin-top:.25rem}
.mt-2{margin-top:.5rem}
.mt-3{margin-top:1rem}
.mt-4{margin-top:1.5rem}
.mt-5{margin-top:3rem}
.me-0{margin-right:0rem}
.me-1{margin-right:.25rem}
.me-2{margin-right:.5rem}
.me-3{margin-right:1rem}
.me-4{margin-right:1.5rem}
.me-5{margin-right:3rem}
.mb-0{margin-bottom:0rem}
.mb-1{margin-bottom:.25rem}
.mb-2{margin-bottom:.5rem}
.mb-3{margin-bottom:1rem}
.mb-4{margin-bottom:1.5rem}
.mb-5{margin-bottom:3rem}
.text-start{text-align:left}
.text-center{text-align:center}
.text-end{text-align:right}
#wrapper{overflow:hidden}
[data-barba=container],#content,#sub_content{-webkit-transition:opacity .25s;transition:opacity .25s;opacity:0}
[data-barba=container].loaded,#content.loaded,#sub_content.loaded{opacity:1}
.bg{width:100%;height:100%;background:url(../img/bg.webp) center center/cover no-repeat;position:fixed;left:0;top:0;z-index:-1;content-visibility:auto}
@media screen and (max-width: 960px){.bg{background-image:url(../img/bg_sp.webp)}
}
.bg-scroll{width:100%;height:100%;background:url(../img/bg_scroll.webp) left bottom/auto 75% repeat-x;position:absolute;left:0;top:0;content-visibility:auto}
#particles{position:fixed;width:100vw;height:100vh;left:0;top:0;z-index:100;pointer-events:none;content-visibility:auto}
.bullet-point{display:inline-block;text-indent:-1em;padding-left:1em;text-align:left}
ol.flow li{text-indent:-2em;padding-left:2em}
.notes,.brackets{text-indent:-1em;padding-left:1em}
.media{width:100%;max-width:640px;height:auto;border-radius:4px;border-radius:clamp(2px,.6vw,4px);position:relative;z-index:1}
.media-list{width:80vw;max-width:1060px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;position:relative;margin-left:auto;margin-right:auto}
@media screen and (max-width: 960px){.media-list{width:100%}
}
.media-list>li{max-width:47%;text-align:center;position:relative;margin:1.5%}
.media-list>li.new a:before{content:"";width:7vw;max-width:60px;height:8.75vw;max-height:75px;background:url(../img/ico_new.webp) center center/contain no-repeat;position:absolute;top:0;right:0;-webkit-transform:translate(5%, 0%);transform:translate(5%, 0%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear;z-index:2}
.media-list>li:only-child{max-width:initial}
@media screen and (max-width: 960px){.media-list>li:only-child{max-width:90%}
}
.media-list>li:only-child .media-caption img{height:8vw}
.media-list>li:only-child.new a:before{content:"";width:7vw;max-width:70px;height:8.75vw;max-height:87.5px;background:url(../img/ico_new.webp) center center/contain no-repeat;position:absolute;top:0;right:0;-webkit-transform:translate(7%, -1%);transform:translate(7%, -1%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear;z-index:2}
.media-list>li:only-child a,.media-list>li:only-child video{margin-left:auto;margin-right:auto}
.media-list>li:has(.media-text:only-child){max-width:initial;margin-top:-1.5%}
.media-list>li a,.media-list>li video{position:relative}
.media-frame{aspect-ratio:16/9;border:solid 2px #fff;border-width:clamp(1px,.3vw,2px);border-radius:4px;border-radius:clamp(2px,.6vw,4px);-webkit-box-shadow:clamp(1px,.3vw,2px) clamp(1px,.3vw,2px) 0px clamp(2px,.6vw,4px) #000;box-shadow:clamp(1px,.3vw,2px) clamp(1px,.3vw,2px) 0px clamp(2px,.6vw,4px) #000}
.media-caption{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin-bottom:.5em}
.media-caption img{height:4.2vw;max-height:45.75px;min-height:24.4px;position:relative;z-index:1}
.media-text{text-align: center;max-width:680px;font-size:.8em;line-height:1.2;display:inline-block;padding-left:.25em;padding-right:.25em;margin-top:.5em}
.popup-image,.popup-movie,.popup-inline-movie{display:block;overflow:hidden}
.popup-image:hover img,.popup-movie:hover img,.popup-inline-movie:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.popup-image img,.popup-movie img,.popup-inline-movie img{-webkit-transition:-webkit-transform .25s;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s, -webkit-transform .25s}
.popup-image::after{content:"";width:8%;padding-top:8%;background:#791d4b url(../img/plus.png) center center/auto 60% no-repeat;position:absolute;right:0;bottom:0;z-index:1;pointer-events:none}
.popup-movie::after{content:"";width:100%;height:100%;background:url(../img/play.png) center center/auto 33% no-repeat;position:absolute;left:0;top:0;z-index:1;pointer-events:none}
.page_caption{text-align:center}
.page_caption[data-trigger]{-webkit-transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,transform .75s;transition:opacity .75s,transform .75s,-webkit-transform .75s;opacity:0;-webkit-transform:translate(2.5%, 0) rotate(-5deg);transform:translate(2.5%, 0) rotate(-5deg)}
.page_caption[data-trigger].visible{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
.page_caption img{width:50vw;max-width:318.75px}
.caption .main {max-width: 95vw !important;}
.caption[data-trigger].visible .main,.caption[data-trigger].visible .sub{-webkit-animation:anime-caption .5s forwards;animation:anime-caption .5s forwards;opacity:0}
.caption[data-trigger].visible .sub{-webkit-animation-delay:.25s;animation-delay:.25s}
.caption[data-trigger].visible .notice{opacity:1;-webkit-transform:translate(-100%, -45%) scale(1);transform:translate(-100%, -45%) scale(1)}
.caption[data-trigger].visible .noisy{opacity:1;-webkit-transform:translate(-50%, -80%) scale(1);transform:translate(-50%, -80%) scale(1)}
.caption[data-trigger] .main,.caption[data-trigger] .sub{opacity:0}
.caption[data-trigger] .notice{-webkit-transition:opacity .25s,-webkit-transform .25s;transition:opacity .25s,-webkit-transform .25s;transition:opacity .25s,transform .25s;transition:opacity .25s,transform .25s,-webkit-transform .25s;-webkit-transition-delay:.25s;transition-delay:.25s;-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:0;-webkit-transform:translate(-100%, -45%) scale(0.5);transform:translate(-100%, -45%) scale(0.5)}
.caption[data-trigger] .noisy{-webkit-transition:opacity .25s,-webkit-transform .4s cubic-bezier(0.8, -0.8, 0.2, 1.8);transition:opacity .25s,-webkit-transform .4s cubic-bezier(0.8, -0.8, 0.2, 1.8);transition:opacity .25s,transform .4s cubic-bezier(0.8, -0.8, 0.2, 1.8);transition:opacity .25s,transform .4s cubic-bezier(0.8, -0.8, 0.2, 1.8),-webkit-transform .4s cubic-bezier(0.8, -0.8, 0.2, 1.8);-webkit-transition-delay:.25s;transition-delay:.25s;-webkit-transform-origin:center bottom;transform-origin:center bottom;opacity:0;-webkit-transform:translate(-50%, -80%) scale(0.5);transform:translate(-50%, -80%) scale(0.5)}
.caption span{display:inline-block;position:relative}
.caption span::before{content:"";width:90.3783783784vw;max-width:710.6px;height:60vw;max-height:471.75px;background:url(../img/main_cap_bg.webp) center center/contain no-repeat;position:absolute;left:50%;top:50%;-webkit-transform:translate(-55%, -50%);transform:translate(-55%, -50%)}
.caption .main{width:auto;position:relative;z-index:1}
.caption .sub{width:auto;position:absolute;left:0;top:0;z-index:1}
.caption.story span{width:44vw;max-width:calc(407px*.85);height:17.2972972973vw;max-height:calc(160px*.85)}
.caption.story .main{height:100%;position:absolute;left:0%;top:0%}
.caption.story .sub{height:26.875%;position:absolute;left:56.2653562654%;top:68.75%}
.caption.comic span{height:12.2162162162vw;max-height:calc(113px*.85)}
.caption.comic .main{height:100%;top:0%}
.caption.comic .sub{height:0%;position:absolute;left:0%;top:0%}
.caption.character span{width:65.4054054054vw;max-width:calc(605px*.85);height:17.6216216216vw;max-height:calc(163px*.85)}
.caption.character .main{height:100%;position:absolute;left:0%;top:0%}
.caption.character .sub{height:36.1963190184%;position:absolute;left:52.7272727273%;top:65.6441717791%}
.caption.movie span{width:47.5675675676vw;max-width:calc(440px*.85);height:19.2432432432vw;max-height:calc(178px*.85)}
.caption.movie .main{height:100%;position:absolute;left:-20%;top:0%}
.caption.movie .sub{height:35.9550561798%;position:absolute;left:37.9545454545%;top:64.0449438202%}
.caption.screenshot span{width:51.5675675676vw;max-width:calc(477px*.85);height:24.972972973vw;max-height:calc(231px*.85)}
.caption.screenshot .main{height:100%;position:absolute;left:-5%;top:0%}
.caption.screenshot .sub{height:19.9134199134%;position:absolute;left:49.2662473795%;top:85.2813852814%}
.caption.order span{width:50.4864864865vw;max-width:calc(467px*.85);height:16.1081081081vw;max-height:calc(149px*.85)}
.caption.order .main{height:100%;position:absolute;left:0%;top:0%}
.caption.order .sub{height:30.2013422819%;position:absolute;left:28.2655246253%;top:71.8120805369%}
.caption.shop span{width:39.7837837838vw;max-width:calc(368px*.85);height:17.2972972973vw;max-height:calc(160px*.85)}
.caption.shop .main{height:100%;position:absolute;left:0%;top:0%}
.caption.shop .sub{height:34.375%;position:absolute;left:33.152173913%;top:63.75%}
.caption.spec span{width:36.4324324324vw;max-width:calc(337px*.85);height:18.5945945946vw;max-height:calc(172px*.85)}
.caption.spec .main{height:100%;position:absolute;left:0%;top:0%}
.caption.spec .sub{height:31.976744186%;position:absolute;left:47.7744807122%;top:63.3720930233%}
.caption.topics span{width:50.8108108108vw;max-width:calc(470px*.85);height:18.8108108108vw;max-height:calc(174px*.85)}
.caption.topics .main{height:100%;position:absolute;left:0%;top:0%}
.caption.topics .sub{height:27.5862068966%;position:absolute;left:49.3617021277%;top:73.5632183908%}
.caption.predation span{width:33.9459459459vw;max-width:calc(314px*.85);height:18.8108108108vw;max-height:calc(174px*.85)}
.caption.predation .main{height:68.3908045977%;position:absolute;left:-45%;top:31.6091954023%}
.caption.predation .sub{height:35.0574712644%;position:absolute;left:-75%;top:0%}
.caption.onomatopoeia span{width:54.3783783784vw;max-width:calc(503px*.85);height:12.7567567568vw;max-height:calc(118px*.85)}
.caption.onomatopoeia .main{height:100%;position:absolute;left:-75%;top:0%}
.caption.onomatopoeia .sub{height:0%;position:absolute;left:0%;top:0%}
.caption.onomatopoeia .noisy{left: -70%;}
.caption.move span{width:22.8108108108vw;max-width:calc(211px*.85);height:12.972972973vw;max-height:calc(120px*.85)}
.caption.move .main{height:100%;position:absolute;left:-160%;top:0%}
.caption.move .sub{height:0%;position:absolute;left:0%;top:0%}
.caption.avoidance span{width:22.8108108108vw;max-width:calc(211px*.85);height:12.7567567568vw;max-height:calc(118px*.85)}
.caption.avoidance .main{height:100%;position:absolute;left:-80%;top:0%}
.caption.avoidance .sub{height:0%;position:absolute;left:0%;top:0%}
.caption.jump span{width:43.7837837838vw;max-width:calc(405px*.85);height:12.7567567568vw;max-height:calc(118px*.85)}
.caption.jump .main{height:100%;position:absolute;left:-15%;top:0%}
.caption.jump .sub{height:0%;position:absolute;left:0%;top:0%}
.caption.attack span{width:22.8108108108vw;max-width:calc(211px*.85);height:12.8648648649vw;max-height:calc(119px*.85)}
.caption.attack .main{height:100%;position:absolute;left:-95%;top:0%}
.caption.attack .sub{height:0%;position:absolute;left:0%;top:0%}
.caption.characteristics span{width:46.0540540541vw;max-width:calc(426px*.85);height:19.4594594595vw;max-height:calc(180px*.85)}
.caption.characteristics .main{height:66.1111111111%;position:absolute;left:-30%;top:33.8888888889%}
.caption.characteristics .sub{height:39.4444444444%;position:absolute;left:-55%;top:0%}
.caption.counter span{width:77.5135135135vw;max-width:calc(717px*.85);height:18.9189189189vw;max-height:calc(175px*.85)}
.caption.counter .main{height:68%;position:absolute;left:-45%;top:32%}
.caption.counter .sub{height:37.1428571429%;position:absolute;left:-60%;top:0%}
.caption.stage_select span{width:66.8108108108vw;max-width:calc(618px*.85);height:12.8648648649vw;max-height:calc(119px*.85)}
.caption.stage_select .main{height:175%;position:absolute;left:-15%;top:-70%}
.caption.stage_select .sub{height:0%;position:absolute;left:0%;top:0%}
.caption.monster span{width:54.9189189189vw;max-width:calc(508px*.85);height:12.1081081081vw;max-height:calc(112px*.85)}
.caption.monster .main{height:100%;position:absolute;left:-25%;top:0%}
.caption.monster .sub{height:0%;position:absolute;left:0%;top:0%}
.caption.boss span{width:22.9189189189vw;max-width:calc(212px*.85);height:12.5405405405vw;max-height:calc(116px*.85)}
.caption.boss .main{height:96.5517241379%;position:absolute;left:-100%;top:0%}
.caption.boss .sub{height:0%;position:absolute;left:-100%;top:0%}
.caption.talk span{height:13.1891891892vw;max-height:calc(150px*.85)}
.caption.talk .main{height:100%;top:0%}
.caption.talk .sub{height:0%;position:absolute;left:0%;top:0%}
.caption.stage_item span{width:67.4594594595vw;max-width:calc(624px*.85);height:21.4054054054vw;max-height:calc(198px*.85)}
.caption.stage_item .main{height:61.6161616162%;position:absolute;left:0%;top:38.3838383838%}
.caption.stage_item .sub{height:38.3838383838%;position:absolute;left:15.5448717949%;top:0%}
.caption.stage_area span{width:55.1351351351vw;max-width:calc(510px*.85);height:12.8648648649vw;max-height:calc(119px*.85)}
.caption.stage_area .main{height:100%;position:absolute;left:0%;top:0%}
.caption.stage_area .sub{height:0%;position:absolute;left:-54%;top:0%}
.caption .notice{height:12.2162162162vw;max-height:113px;position:absolute;left:0;top:0;-webkit-transform:translate(-100%, -45%);transform:translate(-100%, -45%)}
.caption .noisy{height:25.7297297297vw;max-height:238px;position:absolute;left:0;top:0;-webkit-transform:translate(-50%, -80%);transform:translate(-50%, -80%)}
.caption.new::before{content:"";width:2.5vw;max-width:40px;height:3.125vw;max-height:50px;background:url(../img/ico_new.webp) center center/contain no-repeat;position:absolute;left:0%;top:0;-webkit-transform:translate(-40%, -40%);transform:translate(-40%, -40%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear;z-index:2}
@media screen and (max-width: 960px){.caption.new::before{content:"";width:7.5vw;max-width:40px;height:9.375vw;max-height:50px;background:url(../img/ico_new.webp) center center/contain no-repeat;position:absolute;left:0%;top:0;-webkit-transform:translate(-40%, -40%);transform:translate(-40%, -40%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear;z-index:2}
}
.sub_caption{font-size:clamp(13px,3vw,26px);padding-bottom:.25em;position:relative;z-index:2}
.sub_caption::after{content:"";width:50vw;max-width:366px;height:1.5027322404vw;max-height:11px;background:url(../img/sub_cap_line.webp) center center/contain no-repeat;position:absolute;left:50%;bottom:0;-webkit-transform:translate(-50%, 100%);transform:translate(-50%, 100%)}
.platform_nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
.platform_nav li{width:24vw;max-width:204.8px;margin:.5%}
@media screen and (max-width: 640px){.platform_nav li{width:49%}
}
.platform_nav a{display:inline-block;position:relative;-webkit-transition:-webkit-filter .25s;transition:-webkit-filter .25s;transition:filter .25s;transition:filter .25s, -webkit-filter .25s}
.platform_nav a:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
.platform_nav img{width:100%;height:auto}
.platform_nav .store-link.sold_out{pointer-events:none}
.platform_nav .store-link.sold_out::before{content:"販売終了";width:100%;height:100%;color:#e41217;font-size:16px;font-size:clamp(16px,3vw,20px);font-weight:bold;letter-spacing:.25em;text-shadow:1px 1px 0px #000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;left:0;top:0;z-index:1}
.platform_nav .store-link.sold_out img{-webkit-filter:brightness(0.25);filter:brightness(0.25)}
.frame{width:80vw;max-width:1200px;background-color:rgba(0,0,0,.8);border-radius:24px;border-radius:clamp(6px,3vw,24px);-webkit-box-shadow:0 0 0 14px rgba(150,150,150,.6);box-shadow:0 0 0 14px rgba(150,150,150,.6);-webkit-box-shadow:0 0 0 clamp(4px,2vw,14px) rgba(150,150,150,.6);box-shadow:0 0 0 clamp(4px,2vw,14px) rgba(150,150,150,.6);display:inline-block;position:relative;padding:1em;margin-left:auto;margin-right:auto}
@media screen and (max-width: 960px){.frame{width:99%}
}
.jagged_frame{padding:5.7291666667vw 0}
@media screen and (max-width: 960px){.jagged_frame{padding:11.4583333333vw 0}
}
.jagged_frame::before{content:"";width:100%;height:100%;background:-webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) center top calc(5.7291666667vw - 1px)/100% calc(100% - 11.4583333333vw + 3px) no-repeat,url(../img/jagged_frame_top.webp) center top/100% auto no-repeat,url(../img/jagged_frame_bottom.webp) center bottom/100% auto no-repeat;background:linear-gradient(#000, #000) center top calc(5.7291666667vw - 1px)/100% calc(100% - 11.4583333333vw + 3px) no-repeat,url(../img/jagged_frame_top.webp) center top/100% auto no-repeat,url(../img/jagged_frame_bottom.webp) center bottom/100% auto no-repeat;position:absolute;left:0;top:0}
@media screen and (max-width: 960px){.jagged_frame::before{background:-webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) center top calc(11.4583333333vw - 1px)/100% calc(100% - 22.9166666667vw + 3px) no-repeat,url(../img/jagged_frame_top_sp.webp) center top/100% auto no-repeat,url(../img/jagged_frame_bottom_sp.webp) center bottom/100% auto no-repeat;background:linear-gradient(#000, #000) center top calc(11.4583333333vw - 1px)/100% calc(100% - 22.9166666667vw + 3px) no-repeat,url(../img/jagged_frame_top_sp.webp) center top/100% auto no-repeat,url(../img/jagged_frame_bottom_sp.webp) center bottom/100% auto no-repeat}
}
.text{max-width:1060px;display:inline-block;text-align:left;margin-left:auto;margin-right:auto}
.text:last-child{margin-bottom:0}
.text[data-trigger]{-webkit-transition:opacity 1.5s,-webkit-transform 1.5s;transition:opacity 1.5s,-webkit-transform 1.5s;transition:opacity 1.5s,transform 1.5s;transition:opacity 1.5s,transform 1.5s,-webkit-transform 1.5s;opacity:0;-webkit-transform:translate(0, 1em);transform:translate(0, 1em)}
.text[data-trigger].visible{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
.button-list{width:100%;max-width:80vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:auto;margin-right:auto}
@media screen and (max-width: 960px){.button-list{max-width:94%}
}
.button-list>li{margin:1%}
.button-list img{width:100%}
.common-button:hover img{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
.common-button img{width:auto;height:7vw;max-height:40px;-webkit-transition:-webkit-filter .25s;transition:-webkit-filter .25s;transition:filter .25s;transition:filter .25s, -webkit-filter .25s}
.order.fixed-bottom{width:93.0926216641%;height:0;padding-top:21.3500784929%;position:fixed;left:50%;bottom:10px;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);z-index:800;-webkit-transition:opacity .25s,visibility .25s;transition:opacity .25s,visibility .25s;opacity:0;visibility:hidden}
@media screen and (max-width: 960px){.order.fixed-bottom{width:clamp(0px,93.0926216641%,350px);padding-top:clamp(0px,21.3500784929%,74.7252747253px)}
}
.order.fixed-bottom.show{opacity:1;visibility:visible}
.order-illust{width:22.5969645868%;height:88.9705882353%;position:absolute;left:0%;top:11.0294117647%}
.order-button.fixed-bottom{width:82.6306913997%;height:87.5%;position:absolute;left:17.3693086003%;top:0%;background:left top/100% auto no-repeat}
.order-button.fixed-bottom.pre_order{background-image:url(../img/top/btn_pre_order.webp)}
.order-button.fixed-bottom.order{background-image:url(../img/top/btn_order.webp)}
.order-button.fixed-bottom img{height:auto;max-height:initial}
.pagetop-button{width:10vw;min-width:104.85px;max-width:233px;height:13.6909871245vw;min-height:143.55px;max-height:319px;background:url(../img/btn_pagetop.webp) left top/200% auto no-repeat;position:absolute;right:0;bottom:0;z-index:800;-webkit-transition:opacity .5s,visibility .5s,-webkit-transform .5s;transition:opacity .5s,visibility .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s,visibility .5s;transition:opacity .5s,transform .5s,visibility .5s,-webkit-transform .5s;opacity:0;visibility:hidden}
.pagetop-button.show{opacity:1;visibility:visible}
.pagetop-button:hover{background-position:100% 0%}
.bgm-button{width:5.2027027027vw;max-width:77px;height:2.5vw;max-height:37px;background:url(../img/btn_bgm.webp) left top/auto 300% no-repeat;background-position:0% 0%;position:relative;top:38%;-webkit-transform:translate(0, -60%);transform:translate(0, -60%);-webkit-transition:-webkit-filter .25s;transition:-webkit-filter .25s;transition:filter .25s;transition:filter .25s, -webkit-filter .25s}
@media screen and (max-width: 960px){.bgm-button{width:20.8108108108vw;height:10vw}
}
.bgm-button.vol-1{background-position:0% 50%}
.bgm-button.vol-2{background-position:0% 100%}
.bgm-button:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
.sound-button{width:10vw;min-width:25.5px;max-width:51px;height:10vw;min-height:25.5px;max-height:51px;background:url(../img/btn_sound.png) left top/auto 100% no-repeat;-webkit-transition:-webkit-filter .25s,-webkit-transform .25s;transition:-webkit-filter .25s,-webkit-transform .25s;transition:filter .25s,transform .25s;transition:filter .25s,transform .25s,-webkit-filter .25s,-webkit-transform .25s}
.sound-button.play{background-position:100% 0px}
.sound-button:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
.guideline-button{font-size:clamp(13px,1.8vw,18px);color:#fff;background-color:#000;border:solid 2px #fff;white-space:nowrap;display:inline-block;padding:.5em 2em;-webkit-transition:opacity .25s;transition:opacity .25s}
.guideline-button:hover{opacity:.5}
.sns-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.sns-list>li{margin:10px}
.sns-list>li a:hover img{opacity:.5}
.sns-list>li img{width:40px;height:auto;-webkit-transition:opacity .25s;transition:opacity .25s}
.global_header{width:100%;height:100%;position:fixed;z-index:900;pointer-events:none}
@media screen and (max-width: 960px){.global_header{-webkit-transition:visibility .25s,opacity .25s;transition:visibility .25s,opacity .25s;visibility:hidden;opacity:0}
.global_header.show{visibility:visible;opacity:1;pointer-events:initial}
.global_header.show .global_header-wrapper{pointer-events:initial}
}
.global_header.loaded{opacity:1}
@media screen and (max-width: 960px){.global_header-filter{width:100%;height:100%;background-color:rgba(0,0,0,.85);backdrop-filter:blur(2px);position:fixed;left:0;top:0;-webkit-transition:visibility .25s,opacity .25s;transition:visibility .25s,opacity .25s;visibility:hidden;opacity:0}
.show .global_header-filter{visibility:visible;opacity:1;pointer-events:initial}
}
.global_header-wrapper{height:6vw;max-height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;z-index:10;pointer-events:initial;-webkit-transition:-webkit-transform .75s;transition:-webkit-transform .75s;transition:transform .75s;transition:transform .75s, -webkit-transform .75s;-webkit-transform:translate(0, -130%);transform:translate(0, -130%)}
@media screen and (max-width: 960px){.global_header-wrapper{width:100%;position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:initial;transition:initial}
}
.loaded .global_header-wrapper{-webkit-transform:translate(0, 0);transform:translate(0, 0)}
@media screen and (max-width: 960px){.loaded .global_header-wrapper{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
}
.global_header-wrapper{scrollbar-width:none;-ms-overflow-style:none}
.global_header-wrapper::-webkit-scrollbar{display:none}
@media screen and (max-width: 960px){.global_header-wrapper{height:auto;max-height:100vh;background:initial;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;overflow:auto;pointer-events:none}
}
.global_header-wrapper::before{content:"";width:100%;height:100%;background:url(../img/bg_global_header.webp) center center/100% 100%;position:absolute;left:0;top:0}
@media screen and (max-width: 960px){.global_header-wrapper::before{display:none}
}
.global_header-container:has(.logo),.global_header-container:has(.order-button){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:1}
@media screen and (max-width: 960px){.global_header-container:has(.logo),.global_header-container:has(.order-button){height:auto}
}
.global_header-container:has(.logo) a,.global_header-container:has(.logo) img,.global_header-container:has(.order-button) a,.global_header-container:has(.order-button) img{height:100%}
@media screen and (max-width: 960px){.global_header-container:has(.logo) a,.global_header-container:has(.logo) img,.global_header-container:has(.order-button) a,.global_header-container:has(.order-button) img{height:auto}
}
.global_header-container:has(.logo){height:72%;max-height:66px;margin:clamp(.1em,.3vw,.2em)}
@media screen and (max-width: 960px){.global_header-container:has(.logo){height:initial;max-height:initial;margin-top:1em}
}
.global_header-container:has(.logo) img{max-height:82px}
@media screen and (max-width: 960px){.global_header-container:has(.logo) img{width:60vw;max-width:306.6px;max-height:initial}
}
.global_header-container:has(.global_nav){height:80%;position:relative;top:45%;left:-29%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}
@media screen and (max-width: 960px){.global_header-container:has(.global_nav){width:100%;height:auto;top:0;-webkit-transform:translate(0, 0);transform:translate(0, 0);margin-top:2em}
}
.global_header-container:has(.bgm-button){height:80%;position:absolute;left:83%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
@media screen and (max-width: 960px){.global_header-container:has(.bgm-button){height:auto;position:relative;left:initial;top:initial;-webkit-transform:initial;transform:initial;margin-top:3em}
}
.global_header-container:has(.order-button){height:80%}
@media screen and (max-width: 960px){.global_header-container:has(.order-button){width:93.0926216641%;width:clamp(0px,93.0926216641%,350px);height:0;padding-top:21.3500784929%;padding-top:clamp(0px,21.3500784929%,74.7252747253px);position:relative}
}
@media screen and (max-width: 960px){.global_header-container:has(.order-button) .order-illust{width:22.5969645868%;height:88.9705882353%;position:absolute;left:0%;top:11.0294117647%}
}
body:has([data-barba-namespace=product]) .global_header-container:has(.order-button) .order-button{opacity:.6;pointer-events:none}
.global_header-container:has(.order-button) .order-button:hover img{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
.global_header-container:has(.order-button) .order-button img{-webkit-transition:-webkit-filter .25s;transition:-webkit-filter .25s;transition:filter .25s;transition:filter .25s, -webkit-filter .25s}
@media screen and (max-width: 960px){.global_header-container:has(.order-button) .order-button img{display:none}
}
@media screen and (max-width: 960px){.global_header-container:has(.order-button) .order-button{width:82.6306913997%;height:87.5%;position:absolute;left:17.3693086003%;top:0%;background:left top/100% auto no-repeat}
.global_header-container:has(.order-button) .order-button.pre_order{background-image:url(../img/top/btn_pre_order.webp)}
.global_header-container:has(.order-button) .order-button.order{background-image:url(../img/top/btn_order.webp)}
}
.global_header-container:has(.sns-list){display:none}
@media screen and (max-width: 960px){.global_header-container:has(.sns-list){display:block;margin:1em}
}
.global_nav{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}
@media screen and (max-width: 960px){.global_nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
.global_nav>li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;margin-left:3%;margin-right:3%}
@media screen and (max-width: 960px){.global_nav>li{margin-left:initial;margin-right:initial;margin-top:.25em;margin-bottom:.25em}
}
.global_nav>li.new::before{content:"";width:2.5vw;max-width:40px;height:3.125vw;max-height:50px;background:url(../img/ico_new.webp) center center/contain no-repeat;position:absolute;left:0%;top:0;-webkit-transform:translate(-40%, -40%);transform:translate(-40%, -40%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
@media screen and (max-width: 960px){.global_nav>li.new::before{content:"";width:7.5vw;max-width:40px;height:9.375vw;max-height:50px;background:url(../img/ico_new.webp) center center/contain no-repeat;position:absolute;left:0%;top:0;-webkit-transform:translate(-40%, -40%);transform:translate(-40%, -40%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
}
.global_nav>li.selected a{-webkit-filter:brightness(1.2);filter:brightness(1.2);pointer-events:none}
.global_nav>li a{position:relative;-webkit-transition:-webkit-filter .25s,-webkit-transform .25s cubic-bezier(0.8, -0.8, 0.2, 1.8);transition:-webkit-filter .25s,-webkit-transform .25s cubic-bezier(0.8, -0.8, 0.2, 1.8);transition:filter .25s,transform .25s cubic-bezier(0.8, -0.8, 0.2, 1.8);transition:filter .25s,transform .25s cubic-bezier(0.8, -0.8, 0.2, 1.8),-webkit-filter .25s,-webkit-transform .25s cubic-bezier(0.8, -0.8, 0.2, 1.8)}
.global_nav>li a:hover{-webkit-transform:scale(1.3);transform:scale(1.3);-webkit-filter:brightness(1.2);filter:brightness(1.2)}
.global_nav>li a[data-page=story] img{width:9.8181818182vw;max-width:162px;height:3.8787878788vw;max-height:64px}
@media screen and (max-width: 960px){.global_nav>li a[data-page=story] img{width:31.9090909091vw;height:12.6060606061vw}
}
.global_nav>li a[data-page=character] img{width:14.6060606061vw;max-width:241px;height:3.9393939394vw;max-height:65px}
@media screen and (max-width: 960px){.global_nav>li a[data-page=character] img{width:47.4696969697vw;height:12.803030303vw}
}
.global_nav>li a[data-page=action] img{width:10.7272727273vw;max-width:177px;height:3.696969697vw;max-height:61px}
@media screen and (max-width: 960px){.global_nav>li a[data-page=action] img{width:34.8636363636vw;height:12.0151515152vw}
}
.global_nav>li a[data-page=gallery] img{width:12.3636363636vw;max-width:204px;height:4vw;max-height:66px}
@media screen and (max-width: 960px){.global_nav>li a[data-page=gallery] img{width:40.1818181818vw;height:13vw}
}
.global_nav-button{width:40px;height:40px;display:none;background-color:rgba(0,0,0,.8);position:fixed;top:10px;right:10px;z-index:990;-webkit-transition:opacity .45s,-webkit-transform .45s;transition:opacity .45s,-webkit-transform .45s;transition:opacity .45s,transform .45s;transition:opacity .45s,transform .45s,-webkit-transform .45s}
@media screen and (max-width: 960px){.global_nav-button{display:block}
}
.global_nav-button .line-up,.global_nav-button .line-middle,.global_nav-button .line-down{width:60%;height:6%;background-color:#fff;position:absolute;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:top .25s,width .25s,-webkit-transform .25s;transition:top .25s,width .25s,-webkit-transform .25s;transition:transform .25s,top .25s,width .25s;transition:transform .25s,top .25s,width .25s,-webkit-transform .25s}
.global_nav-button .line-up{top:30%}
.global_nav-button .line-middle{top:50%}
.global_nav-button .line-down{top:70%}
.global_nav-button.open .line-up{top:50%;-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}
.global_nav-button.open .line-middle{width:0}
.global_nav-button.open .line-down{top:50%;-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}
footer{color:#fff;font-size:clamp(10px,1.2vw,12px);text-align:center;padding:110px 1em 2em;padding:5.7291666667vw 1em 2em;position:relative;z-index:9;-webkit-transition:opacity .25s;transition:opacity .25s;opacity:0}
@media screen and (max-width: 960px){footer{padding-top:11.4583333333vw}
}
footer::before{content:"";width:100%;height:100%;background:-webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) center top calc(5.7291666667vw - 1px)/100% calc(100% - 5.7291666667vw + 1px) no-repeat,url(../img/jagged_frame_top.webp) center top/100% auto no-repeat;background:linear-gradient(#000, #000) center top calc(5.7291666667vw - 1px)/100% calc(100% - 5.7291666667vw + 1px) no-repeat,url(../img/jagged_frame_top.webp) center top/100% auto no-repeat;position:absolute;left:0;top:0;z-index:-1}
@media screen and (max-width: 960px){footer::before{background:-webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) center top calc(11.4583333333vw - 1px)/100% calc(100% - 11.4583333333vw + 1px) no-repeat,url(../img/jagged_frame_top_sp.webp) center top/100% auto no-repeat;background:linear-gradient(#000, #000) center top calc(11.4583333333vw - 1px)/100% calc(100% - 11.4583333333vw + 1px) no-repeat,url(../img/jagged_frame_top_sp.webp) center top/100% auto no-repeat}
}
footer.show{opacity:1}
footer .sns-list{margin-top:1em}
footer .sns-list img{-webkit-filter:drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3));filter:drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3))}
footer .guideline-button{margin-top:1em}
footer .copyright{margin-top:3em}
@media screen and (max-width: 640px){footer .copyright-platform{text-align:left}
}
footer .logo-ps,footer .logo-ps4,footer .logo-ps5{width:auto;height:.8em;vertical-align:baseline}
footer .logo-nis{display:inline-block;margin-top:3em;margin-bottom:.5em}
footer .logo-nis img{width:auto;height:16vw;max-height:80px}
.content_nav{padding:1em;position:sticky;top:clamp(0px,4.5vw,60px);z-index:2;margin:0 auto}
.content_nav:last-child{-webkit-transition:opacity .25s;transition:opacity .25s;opacity:0}
.content_nav:last-child.show{opacity:1}
.content_nav ul{width:100%;max-width:80vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;padding:1em 0;margin:-0.5% auto}
@media screen and (max-width: 960px){.content_nav ul{max-width:94%}
}
.content_nav ul[data-trigger].visible li{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
.content_nav ul[data-trigger] li{-webkit-transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,transform .75s;transition:opacity .75s,transform .75s,-webkit-transform .75s;opacity:0;-webkit-transform:translate(10%, 0);transform:translate(10%, 0)}
.content_nav ul[data-trigger] li:nth-child(1){-webkit-transition-delay:.125s;transition-delay:.125s}
.content_nav ul[data-trigger] li:nth-child(2){-webkit-transition-delay:.25s;transition-delay:.25s}
.content_nav ul[data-trigger] li:nth-child(3){-webkit-transition-delay:.375s;transition-delay:.375s}
.content_nav ul[data-trigger] li:nth-child(4){-webkit-transition-delay:.5s;transition-delay:.5s}
.content_nav ul[data-trigger] li:nth-child(5){-webkit-transition-delay:.625s;transition-delay:.625s}
.content_nav ul[data-trigger] li:nth-child(6){-webkit-transition-delay:.75s;transition-delay:.75s}
.content_nav ul[data-trigger] li:nth-child(7){-webkit-transition-delay:.875s;transition-delay:.875s}
.content_nav ul[data-trigger] li:nth-child(8){-webkit-transition-delay:1s;transition-delay:1s}
.content_nav ul[data-trigger] li:nth-child(9){-webkit-transition-delay:1.125s;transition-delay:1.125s}
.content_nav ul[data-trigger] li:nth-child(10){-webkit-transition-delay:1.25s;transition-delay:1.25s}
.content_nav li{width:49%;max-width:198.75px;min-width:99.375px;position:relative;margin:.5%}
.content_nav li.new::before{content:"";width:5vw;min-width:20px;max-width:40px;height:6.25vw;min-height:25px;max-height:50px;background:url(../img/ico_new.webp) center center/contain no-repeat;position:absolute;left:0;top:0;-webkit-transform:translate(-40%, -40%);transform:translate(-40%, -40%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
@media screen and (max-width: 640px){.content_nav li.new::before{content:"";width:7vw;min-width:20px;max-width:40px;height:8.75vw;min-height:25px;max-height:50px;background:url(../img/ico_new.webp) center center/contain no-repeat;position:absolute;left:0;top:0;-webkit-transform:translate(-40%, -40%);transform:translate(-40%, -40%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
}
.content_nav a{width:100%;height:0;padding-top:34.7169811321%;background:left 0%/auto 200% no-repeat;display:block;position:relative}
.content_nav a.disabled{-webkit-filter:brightness(0.35);filter:brightness(0.35);pointer-events:none}
.content_nav a::after{content:"";width:100%;height:100%;background:left 100%/auto 200% no-repeat;position:absolute;left:0;top:0;-webkit-transition:opacity .25s;transition:opacity .25s;opacity:0}
.content_nav a:hover::after{opacity:1}
.content_nav a.selected{pointer-events:none}
.content_nav a.selected::after{opacity:1}
.sub_content_nav{margin:0 auto}
.sub_content_nav:last-child{-webkit-transition:opacity .25s;transition:opacity .25s;opacity:0}
.sub_content_nav:last-child.show{opacity:1}
.sub_content_nav ul{width:100%;max-width:80vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;padding:1em 0;margin:-1% auto}
@media screen and (max-width: 960px){.sub_content_nav ul{max-width:94%}
}
.sub_content_nav ul[data-trigger].visible li{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
.sub_content_nav ul[data-trigger] li{-webkit-transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,transform .75s;transition:opacity .75s,transform .75s,-webkit-transform .75s;opacity:0;-webkit-transform:translate(1em, 0);transform:translate(1em, 0)}
.sub_content_nav ul[data-trigger] li:nth-child(1){-webkit-transition-delay:.35s;transition-delay:.35s}
.sub_content_nav ul[data-trigger] li:nth-child(2){-webkit-transition-delay:.45s;transition-delay:.45s}
.sub_content_nav ul[data-trigger] li:nth-child(3){-webkit-transition-delay:.55s;transition-delay:.55s}
.sub_content_nav ul[data-trigger] li:nth-child(4){-webkit-transition-delay:.65s;transition-delay:.65s}
.sub_content_nav ul[data-trigger] li:nth-child(5){-webkit-transition-delay:.75s;transition-delay:.75s}
.sub_content_nav ul[data-trigger] li:nth-child(6){-webkit-transition-delay:.85s;transition-delay:.85s}
.sub_content_nav ul[data-trigger] li:nth-child(7){-webkit-transition-delay:.95s;transition-delay:.95s}
.sub_content_nav ul[data-trigger] li:nth-child(8){-webkit-transition-delay:1.05s;transition-delay:1.05s}
.sub_content_nav ul[data-trigger] li:nth-child(9){-webkit-transition-delay:1.15s;transition-delay:1.15s}
.sub_content_nav ul[data-trigger] li:nth-child(10){-webkit-transition-delay:1.25s;transition-delay:1.25s}
.sub_content_nav li{position:relative;margin:1%}
.sub_content_nav li.new::before{content:"";width:5vw;min-width:10px;max-width:30px;height:6.25vw;min-height:12.5px;max-height:37.5px;background:url(../img/ico_new.webp) center center/contain no-repeat;position:absolute;top:0;right:0;-webkit-transform:translate(0%, 0%);transform:translate(0%, 0%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
.sub_content_nav a{background:left 0%/auto 200% no-repeat;display:block;position:relative}
.sub_content_nav a.disabled{-webkit-filter:brightness(0.35);filter:brightness(0.35);pointer-events:none}
.sub_content_nav a::after{content:"";width:100%;height:100%;background:left 100%/auto 200% no-repeat;position:absolute;left:0;top:0;-webkit-transition:opacity .25s;transition:opacity .25s;opacity:0}
.sub_content_nav a:hover::after{opacity:1}
.sub_content_nav a.selected{pointer-events:none}
.sub_content_nav a.selected::after{opacity:1}
#content{position:relative;-webkit-transition:opacity .5s;transition:opacity .5s;opacity:0}
#content.loaded{opacity:1}
#sub_content{position:relative}
#loading{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;left:0;top:0;z-index:1000;-webkit-transition:.25s opacity,.25s visibility;transition:.25s opacity,.25s visibility;opacity:0;visibility:hidden}
#loading.show{-webkit-transition-delay:.1s;transition-delay:.1s;opacity:1;visibility:visible;pointer-events:none}
#loading .loading{width:60%;max-width:375px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-filter:drop-shadow(5px 5px 0px #a62159);filter:drop-shadow(5px 5px 0px #a62159)}
@media screen and (max-width: 960px){#loading .loading{width:45%}
}
#loading .loading-01{width:9.2402464066%;height:0;padding-top:9.8562628337%;background:url(../img/loading.webp) left top/auto 100% no-repeat;background-position:0% 0;-webkit-animation:anime-loading 1.2s infinite ease-in-out;animation:anime-loading 1.2s infinite ease-in-out;-webkit-animation-delay:.125s;animation-delay:.125s}
#loading .loading-02{width:8.8295687885%;height:0;padding-top:9.8562628337%;background:url(../img/loading.webp) left top/auto 100% no-repeat;background-position:10.1351351351% 0;-webkit-animation:anime-loading 1.2s infinite ease-in-out;animation:anime-loading 1.2s infinite ease-in-out;-webkit-animation-delay:.25s;animation-delay:.25s}
#loading .loading-03{width:13.7577002053%;height:0;padding-top:9.8562628337%;background:url(../img/loading.webp) left top/auto 100% no-repeat;background-position:20.9523809524% 0;-webkit-animation:anime-loading 1.2s infinite ease-in-out;animation:anime-loading 1.2s infinite ease-in-out;-webkit-animation-delay:.375s;animation-delay:.375s}
#loading .loading-04{width:8.2135523614%;height:0;padding-top:9.8562628337%;background:url(../img/loading.webp) left top/auto 100% no-repeat;background-position:34.6756152125% 0;-webkit-animation:anime-loading 1.2s infinite ease-in-out;animation:anime-loading 1.2s infinite ease-in-out;-webkit-animation-delay:.5s;animation-delay:.5s}
#loading .loading-05{width:8.4188911704%;height:0;padding-top:9.8562628337%;background:url(../img/loading.webp) left top/auto 100% no-repeat;background-position:43.7219730942% 0;-webkit-animation:anime-loading 1.2s infinite ease-in-out;animation:anime-loading 1.2s infinite ease-in-out;-webkit-animation-delay:.625s;animation-delay:.625s}
#loading .loading-06{width:8.8295687885%;height:0;padding-top:9.8562628337%;background:url(../img/loading.webp) left top/auto 100% no-repeat;background-position:53.1531531532% 0;-webkit-animation:anime-loading 1.2s infinite ease-in-out;animation:anime-loading 1.2s infinite ease-in-out;-webkit-animation-delay:.75s;animation-delay:.75s}
#loading .loading-07{width:8.2135523614%;height:0;padding-top:9.8562628337%;background:url(../img/loading.webp) left top/auto 100% no-repeat;background-position:62.4161073826% 0;-webkit-animation:anime-loading 1.2s infinite ease-in-out;animation:anime-loading 1.2s infinite ease-in-out;-webkit-animation-delay:.875s;animation-delay:.875s}
#loading .loading-08{width:4.5174537988%;height:0;padding-top:9.8562628337%;background:url(../img/loading.webp) left top/auto 100% no-repeat;background-position:68.6021505376% 0;-webkit-animation:anime-loading 1.2s infinite ease-in-out;animation:anime-loading 1.2s infinite ease-in-out;-webkit-animation-delay:1s;animation-delay:1s}
#loading .loading-09{width:9.0349075975%;height:0;padding-top:9.8562628337%;background:url(../img/loading.webp) left top/auto 100% no-repeat;background-position:76.9751693002% 0;-webkit-animation:anime-loading 1.2s infinite ease-in-out;animation:anime-loading 1.2s infinite ease-in-out;-webkit-animation-delay:1.125s;animation-delay:1.125s}
#loading .loading-10{width:8.8295687885%;height:0;padding-top:9.8562628337%;background:url(../img/loading.webp) left top/auto 100% no-repeat;background-position:86.7117117117% 0;-webkit-animation:anime-loading 1.2s infinite ease-in-out;animation:anime-loading 1.2s infinite ease-in-out;-webkit-animation-delay:1.25s;animation-delay:1.25s}
#loading .loading-11{width:4.1067761807%;height:0;padding-top:9.8562628337%;background:url(../img/loading.webp) left top/auto 100% no-repeat;background-position:91.6488222698% 0;-webkit-animation:anime-loading 1.2s infinite ease-in-out;animation:anime-loading 1.2s infinite ease-in-out;-webkit-animation-delay:1.375s;animation-delay:1.375s}
#loading .loading-12{width:4.1067761807%;height:0;padding-top:9.8562628337%;background:url(../img/loading.webp) left top/auto 100% no-repeat;background-position:95.9314775161% 0;-webkit-animation:anime-loading 1.2s infinite ease-in-out;animation:anime-loading 1.2s infinite ease-in-out;-webkit-animation-delay:1.5s;animation-delay:1.5s}
#loading .loading-13{width:3.9014373717%;height:0;padding-top:9.8562628337%;background:url(../img/loading.webp) left top/auto 100% no-repeat;background-position:100% 0;-webkit-animation:anime-loading 1.2s infinite ease-in-out;animation:anime-loading 1.2s infinite ease-in-out;-webkit-animation-delay:1.625s;animation-delay:1.625s}
.deco{text-align:left;position:absolute;z-index:3;pointer-events:none}
.deco .deco-ruto_run img{width:15.106284658vw;max-width:467px;-webkit-transform:translate(-37%, -75%);transform:translate(-37%, -75%)}
@media screen and (max-width: 1350px){
    .caption.counter  {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .caption.counter span  {
        width: 100%;
        display: flex;
        justify-content: center;

        .main {
            left: auto;
        }
    }
    .caption.counter .sub {
        left: 12%
    }
    .caption.onomatopoeia  {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .caption.onomatopoeia span  {
        width: 100%;
        display: flex;
        justify-content: center;

        .main {
            left: auto;
        }
    }
    .caption.onomatopoeia .sub {
        left: 12%
    }
}
@media screen and (max-width: 960px){.deco .deco-ruto_run img{width:38.8447319778vw}
}
.deco .deco-ruto_jump img{width:14.9768946396vw;max-width:463px;-webkit-transform:translate(-40%, -73%);transform:translate(-40%, -73%)}
@media screen and (max-width: 960px){.deco .deco-ruto_jump img{width:38.5120147874vw}
}
.deco .deco-ruto_attack img{width:35vw;max-width:1082px;-webkit-transform:translate(-57%, -70%);transform:translate(-57%, -70%)}
@media screen and (max-width: 960px){.deco .deco-ruto_attack img{width:90vw}
}
.deco .deco-ruto_predation img{width:32.9297597043vw;max-width:1018px;-webkit-transform:translate(-83%, -93%);transform:translate(-83%, -93%)}
@media screen and (max-width: 960px){.deco .deco-ruto_predation img{width:84.6765249538vw}
}
.deco .deco-ruto_flame img{width:17.5646950092vw;max-width:543px;-webkit-transform:translate(-56%, -93%);transform:translate(-56%, -93%)}
@media screen and (max-width: 960px){.deco .deco-ruto_flame img{width:45.1663585952vw}
}
.deco .deco-ruto_counter img{width:36.4556377079vw;max-width:1127px;-webkit-transform:translate(-66%, -73%);transform:translate(-66%, -73%)}
@media screen and (max-width: 960px){.deco .deco-ruto_counter img{width:93.7430683919vw}
}
.deco .deco-kamael_tadah img{width:16.4972273567vw;max-width:510px;-webkit-transform:translate(-48%, -84%);transform:translate(-48%, -84%)}
@media screen and (max-width: 960px){.deco .deco-kamael_tadah img{width:42.4214417745vw}
}
.deco .deco-kamael_chuckle img{width:11.4186691312vw;max-width:353px;-webkit-transform:translate(-49%, -72%);transform:translate(-49%, -72%)}
@media screen and (max-width: 960px){.deco .deco-kamael_chuckle img{width:29.3622920518vw}
}
.deco .deco-ruto_flame img{width:27.0226077065vw;max-width:835.3846153846px}
@media screen and (max-width: 960px){.deco .deco-ruto_flame img{width:69.4867055311vw}
}
.deco .deco-chomp img{width:23.4664764622vw;max-width:470px;-webkit-transform-origin:center bottom;transform-origin:center bottom}
@media screen and (max-width: 960px){.deco .deco-chomp img{width:60.3423680456vw}
}
.deco .deco-counter img{width:30.0570613409vw;max-width:602px;-webkit-transform-origin:center bottom;transform-origin:center bottom}
@media screen and (max-width: 960px){.deco .deco-counter img{width:77.2895863053vw}
}
.deco .deco-dash img{width:18.6733238231vw;max-width:374px;-webkit-transform-origin:right bottom;transform-origin:right bottom}
@media screen and (max-width: 960px){.deco .deco-dash img{width:48.0171184023vw}
}
.deco .deco-gobble img{width:35vw;max-width:701px;-webkit-transform-origin:center bottom;transform-origin:center bottom}
@media screen and (max-width: 960px){.deco .deco-gobble img{width:90vw}
}
.deco .deco-hop img{width:13.0313837375vw;max-width:261px;-webkit-transform-origin:center bottom;transform-origin:center bottom}
@media screen and (max-width: 960px){.deco .deco-hop img{width:33.5092724679vw}
}
.deco .deco-slash_left img{width:19.3223965763vw;max-width:387px;-webkit-transform-origin:right bottom;transform-origin:right bottom}
@media screen and (max-width: 960px){.deco .deco-slash_left img{width:49.6861626248vw}
}
.deco .deco-slash_right img{width:22.967189729vw;max-width:460px;-webkit-transform-origin:left bottom;transform-origin:left bottom}
@media screen and (max-width: 960px){.deco .deco-slash_right img{width:59.0584878745vw}
}
.deco .deco-swish img{width:14.2296718973vw;max-width:285px;-webkit-transform-origin:center center;transform-origin:center center}
@media screen and (max-width: 960px){.deco .deco-swish img{width:36.5905848787vw}
}
.deco .deco-swoosh img{width:24.8145506419vw;max-width:497px;-webkit-transform-origin:center center;transform-origin:center center}
@media screen and (max-width: 960px){.deco .deco-swoosh img{width:63.8088445078vw}
}
.deco .deco-ta_da img{width:22.517831669vw;max-width:451px;-webkit-transform-origin:center bottom;transform-origin:center bottom}
@media screen and (max-width: 960px){.deco .deco-ta_da img{width:57.9029957204vw}
}
.deco .deco-fwooosh img{width:40.4422253923vw;max-width:810px;-webkit-transform-origin:center bottom;transform-origin:center bottom}
@media screen and (max-width: 960px){.deco .deco-fwooosh img{width:103.9942938659vw}
}
.deco .deco-dash.left img{-webkit-transform-origin:left bottom;transform-origin:left bottom}
.deco[data-trigger].visible .deco-ta_da img{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.deco[data-trigger].visible .deco-hop img{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.deco[data-trigger].visible .deco-dash.right img{-webkit-animation:anime-dash_right .5s forwards;animation:anime-dash_right .5s forwards}
.deco[data-trigger].visible .deco-dash.left img{-webkit-animation:anime-dash_left .5s forwards;animation:anime-dash_left .5s forwards}
.deco[data-trigger].visible .deco-gobble img{-webkit-animation:anime-gobble .5s forwards;animation:anime-gobble .5s forwards}
.deco[data-trigger].visible .deco-swish img{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.deco[data-trigger].visible .deco-fwooosh img{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.deco[data-trigger].visible .deco-counter img{opacity:1;-webkit-transform:translate(10%, -50%) scale(1);transform:translate(10%, -50%) scale(1)}
.deco[data-trigger] .deco-ta_da img{-webkit-transition:opacity 1s cubic-bezier(0.8, -0.8, 0.2, 1.8),-webkit-transform 1s cubic-bezier(0.8, -0.8, 0.2, 1.8);transition:opacity 1s cubic-bezier(0.8, -0.8, 0.2, 1.8),-webkit-transform 1s cubic-bezier(0.8, -0.8, 0.2, 1.8);transition:opacity 1s cubic-bezier(0.8, -0.8, 0.2, 1.8),transform 1s cubic-bezier(0.8, -0.8, 0.2, 1.8);transition:opacity 1s cubic-bezier(0.8, -0.8, 0.2, 1.8),transform 1s cubic-bezier(0.8, -0.8, 0.2, 1.8),-webkit-transform 1s cubic-bezier(0.8, -0.8, 0.2, 1.8);opacity:0;-webkit-transform:scale(0.25, 0.5);transform:scale(0.25, 0.5)}
.deco[data-trigger] .deco-hop img{-webkit-transition:opacity .75s cubic-bezier(0.8, -0.8, 0.2, 1.8),-webkit-transform .75s cubic-bezier(0.8, -0.8, 0.2, 1.8);transition:opacity .75s cubic-bezier(0.8, -0.8, 0.2, 1.8),-webkit-transform .75s cubic-bezier(0.8, -0.8, 0.2, 1.8);transition:opacity .75s cubic-bezier(0.8, -0.8, 0.2, 1.8),transform .75s cubic-bezier(0.8, -0.8, 0.2, 1.8);transition:opacity .75s cubic-bezier(0.8, -0.8, 0.2, 1.8),transform .75s cubic-bezier(0.8, -0.8, 0.2, 1.8),-webkit-transform .75s cubic-bezier(0.8, -0.8, 0.2, 1.8);opacity:0;-webkit-transform:scale(0.25, 0.5);transform:scale(0.25, 0.5)}
.deco[data-trigger] .deco-dash img{opacity:0}
.deco[data-trigger] .deco-gobble img{opacity:0}
.deco[data-trigger] .deco-swish img{-webkit-transition:opacity .25s,-webkit-transform .25s ease-out;transition:opacity .25s,-webkit-transform .25s ease-out;transition:opacity .25s,transform .25s ease-out;transition:opacity .25s,transform .25s ease-out,-webkit-transform .25s ease-out;-webkit-transition-delay:.35s;transition-delay:.35s;opacity:0;-webkit-transform:scale(0.5, 0.125) translate(-100%, 0);transform:scale(0.5, 0.125) translate(-100%, 0)}
.deco[data-trigger] .deco-fwooosh img{-webkit-transition:opacity .25s,-webkit-transform .25s ease-out;transition:opacity .25s,-webkit-transform .25s ease-out;transition:opacity .25s,transform .25s ease-out;transition:opacity .25s,transform .25s ease-out,-webkit-transform .25s ease-out;-webkit-transition-delay:.35s;transition-delay:.35s;opacity:0;-webkit-transform:translate(0, 50%) scale(0.5);transform:translate(0, 50%) scale(0.5)}
.deco[data-trigger] .deco-counter img{-webkit-transition:opacity .125s,-webkit-transform .125s ease-out;transition:opacity .125s,-webkit-transform .125s ease-out;transition:opacity .125s,transform .125s ease-out;transition:opacity .125s,transform .125s ease-out,-webkit-transform .125s ease-out;-webkit-transition-delay:.25s;transition-delay:.25s;opacity:0;-webkit-transform:translate(10%, -50%) skewX(-25deg) scale(0.5);transform:translate(10%, -50%) skewX(-25deg) scale(0.5)}
body:has([data-barba-namespace=top]) main{padding-top:0;margin-top:0}
body:has([data-barba-namespace=top]) .caption{position:relative;z-index:1}
body:has([data-barba-namespace=top]) #first_view{width:100%;height:56.25vw;padding:0;position:relative;overflow:hidden}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #first_view{height:141.4583333333vw}
}
body:has([data-barba-namespace=top]) #first_view video{width:100vw;max-width:initial;height:56.25vw;display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-o-object-fit:cover;object-fit:cover;pointer-events:none;-webkit-transition:opacity 2s,visibility 2s;transition:opacity 2s,visibility 2s}
@media(max-aspect-ratio: 16/9){body:has([data-barba-namespace=top]) #first_view video{width:177.7777777778vh;height:100vh}
}
[data-barba-namespace=top].loaded #first_view:not([data-phase=movie]) video{opacity:0;visibility:hidden}
body:has([data-barba-namespace=top]) #first_view .main_visual{width:100%;height:100%;background:url(../img/top/main_visual.webp) center top/cover no-repeat;position:absolute;left:0;top:0;z-index:-1;visibility:hidden}
[data-barba-namespace=top].loaded #first_view[data-phase=illust] .main_visual{visibility:visible}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #first_view .main_visual{background:url(../img/top/main_visual_sp.webp) center top/100% auto no-repeat}
}
body:has([data-barba-namespace=top]) #first_view .platform{position:absolute;left:10px;top:100px;top:clamp(10px,4.5vw + 10px,100px);z-index:10;-webkit-transition:opacity 1s;transition:opacity 1s;-webkit-transition-delay:2.5s;transition-delay:2.5s;opacity:0}
[data-barba-namespace=top].loaded #first_view .platform{opacity:1}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #first_view .platform{top:10px;z-index:1}
}
body:has([data-barba-namespace=top]) #first_view .platform img{width:50vw;min-width:299.6px;max-width:642px;height:auto}
body:has([data-barba-namespace=top]) #first_view .catch_copy{position:absolute;right:1%;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);opacity:0}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #first_view .catch_copy{top:28%}
}
[data-barba-namespace=top].loaded #first_view[data-phase=illust] .catch_copy{-webkit-animation:anime-catch_copy .5s ease-in 1s forwards;animation:anime-catch_copy .5s ease-in 1s forwards}
@media screen and (max-width: 960px){[data-barba-namespace=top].loaded #first_view[data-phase=illust] .catch_copy{-webkit-animation-delay:.5s;animation-delay:.5s}
}
body:has([data-barba-namespace=top]) #first_view .catch_copy img{width:14vw;max-width:191.25px;height:auto}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #first_view .catch_copy img{width:20vw}
}
body:has([data-barba-namespace=top]) #first_view .summary{width:30%;min-width:254.8px;max-width:637px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;left:20%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #first_view .summary{width:60%;left:50%;top:84%;-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%)}
}
body:has([data-barba-namespace=top]) #first_view .summary .logo{max-width:100%;-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s;-webkit-transition-delay:.5s;transition-delay:.5s;opacity:0;-webkit-transform:scale(2);transform:scale(2)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #first_view .summary .logo{-webkit-transition-delay:initial;transition-delay:initial}
}
[data-barba-namespace=top].loaded #first_view .summary .logo{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
body:has([data-barba-namespace=top]) #first_view .summary .release{max-width:61.5384615385%;margin-top:6%;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s;transition:opacity 1s,transform 1s,-webkit-transform 1s;-webkit-transition-delay:1s;transition-delay:1s;opacity:0;-webkit-transform:translate(-2em, 0);transform:translate(-2em, 0)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #first_view .summary .release{-webkit-transition-delay:.5s;transition-delay:.5s}
}
[data-barba-namespace=top].loaded #first_view .summary .release{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
body:has([data-barba-namespace=top]) #first_view .summary .order{width:93.0926216641%;padding-top:21.3500784929%;position:relative;margin-top:11%;left:-10%}
body:has([data-barba-namespace=top]) #first_view .summary .order-illust{width:22.5969645868%;height:88.9705882353%;position:absolute;left:0%;top:11.0294117647%}
[data-barba-namespace=top].loaded #first_view .summary .order-illust{-webkit-animation:anime-order_illust .5s ease-in-out 2s both;animation:anime-order_illust .5s ease-in-out 2s both}
@media screen and (max-width: 960px){[data-barba-namespace=top].loaded #first_view .summary .order-illust{-webkit-animation:anime-order_illust .5s ease-in-out 1s both;animation:anime-order_illust .5s ease-in-out 1s both}
}
body:has([data-barba-namespace=top]) #first_view .summary .order-button{width:82.6306913997%;height:87.5%;position:absolute;left:17.3693086003%;top:0%;background:left top/100% auto no-repeat}
body:has([data-barba-namespace=top]) #first_view .summary .order-button::after{content:"";width:100%;height:100%;background:left top/100% auto no-repeat;background-position:0 100%;position:absolute;left:0;top:0;-webkit-transition:opacity .25s;transition:opacity .25s;opacity:0}
body:has([data-barba-namespace=top]) #first_view .summary .order-button.pre_order{background-image:url(../img/top/btn_pre_order.webp)}
body:has([data-barba-namespace=top]) #first_view .summary .order-button.pre_order::after{background-image:url(../img/top/btn_pre_order.webp)}
body:has([data-barba-namespace=top]) #first_view .summary .order-button.order{background-image:url(../img/top/btn_order.webp)}
body:has([data-barba-namespace=top]) #first_view .summary .order-button.order::after{background-image:url(../img/top/btn_order.webp)}
body:has([data-barba-namespace=top]) #first_view .summary .order-button:hover::after{opacity:1}
[data-barba-namespace=top].loaded #first_view .summary .order-button{-webkit-transform-origin:left center;transform-origin:left center;-webkit-animation:anime-order_button .5s ease-in-out 2.5s both;animation:anime-order_button .5s ease-in-out 2.5s both}
@media screen and (max-width: 960px){[data-barba-namespace=top].loaded #first_view .summary .order-button{-webkit-animation:anime-order_button .5s ease-in-out 1.5s both;animation:anime-order_button .5s ease-in-out 1.5s both}
}
[data-barba-namespace=top].loaded #first_view .summary .order-button::before{opacity:1}
body:has([data-barba-namespace=top]) #first_view .summary .order-button img{height:auto;max-height:initial}
body:has([data-barba-namespace=top]) #first_view .summary .order-limited_info{width:47.0489038786%;height:38.6029411765%;position:absolute;left:37.0994940978%;top:-19.3014705882%;aspect-ratio:372/70;max-width:279px;height:auto;position:absolute;z-index:2;-webkit-transition:opacity 1s;transition:opacity 1s;-webkit-transition-delay:2.5s;transition-delay:2.5s;opacity:0}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #first_view .summary .order-limited_info{-webkit-transition-delay:1.5s;transition-delay:1.5s}
}
[data-barba-namespace=top].loaded #first_view .summary .order-limited_info{opacity:1}
body:has([data-barba-namespace=top]) #first_view .summary .limited_benefits{max-width:75.8241758242%;min-width:241.5px;z-index:1;margin-top:-9%;margin-left:20%;-webkit-transition:opacity .5s;transition:opacity .5s;-webkit-transition-delay:2.5s;transition-delay:2.5s;opacity:0}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #first_view .summary .limited_benefits{-webkit-transition-delay:1.5s;transition-delay:1.5s}
}
body:has([data-barba-namespace=top]) #first_view .summary .limited_benefits:hover img{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
[data-barba-namespace=top].loaded #first_view .summary .limited_benefits{opacity:1}
body:has([data-barba-namespace=top]) #first_view .summary .limited_benefits img{-webkit-transition:-webkit-filter .25s;transition:-webkit-filter .25s;transition:filter .25s;transition:filter .25s, -webkit-filter .25s}
body:has([data-barba-namespace=top]) #first_view .summary .price{color:#fff;font-family:"Murecho",sans-serif;letter-spacing:.1em;line-height:1.6;font-weight:bold;font-size:clamp(13px,1.8vw,24px);text-shadow:-2px -2px 0 #111,-2px -1px 0 #111,-2px 0px 0 #111,-2px 1px 0 #111,-2px 2px 0 #111,-1px -2px 0 #111,-1px -1px 0 #111,-1px 0px 0 #111,-1px 1px 0 #111,-1px 2px 0 #111,0px -2px 0 #111,0px -1px 0 #111,0px 0px 0 #111,0px 1px 0 #111,0px 2px 0 #111,1px -2px 0 #111,1px -1px 0 #111,1px 0px 0 #111,1px 1px 0 #111,1px 2px 0 #111,2px -2px 0 #111,2px -1px 0 #111,2px 0px 0 #111,2px 1px 0 #111,2px 2px 0 #111;position:absolute;left:30%;top:97%;-webkit-transition:opacity .5s;transition:opacity .5s;-webkit-transition-delay:2.5s;transition-delay:2.5s;opacity:0}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #first_view .summary .price{font-size:clamp(13px,3vw,24px);white-space:nowrap;position:relative;left:unset;-webkit-transition-delay:1.5s;transition-delay:1.5s}
}
[data-barba-namespace=top].loaded #first_view .summary .price{opacity:1}
body:has([data-barba-namespace=top]) #first_view .summary .price th,body:has([data-barba-namespace=top]) #first_view .summary .price td{white-space:nowrap}
body:has([data-barba-namespace=top]) #first_view .summary .price th{padding-right:.5em}
body:has([data-barba-namespace=top]) #first_view .summary .price small{font-size:.6em}
body:has([data-barba-namespace=top]) #first_view .summary .price::before{content:"";width:8vw;height:6.2666666667vw;aspect-ratio:94/120;max-width:90px;max-height:70.5px;min-width:51.6px;min-height:40.42px;background:url(../img/top/emphasis_price.webp) center center/contain no-repeat;position:absolute;top:0;left:100%;-webkit-transform:translate(4.1666666667%, -47.8723404255%);transform:translate(4.1666666667%, -47.8723404255%);pointer-events:none;-webkit-transition:opacity .25s;transition:opacity .25s;opacity:0;-webkit-animation:anime-price_info .5s ease-in-out 1s both;animation:anime-price_info .5s ease-in-out 1s both}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #first_view .summary .price::before{width:13vw;height:10.1833333333vw}
}
body:has([data-barba-namespace=top]) #first_view .summary img{width:100%;height:auto}
body:has([data-barba-namespace=top]) #first_view .bottom{width:100%;position:absolute;left:50%;bottom:5.7291666667vw;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);z-index:3}
body:has([data-barba-namespace=top]) #first_view .bottom:has(.button-list){bottom:0}
body:has([data-barba-namespace=top]) #first_view .mini_game-button{position:absolute;right:10px;bottom:8%;z-index:3;-webkit-transition:opacity .5s;transition:opacity .5s;-webkit-transition-delay:2.5s;transition-delay:2.5s;opacity:0}
[data-barba-namespace=top].loaded #first_view .mini_game-button{opacity:1}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #first_view .mini_game-button{left:10px;right:initial;bottom:0}
}
body:has([data-barba-namespace=top]) #first_view .mini_game-button:hover img{-webkit-filter:drop-shadow(10px 10px 0px #000) brightness(1.2);filter:drop-shadow(10px 10px 0px #000) brightness(1.2)}
body:has([data-barba-namespace=top]) #first_view .mini_game-button img{width:12vw;min-width:107.4px;max-width:268.5px;height:auto;-webkit-filter:drop-shadow(10px 10px 0px #000);filter:drop-shadow(10px 10px 0px #000);-webkit-transition:-webkit-filter .25s;transition:-webkit-filter .25s;transition:filter .25s;transition:filter .25s, -webkit-filter .25s}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #first_view .mini_game-button img{width:20vw}
}
body:has([data-barba-namespace=top]) #first_view .banner-list{width:80vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:auto;margin-right:auto}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #first_view .banner-list{width:94%}
}
body:has([data-barba-namespace=top]) #first_view .banner-list>li{width:23.6%;max-width:209.6px;margin:.7%;-webkit-transition:opacity .5s,visibility .5s,-webkit-transform .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:opacity .5s,visibility .5s,-webkit-transform .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:opacity .5s,visibility .5s,transform .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:opacity .5s,visibility .5s,transform .5s cubic-bezier(0.175, 0.885, 0.32, 1.275),-webkit-transform .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);-webkit-transform:translate(0, 50%);transform:translate(0, 50%)}
body:has([data-barba-namespace=top]) #first_view .banner-list>li:nth-child(1){-webkit-transition-delay:3.6s;transition-delay:3.6s}
body:has([data-barba-namespace=top]) #first_view .banner-list>li:nth-child(2){-webkit-transition-delay:3.7s;transition-delay:3.7s}
body:has([data-barba-namespace=top]) #first_view .banner-list>li:nth-child(3){-webkit-transition-delay:3.8s;transition-delay:3.8s}
body:has([data-barba-namespace=top]) #first_view .banner-list>li:nth-child(4){-webkit-transition-delay:3.9s;transition-delay:3.9s}
body:has([data-barba-namespace=top]) #first_view .banner-list>li:nth-child(5){-webkit-transition-delay:4s;transition-delay:4s}
body:has([data-barba-namespace=top]) #first_view .banner-list>li:nth-child(6){-webkit-transition-delay:4.1s;transition-delay:4.1s}
body:has([data-barba-namespace=top]) #first_view .banner-list>li:nth-child(7){-webkit-transition-delay:4.2s;transition-delay:4.2s}
body:has([data-barba-namespace=top]) #first_view .banner-list>li:nth-child(8){-webkit-transition-delay:4.3s;transition-delay:4.3s}
body:has([data-barba-namespace=top]) #first_view .banner-list>li:nth-child(9){-webkit-transition-delay:4.4s;transition-delay:4.4s}
body:has([data-barba-namespace=top]) #first_view .banner-list>li:nth-child(10){-webkit-transition-delay:4.5s;transition-delay:4.5s}
body:has([data-barba-namespace=top]) #first_view .banner-list>li:nth-child(11){-webkit-transition-delay:4.6s;transition-delay:4.6s}
body:has([data-barba-namespace=top]) #first_view .banner-list>li:nth-child(12){-webkit-transition-delay:4.7s;transition-delay:4.7s}
body:has([data-barba-namespace=top]) #first_view .banner-list>li:nth-child(13){-webkit-transition-delay:4.8s;transition-delay:4.8s}
body:has([data-barba-namespace=top]) #first_view .banner-list>li:nth-child(14){-webkit-transition-delay:4.9s;transition-delay:4.9s}
body:has([data-barba-namespace=top]) #first_view .banner-list>li:nth-child(15){-webkit-transition-delay:5s;transition-delay:5s}
body:has([data-barba-namespace=top]) #first_view .banner-list>li:nth-child(16){-webkit-transition-delay:5.1s;transition-delay:5.1s}
body:has([data-barba-namespace=top]) #first_view .banner-list>li{opacity:0;visibility:hidden}
@media screen and (max-width: 640px){body:has([data-barba-namespace=top]) #first_view .banner-list>li{width:31.9333333333%}
}
[data-barba-namespace=top].loaded #first_view .banner-list>li{opacity:1;visibility:visible;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
body:has([data-barba-namespace=top]) #first_view .banner-list>li.new::before{content:"";width:5vw;min-width:20px;max-width:40px;height:6.25vw;min-height:25px;max-height:50px;background:url(../img/ico_new.webp) center center/contain no-repeat;position:absolute;left:0;top:0;-webkit-transform:translate(-40%, -40%);transform:translate(-40%, -40%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
@media screen and (max-width: 640px){body:has([data-barba-namespace=top]) #first_view .banner-list>li.new::before{content:"";width:7vw;min-width:20px;max-width:40px;height:8.75vw;min-height:25px;max-height:50px;background:url(../img/ico_new.webp) center center/contain no-repeat;position:absolute;left:0;top:0;-webkit-transform:translate(-40%, -40%);transform:translate(-40%, -40%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
}
body:has([data-barba-namespace=top]) #first_view .banner-list a:hover img{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
body:has([data-barba-namespace=top]) #first_view .banner-list a img{-webkit-transition:-webkit-filter .25s;transition:-webkit-filter .25s;transition:filter .25s;transition:filter .25s, -webkit-filter .25s}
body:has([data-barba-namespace=top]) #first_view .banner-list img{width:100%}
body:has([data-barba-namespace=top]) #first_view .button-list{-webkit-transition:opacity .5s,visibility .5s;transition:opacity .5s,visibility .5s;-webkit-transition-delay:3.5s;transition-delay:3.5s;opacity:0;visibility:hidden}
[data-barba-namespace=top].loaded #first_view .button-list{opacity:1;visibility:visible}
body:has([data-barba-namespace=top]) #first_view .button-list>li{position:relative}
body:has([data-barba-namespace=top]) #first_view .button-list>li.new::before{content:"";width:5vw;min-width:20px;max-width:40px;height:6.25vw;min-height:25px;max-height:50px;background:url(../img/ico_new.webp) center center/contain no-repeat;position:absolute;left:0;top:0;-webkit-transform:translate(-40%, -40%);transform:translate(-40%, -40%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
body:has([data-barba-namespace=top]) #first_view .common-button img{max-width:25vw}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #first_view .common-button img{max-width:50vw}
}
body:has([data-barba-namespace=top]) #first_view .information-button{color:#000;font-weight:bold;background-color:#ffe032;border:solid 2px #000;border-width:clamp(1px,.3vw,2px);padding:.5em 1em;display:inline-block;position:relative}
body:has([data-barba-namespace=top]) #first_view .information-button small{display:block;text-align:right;font-size:.6em;line-height:1;position:absolute;right:0;bottom:1px}
body:has([data-barba-namespace=top]) #topics{padding-top:0;position:relative;z-index:2;margin-top:-110px;margin-top:-5.7291666667vw}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #topics{padding-left:0;padding-right:0;margin-top:-11.4583333333vw}
}
body:has([data-barba-namespace=top]) #topics .sub_caption{margin-top:1em}
body:has([data-barba-namespace=top]) #topics .sub_caption::after{display:none}
body:has([data-barba-namespace=top]) #topics .sub_caption img{width:auto;height:6vw;max-height:41px}
body:has([data-barba-namespace=top]) #topics .topics-wrapper{padding-top:1em;position:relative;z-index:10;overflow:hidden}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #topics .topics-wrapper{padding:1em 6vw 0}
}
body:has([data-barba-namespace=top]) #topics .topics-container{width:100%;max-width:1280px;text-align:left;margin:0 auto;position:relative}
body:has([data-barba-namespace=top]) #topics .topics-list{padding:1% 1%}
body:has([data-barba-namespace=top]) #topics .topics-image{border:solid 1px #c8c3bf;overflow:hidden}
body:has([data-barba-namespace=top]) #topics .topics-image img{width:100%;height:auto}
body:has([data-barba-namespace=top]) #topics .topics-text{font-family:"Murecho",sans-serif;letter-spacing:.1em;line-height:1.6;color:#fff;font-size:clamp(13px,2vw,15px);letter-spacing:.05em;line-height:1.4;margin-top:.5em}
body:has([data-barba-namespace=top]) #topics .topics-date{font-size:.8em}
body:has([data-barba-namespace=top]) #topics .swiper-button-prev,body:has([data-barba-namespace=top]) #topics .swiper-button-next{background-image:none;width:5vw;height:auto;min-width:11px;max-width:22px;top:50%}
body:has([data-barba-namespace=top]) #topics .swiper-button-prev img,body:has([data-barba-namespace=top]) #topics .swiper-button-next img{width:100%;-webkit-transition:opacity .25s;transition:opacity .25s}
body:has([data-barba-namespace=top]) #topics .swiper-button-prev:hover img,body:has([data-barba-namespace=top]) #topics .swiper-button-next:hover img{opacity:.7}
body:has([data-barba-namespace=top]) #topics .swiper-button-prev{left:0;-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);-webkit-animation:anime-topics_arrow_left 1s infinite ease-in-out;animation:anime-topics_arrow_left 1s infinite ease-in-out}
body:has([data-barba-namespace=top]) #topics .swiper-button-prev.swiper-button-disabled{-webkit-animation:none;animation:none}
body:has([data-barba-namespace=top]) #topics .swiper-button-next{right:0;-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);-webkit-animation:anime-topics_arrow_right 1s infinite ease-in-out;animation:anime-topics_arrow_right 1s infinite ease-in-out}
body:has([data-barba-namespace=top]) #topics .swiper-button-next.swiper-button-disabled{-webkit-animation:none;animation:none}
body:has([data-barba-namespace=top]) #topics .swiper-slide{padding:1%;-webkit-transition:opacity .25s;transition:opacity .25s}
@media screen and (max-width: 640px){body:has([data-barba-namespace=top]) #topics .swiper-slide{padding:2%}
}
body:has([data-barba-namespace=top]) #topics .swiper-slide.new::before{content:"";width:5vw;min-width:25px;max-width:50px;height:6.25vw;min-height:31.25px;max-height:62.5px;background:url(../img/ico_new.webp) center center/contain no-repeat;position:absolute;left:0;top:0;-webkit-transform:translate(-40%, -40%);transform:translate(-40%, -40%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
@media screen and (max-width: 640px){body:has([data-barba-namespace=top]) #topics .swiper-slide.new::before{content:"";width:10vw;min-width:25px;max-width:50px;height:12.5vw;min-height:31.25px;max-height:62.5px;background:url(../img/ico_new.webp) center center/contain no-repeat;position:absolute;left:0;top:0;-webkit-transform:translate(-40%, -40%);transform:translate(-40%, -40%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
}
body:has([data-barba-namespace=top]) #topics .swiper-slide-hide{opacity:.5;pointer-events:none}
body:has([data-barba-namespace=top]) #topics .swiper-slide>a{display:inline-block}
body:has([data-barba-namespace=top]) #topics .swiper-slide a{color:#fec11a;-webkit-transition:opacity .25s,color .25s;transition:opacity .25s,color .25s}
body:has([data-barba-namespace=top]) #topics .swiper-slide a:hover{color:rgba(254,193,26,.5)}
body:has([data-barba-namespace=top]) #topics .swiper-slide a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
body:has([data-barba-namespace=top]) #topics .swiper-slide a:hover .topics-text{opacity:.5}
body:has([data-barba-namespace=top]) #topics .swiper-slide a.popup-movie::after{display:none}
body:has([data-barba-namespace=top]) #topics .swiper-slide a img{-webkit-transition:-webkit-transform .25s;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s, -webkit-transform .25s}
body:has([data-barba-namespace=top]) #topics .swiper-slide a .topics-text{-webkit-transition:opacity .25s;transition:opacity .25s}
body:has([data-barba-namespace=top]) #topics .button-list{position:relative;z-index:2}
body:has([data-barba-namespace=top]) #about .text[data-trigger].visible{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
body:has([data-barba-namespace=top]) #about .text[data-trigger]{-webkit-transition:opacity 1.5s,-webkit-transform 1.5s;transition:opacity 1.5s,-webkit-transform 1.5s;transition:opacity 1.5s,transform 1.5s;transition:opacity 1.5s,transform 1.5s,-webkit-transform 1.5s;opacity:0;-webkit-transform:translate(0, 1em);transform:translate(0, 1em)}
body:has([data-barba-namespace=top]) #about .text{color:#fff;text-shadow:-2px -2px 0 #000,-2px -1px 0 #000,-2px 0px 0 #000,-2px 1px 0 #000,-2px 2px 0 #000,-1px -2px 0 #000,-1px -1px 0 #000,-1px 0px 0 #000,-1px 1px 0 #000,-1px 2px 0 #000,0px -2px 0 #000,0px -1px 0 #000,0px 0px 0 #000,0px 1px 0 #000,0px 2px 0 #000,1px -2px 0 #000,1px -1px 0 #000,1px 0px 0 #000,1px 1px 0 #000,1px 2px 0 #000,2px -2px 0 #000,2px -1px 0 #000,2px 0px 0 #000,2px 1px 0 #000,2px 2px 0 #000;text-align:center;margin-bottom:4em}
body:has([data-barba-namespace=top]) #about .text em{font-size:1.2em}
body:has([data-barba-namespace=top]) #about .media-list[data-trigger].visible .media-overlay img{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
body:has([data-barba-namespace=top]) #about .media-list[data-trigger] .media-overlay img{-webkit-transition:opacity .6s,-webkit-transform .6s cubic-bezier(0.34, 1.56, 0.64, 1);transition:opacity .6s,-webkit-transform .6s cubic-bezier(0.34, 1.56, 0.64, 1);transition:opacity .6s,transform .6s cubic-bezier(0.34, 1.56, 0.64, 1);transition:opacity .6s,transform .6s cubic-bezier(0.34, 1.56, 0.64, 1),-webkit-transform .6s cubic-bezier(0.34, 1.56, 0.64, 1);-webkit-transform-origin:center bottom;transform-origin:center bottom;opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}
body:has([data-barba-namespace=top]) #about .media-list[data-trigger] .media-overlay-01 img{-webkit-transition-delay:.25s;transition-delay:.25s}
body:has([data-barba-namespace=top]) #about .media-list[data-trigger] .media-overlay-02 img{-webkit-transition-delay:.5s;transition-delay:.5s}
body:has([data-barba-namespace=top]) #about .media-list[data-trigger] .media-overlay-03 img{-webkit-transition-delay:.75s;transition-delay:.75s}
body:has([data-barba-namespace=top]) #about .media-list>li:nth-child(1) .popup-image::after{left:0;right:initial;top:initial;bottom:0}
body:has([data-barba-namespace=top]) #about .media-list>li:nth-child(2) .popup-image::after{top:initial;bottom:0}
body:has([data-barba-namespace=top]) #about .media-overlay{position:absolute;z-index:2;pointer-events:none}
body:has([data-barba-namespace=top]) #about .media-overlay-01{left:0;right:auto;top:4%;bottom:auto;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}
body:has([data-barba-namespace=top]) #about .media-overlay-01 img{width:25vw;max-width:313px;height:auto}
body:has([data-barba-namespace=top]) #about .media-overlay-02{left:auto;right:0;top:auto;bottom:0;-webkit-transform:translate(50%, 12%);transform:translate(50%, 12%)}
body:has([data-barba-namespace=top]) #about .media-overlay-02 img{width:22.6837060703vw;max-width:284px;height:auto}
body:has([data-barba-namespace=top]) #about .media-overlay-03{left:auto;right:15%;top:10%;bottom:auto;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}
body:has([data-barba-namespace=top]) #about .media-overlay-03 img{width:21.7252396166vw;max-width:272px;height:auto}
body:has([data-barba-namespace=top]) #movie{z-index:2}
body:has([data-barba-namespace=top]) #story{color:#fff;text-shadow:-2px -2px 0 #000,-2px -1px 0 #000,-2px 0px 0 #000,-2px 1px 0 #000,-2px 2px 0 #000,-1px -2px 0 #000,-1px -1px 0 #000,-1px 0px 0 #000,-1px 1px 0 #000,-1px 2px 0 #000,0px -2px 0 #000,0px -1px 0 #000,0px 0px 0 #000,0px 1px 0 #000,0px 2px 0 #000,1px -2px 0 #000,1px -1px 0 #000,1px 0px 0 #000,1px 1px 0 #000,1px 2px 0 #000,2px -2px 0 #000,2px -1px 0 #000,2px 0px 0 #000,2px 1px 0 #000,2px 2px 0 #000;margin-top:2em}
body:has([data-barba-namespace=top]) #story .jagged_frame{padding-top:calc(5.7291666667vw + 2em)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #story .jagged_frame{padding-top:calc(11.4583333333vw + 2em)}
}
body:has([data-barba-namespace=top]) #story .jagged_frame::before{opacity:.68}
body:has([data-barba-namespace=top]) #story .jagged_frame::after{content:"";width:100vw;max-width:853px;height:42.5556858148vw;max-height:363px;background:url(../img/top/bg_story.webp) center center/contain no-repeat;position:absolute;left:50%;top:15%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
body:has([data-barba-namespace=top]) #story .caption{position:absolute;left:50%;top:0;-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%);margin-bottom:1.5em}
body:has([data-barba-namespace=top]) #story .layout_box-01{width:60vw;max-width:1060px;position:relative;margin-left:auto;margin-right:auto}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #story .layout_box-01{width:94%}
}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #story .layout_box-02{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
}
body:has([data-barba-namespace=top]) #story .layout_box[data-trigger].visible .text{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
body:has([data-barba-namespace=top]) #story .layout_box[data-trigger].visible .words{opacity:1;-webkit-transform:translate(-50%, 0) scale(1);transform:translate(-50%, 0) scale(1)}
body:has([data-barba-namespace=top]) #story .layout_box[data-trigger].visible .words::before{-webkit-animation:anime-balloon 1s infinite ease-in-out;animation:anime-balloon 1s infinite ease-in-out}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #story .layout_box[data-trigger].visible .words-01{-webkit-transform:translate(0, 0) scale(1);transform:translate(0, 0) scale(1)}
}
body:has([data-barba-namespace=top]) #story .layout_box[data-trigger].visible .words-02::before{-webkit-animation-delay:.5s;animation-delay:.5s}
body:has([data-barba-namespace=top]) #story .layout_box[data-trigger].visible .cut-01{opacity:1;-webkit-transform:translate(-90%, -50%);transform:translate(-90%, -50%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #story .layout_box[data-trigger].visible .cut-01{-webkit-transform:translate(0, 0);transform:translate(0, 0)}
}
body:has([data-barba-namespace=top]) #story .layout_box[data-trigger].visible .cut-02,body:has([data-barba-namespace=top]) #story .layout_box[data-trigger].visible .cut-03{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
body:has([data-barba-namespace=top]) #story .layout_box[data-trigger] .text{-webkit-transition:opacity 1.5s,-webkit-transform 1.5s;transition:opacity 1.5s,-webkit-transform 1.5s;transition:opacity 1.5s,transform 1.5s;transition:opacity 1.5s,transform 1.5s,-webkit-transform 1.5s;opacity:0;-webkit-transform:translate(0, 1em);transform:translate(0, 1em)}
body:has([data-barba-namespace=top]) #story .layout_box[data-trigger] .text-02{-webkit-transition-delay:1.5s;transition-delay:1.5s}
body:has([data-barba-namespace=top]) #story .layout_box[data-trigger] .words{-webkit-transition:opacity .25s cubic-bezier(0.8, -0.8, 0.2, 1.8),-webkit-transform .5s cubic-bezier(0.8, -0.8, 0.2, 1.8);transition:opacity .25s cubic-bezier(0.8, -0.8, 0.2, 1.8),-webkit-transform .5s cubic-bezier(0.8, -0.8, 0.2, 1.8);transition:opacity .25s cubic-bezier(0.8, -0.8, 0.2, 1.8),transform .5s cubic-bezier(0.8, -0.8, 0.2, 1.8);transition:opacity .25s cubic-bezier(0.8, -0.8, 0.2, 1.8),transform .5s cubic-bezier(0.8, -0.8, 0.2, 1.8),-webkit-transform .5s cubic-bezier(0.8, -0.8, 0.2, 1.8);opacity:0;-webkit-transform:translate(-50%, 0) scale(0.5);transform:translate(-50%, 0) scale(0.5)}
body:has([data-barba-namespace=top]) #story .layout_box[data-trigger] .words::before{-webkit-animation:initial;animation:initial}
body:has([data-barba-namespace=top]) #story .layout_box[data-trigger] .words-01{-webkit-transition-delay:1.25s;transition-delay:1.25s}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #story .layout_box[data-trigger] .words-01{left:0;-webkit-transform:translate(0, 0) scale(0.5);transform:translate(0, 0) scale(0.5)}
}
body:has([data-barba-namespace=top]) #story .layout_box[data-trigger] .words-02{-webkit-transition-delay:2s;transition-delay:2s}
body:has([data-barba-namespace=top]) #story .layout_box[data-trigger] .cut-01{-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s;-webkit-transition-delay:1s;transition-delay:1s;opacity:0;-webkit-transform:translate(calc(-90% - 2em), -50%);transform:translate(calc(-90% - 2em), -50%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #story .layout_box[data-trigger] .cut-01{-webkit-transform:translate(-2em, 0);transform:translate(-2em, 0)}
}
body:has([data-barba-namespace=top]) #story .layout_box[data-trigger] .cut-02,body:has([data-barba-namespace=top]) #story .layout_box[data-trigger] .cut-03{-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s;opacity:0;-webkit-transform:translate(2em, 0);transform:translate(2em, 0)}
body:has([data-barba-namespace=top]) #story .layout_box[data-trigger] .cut-02{-webkit-transition-delay:.5s;transition-delay:.5s}
body:has([data-barba-namespace=top]) #story .layout_box[data-trigger] .cut-03{-webkit-transition-delay:1.75s;transition-delay:1.75s}
body:has([data-barba-namespace=top]) #story .text{line-height:1.7;text-align:center;position:relative;z-index:1;margin-top:1.5em;margin-bottom:1.5em}
body:has([data-barba-namespace=top]) #story .words{display:block;position:relative;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);z-index:1}
body:has([data-barba-namespace=top]) #story .words-01{width:45.2127659574vw;max-width:calc(425px*.75);height:17.8723404255vw;max-height:calc(168px*.75)}
body:has([data-barba-namespace=top]) #story .words-01::before{content:"";width:100%;height:100%;background:url(../img/story/story_balloon_01.webp) center center/contain no-repeat;position:absolute;left:0;top:0;-webkit-animation:anime-balloon 1s infinite ease-in-out;animation:anime-balloon 1s infinite ease-in-out}
body:has([data-barba-namespace=top]) #story .words-01 img{width:57.1764705882%;position:absolute;left:20.9411764706%;top:34%}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #story .words-01{left:0;-webkit-transform:initial;transform:initial}
}
body:has([data-barba-namespace=top]) #story .words-02{width:80vw;max-width:calc(752px*.75);height:41.914893617vw;max-height:calc(394px*.75);z-index:2}
body:has([data-barba-namespace=top]) #story .words-02::before{content:"";width:100%;height:100%;background:url(../img/story/story_balloon_02.webp) center center/contain no-repeat;position:absolute;left:0;top:0;-webkit-animation:anime-balloon 1s infinite ease-in-out;animation:anime-balloon 1s infinite ease-in-out;-webkit-animation-delay:.5s;animation-delay:.5s}
body:has([data-barba-namespace=top]) #story .words-02 img{width:54.920212766%;height:30.4568527919%;position:absolute;left:25.5319148936%;top:33.5025380711%}
body:has([data-barba-namespace=top]) #story .cut-01{width:20.0460829493vw;max-width:435px;position:absolute;left:0;top:50%;-webkit-transform:translate(-90%, -50%);transform:translate(-90%, -50%);z-index:1}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #story .cut-01{width:40.0921658986vw;height:auto;position:relative;left:0;top:0;-webkit-transform:initial;transform:initial}
}
body:has([data-barba-namespace=top]) #story .cut-scaling{width:30vw;max-width:651px;position:absolute;right:5%;top:80%;-webkit-transform:translate(90%, -80%);transform:translate(90%, -80%);z-index:1}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #story .cut-scaling{width:auto;position:relative;right:initial;left:50%;top:initial;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
}
body:has([data-barba-namespace=top]) #story .cut-scaling-inner{width:100%;padding-top:138.4024577573%}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #story .cut-scaling-inner{width:auto;padding:initial}
}
body:has([data-barba-namespace=top]) #story .cut-02{width:59.4470046083%;height:47.9467258602%;position:absolute;left:19.0476190476%;top:0%;z-index:1}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #story .cut-02{width:35.3593429158vw;height:auto;position:relative;left:0;top:0;-webkit-transform:initial;transform:initial}
}
body:has([data-barba-namespace=top]) #story .cut-03{width:100%;height:59.0455049945%;position:absolute;left:0%;top:40.9544950055%}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #story .cut-03{width:60vw;height:auto;position:relative;left:0;top:0;margin-top:-10vw}
}
body:has([data-barba-namespace=top]) #character::before{content:"";width:100%;height:105%;background-color:hsla(0,0%,100%,.2);position:absolute;left:0;top:0;clip-path:polygon(0% 0%, 100% 20%, 100% 85%, 0% 100%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #character::before{height:100%;clip-path:polygon(0% 0%, 100% 15%, 100% 90%, 0% 100%)}
}
body:has([data-barba-namespace=top]) #character .character-list{position:relative;z-index:2}
body:has([data-barba-namespace=top]) #character .character-list>li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-top:4em}
body:has([data-barba-namespace=top]) #character .character-list>li:nth-child(even){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
body:has([data-barba-namespace=top]) #character .character-list>li:nth-child(even) .character-visual{text-align:left;margin-left:5%;margin-right:initial}
body:has([data-barba-namespace=top]) #character .character-list>li:nth-child(even) .character-detail{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-transform:translate(10%, 0);transform:translate(10%, 0)}
body:has([data-barba-namespace=top]) #character .character-list>li:nth-child(even) .character-description{-webkit-transform:translate(10%, 0);transform:translate(10%, 0)}
body:has([data-barba-namespace=top]) #character .character-list>li[data-trigger].visible .character-title{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
body:has([data-barba-namespace=top]) #character .character-list>li[data-trigger].visible .character-description{opacity:1;-webkit-transform:translate(-10%, 0);transform:translate(-10%, 0)}
body:has([data-barba-namespace=top]) #character .character-list>li[data-trigger].visible:nth-child(even) .character-description{-webkit-transform:translate(10%, 0);transform:translate(10%, 0)}
body:has([data-barba-namespace=top]) #character .character-list>li[data-trigger] .character-title{-webkit-transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,transform .75s;transition:opacity .75s,transform .75s,-webkit-transform .75s;opacity:0;-webkit-transform:rotate(-5deg);transform:rotate(-5deg);-webkit-transform-origin:50% 500%;transform-origin:50% 500%}
body:has([data-barba-namespace=top]) #character .character-list>li[data-trigger] .character-description{-webkit-transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,transform .75s;transition:opacity .75s,transform .75s,-webkit-transform .75s;-webkit-transition-delay:.5s;transition-delay:.5s;opacity:0;-webkit-transform:translate(calc(-10% - 2em), 0);transform:translate(calc(-10% - 2em), 0)}
body:has([data-barba-namespace=top]) #character .character-list>li[data-trigger]:nth-child(even) .character-description{-webkit-transform:translate(calc(10% + 2em), 0);transform:translate(calc(10% + 2em), 0)}
body:has([data-barba-namespace=top]) #character .character-visual{width:50%;text-align:right;margin-right:5%}
body:has([data-barba-namespace=top]) #character .character-detail{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:translate(-10%, 0);transform:translate(-10%, 0)}
body:has([data-barba-namespace=top]) #character .character-description{-webkit-transform:translate(-10%, 0);transform:translate(-10%, 0)}
body:has([data-barba-namespace=top]) #character .character-01 .character-visual{margin-right:1em}
body:has([data-barba-namespace=top]) #character .character-01 .character-visual img{width:48.544600939vw;max-width:376px;height:auto}
body:has([data-barba-namespace=top]) #character .character-01 .character-title{width:35.5046948357vw;max-width:275px;height:auto}
body:has([data-barba-namespace=top]) #character .character-01 .character-name{width:46.6079812207vw;max-width:361px;height:auto;position:relative;top:-1em}
body:has([data-barba-namespace=top]) #character .character-01 .character-description{width:55vw;max-width:426px;height:auto}
body:has([data-barba-namespace=top]) #character .character-02 .character-visual{margin-right:1em}
body:has([data-barba-namespace=top]) #character .character-02 .character-visual img{width:65.7159624413vw;max-width:509px;height:auto}
body:has([data-barba-namespace=top]) #character .character-02 .character-title{width:37.5704225352vw;max-width:291px;height:auto}
body:has([data-barba-namespace=top]) #character .character-02 .character-name{width:49.0610328638vw;max-width:380px;height:auto;position:relative;top:-1em}
body:has([data-barba-namespace=top]) #character .character-02 .character-description{width:55vw;max-width:426px;height:auto}
body:has([data-barba-namespace=top]) #character .character-01 .character-visual img{-webkit-transform:scale(-1.2, 1.2);transform:scale(-1.2, 1.2)}
body:has([data-barba-namespace=top]) #character .button-list{position:relative;margin-top:1em;z-index:2}
body:has([data-barba-namespace=story]) section{margin-top:6em}
body:has([data-barba-namespace=story]) .jagged_frame{color:#fff;text-shadow:-2px -2px 0 #000,-2px -1px 0 #000,-2px 0px 0 #000,-2px 1px 0 #000,-2px 2px 0 #000,-1px -2px 0 #000,-1px -1px 0 #000,-1px 0px 0 #000,-1px 1px 0 #000,-1px 2px 0 #000,0px -2px 0 #000,0px -1px 0 #000,0px 0px 0 #000,0px 1px 0 #000,0px 2px 0 #000,1px -2px 0 #000,1px -1px 0 #000,1px 0px 0 #000,1px 1px 0 #000,1px 2px 0 #000,2px -2px 0 #000,2px -1px 0 #000,2px 0px 0 #000,2px 1px 0 #000,2px 2px 0 #000}
body:has([data-barba-namespace=story]) .jagged_frame:has(.caption){padding-top:calc(5.7291666667vw + 2em)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=story]) .jagged_frame:has(.caption){padding-top:calc(11.4583333333vw + 2em)}
}
body:has([data-barba-namespace=story]) .jagged_frame::before{opacity:.68}
body:has([data-barba-namespace=story]) .jagged_frame .caption{position:absolute;left:50%;top:0;-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%)}
body:has([data-barba-namespace=story]) .caption{margin-bottom:1.5em}
body:has([data-barba-namespace=story]) .text{text-align:center;position:relative;z-index:1}
@media screen and (max-width: 960px){body:has([data-barba-namespace=story]) #story{margin-top:2em}
}
body:has([data-barba-namespace=story]) #story .jagged_frame::after{content:"";width:100vw;max-width:853px;height:42.5556858148vw;max-height:363px;background:url(../img/top/bg_story.webp) center center/contain no-repeat;position:absolute;left:50%;top:15%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
body:has([data-barba-namespace=story]) #story .layout_box-01{width:60vw;max-width:1060px;position:relative;margin-left:auto;margin-right:auto}
@media screen and (max-width: 960px){body:has([data-barba-namespace=story]) #story .layout_box-01{width:94%}
}
@media screen and (max-width: 960px){body:has([data-barba-namespace=story]) #story .layout_box-02{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-ms-flex-wrap:wrap;flex-wrap:wrap}
}
body:has([data-barba-namespace=story]) #story .layout_box[data-trigger].visible .notice{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
body:has([data-barba-namespace=story]) #story .layout_box[data-trigger].visible .text{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
body:has([data-barba-namespace=story]) #story .layout_box[data-trigger].visible .words{opacity:1;-webkit-transform:translate(-50%, 0) scale(1);transform:translate(-50%, 0) scale(1)}
body:has([data-barba-namespace=story]) #story .layout_box[data-trigger].visible .words::before{-webkit-animation:anime-balloon 1s infinite ease-in-out;animation:anime-balloon 1s infinite ease-in-out}
@media screen and (max-width: 960px){body:has([data-barba-namespace=story]) #story .layout_box[data-trigger].visible .words-01{-webkit-transform:translate(0, 0) scale(1);transform:translate(0, 0) scale(1)}
}
body:has([data-barba-namespace=story]) #story .layout_box[data-trigger].visible .words-02::before{-webkit-animation-delay:.5s;animation-delay:.5s}
body:has([data-barba-namespace=story]) #story .layout_box[data-trigger].visible .cut-01{opacity:1;-webkit-transform:translate(-90%, -50%);transform:translate(-90%, -50%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=story]) #story .layout_box[data-trigger].visible .cut-01{-webkit-transform:translate(10%, 20%);transform:translate(10%, 20%)}
}
body:has([data-barba-namespace=story]) #story .layout_box[data-trigger].visible .cut-02,body:has([data-barba-namespace=story]) #story .layout_box[data-trigger].visible .cut-03{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
body:has([data-barba-namespace=story]) #story .layout_box[data-trigger].visible .cut-02{-webkit-transform:translate(90%, -75%);transform:translate(90%, -75%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=story]) #story .layout_box[data-trigger].visible .cut-02{-webkit-transform:translate(-10%, 0);transform:translate(-10%, 0)}
}
body:has([data-barba-namespace=story]) #story .layout_box[data-trigger].visible .noisy{opacity:1;-webkit-transform:translate(-50%, -100%) scale(1);transform:translate(-50%, -100%) scale(1)}
body:has([data-barba-namespace=story]) #story .layout_box[data-trigger] .text{-webkit-transition:opacity 1.5s,-webkit-transform 1.5s;transition:opacity 1.5s,-webkit-transform 1.5s;transition:opacity 1.5s,transform 1.5s;transition:opacity 1.5s,transform 1.5s,-webkit-transform 1.5s;opacity:0;-webkit-transform:translate(0, 1em);transform:translate(0, 1em)}
body:has([data-barba-namespace=story]) #story .layout_box[data-trigger] .text-02{-webkit-transition-delay:1.5s;transition-delay:1.5s}
body:has([data-barba-namespace=story]) #story .layout_box[data-trigger] .words{-webkit-transition:opacity .25s cubic-bezier(0.8, -0.8, 0.2, 1.8),-webkit-transform .5s cubic-bezier(0.8, -0.8, 0.2, 1.8);transition:opacity .25s cubic-bezier(0.8, -0.8, 0.2, 1.8),-webkit-transform .5s cubic-bezier(0.8, -0.8, 0.2, 1.8);transition:opacity .25s cubic-bezier(0.8, -0.8, 0.2, 1.8),transform .5s cubic-bezier(0.8, -0.8, 0.2, 1.8);transition:opacity .25s cubic-bezier(0.8, -0.8, 0.2, 1.8),transform .5s cubic-bezier(0.8, -0.8, 0.2, 1.8),-webkit-transform .5s cubic-bezier(0.8, -0.8, 0.2, 1.8);opacity:0;-webkit-transform:translate(-50%, 0) scale(0.5);transform:translate(-50%, 0) scale(0.5)}
body:has([data-barba-namespace=story]) #story .layout_box[data-trigger] .words::before{-webkit-animation:initial;animation:initial}
body:has([data-barba-namespace=story]) #story .layout_box[data-trigger] .words-01{-webkit-transition-delay:1.25s;transition-delay:1.25s}
@media screen and (max-width: 960px){body:has([data-barba-namespace=story]) #story .layout_box[data-trigger] .words-01{left:0;-webkit-transform:translate(0, 0) scale(0.5);transform:translate(0, 0) scale(0.5)}
}
body:has([data-barba-namespace=story]) #story .layout_box[data-trigger] .words-02{-webkit-transition-delay:2s;transition-delay:2s}
body:has([data-barba-namespace=story]) #story .layout_box[data-trigger] .cut-01{-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s;-webkit-transition-delay:1s;transition-delay:1s;opacity:0;-webkit-transform:translate(calc(-90% - 2em), -50%);transform:translate(calc(-90% - 2em), -50%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=story]) #story .layout_box[data-trigger] .cut-01{-webkit-transform:translate(calc(10% - 2em), 20%);transform:translate(calc(10% - 2em), 20%)}
}
body:has([data-barba-namespace=story]) #story .layout_box[data-trigger] .cut-02{-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s;-webkit-transition-delay:.5s;transition-delay:.5s;opacity:0;-webkit-transform:translate(calc(90% + 2em), -75%);transform:translate(calc(90% + 2em), -75%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=story]) #story .layout_box[data-trigger] .cut-02{-webkit-transform:translate(calc(-10% + 2em), 0);transform:translate(calc(-10% + 2em), 0)}
}
body:has([data-barba-namespace=story]) #story .layout_box[data-trigger] .cut-03{-webkit-transition:opacity .5s cubic-bezier(0.8, -0.8, 0.2, 1.8),-webkit-transform .5s cubic-bezier(0.8, -0.8, 0.2, 1.8);transition:opacity .5s cubic-bezier(0.8, -0.8, 0.2, 1.8),-webkit-transform .5s cubic-bezier(0.8, -0.8, 0.2, 1.8);transition:opacity .5s cubic-bezier(0.8, -0.8, 0.2, 1.8),transform .5s cubic-bezier(0.8, -0.8, 0.2, 1.8);transition:opacity .5s cubic-bezier(0.8, -0.8, 0.2, 1.8),transform .5s cubic-bezier(0.8, -0.8, 0.2, 1.8),-webkit-transform .5s cubic-bezier(0.8, -0.8, 0.2, 1.8);-webkit-transition-delay:1.75s;transition-delay:1.75s;opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}
body:has([data-barba-namespace=story]) #story .layout_box[data-trigger] .noisy{-webkit-transition:opacity .25s,-webkit-transform .5s cubic-bezier(0.8, -0.8, 0.2, 1.8);transition:opacity .25s,-webkit-transform .5s cubic-bezier(0.8, -0.8, 0.2, 1.8);transition:opacity .25s,transform .5s cubic-bezier(0.8, -0.8, 0.2, 1.8);transition:opacity .25s,transform .5s cubic-bezier(0.8, -0.8, 0.2, 1.8),-webkit-transform .5s cubic-bezier(0.8, -0.8, 0.2, 1.8);-webkit-transition-delay:1.25s;transition-delay:1.25s;-webkit-transform-origin:center bottom;transform-origin:center bottom;opacity:0;-webkit-transform:translate(-50%, -100%) scale(0.5);transform:translate(-50%, -100%) scale(0.5)}
body:has([data-barba-namespace=story]) #story .text{z-index:2;margin-top:1.5em;margin-bottom:1.5em}
body:has([data-barba-namespace=story]) #story .words{display:block;position:relative;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);z-index:1}
body:has([data-barba-namespace=story]) #story .words-01{width:45.2127659574vw;max-width:calc(425px*.75);height:17.8723404255vw;max-height:calc(168px*.75)}
body:has([data-barba-namespace=story]) #story .words-01::before{content:"";width:100%;height:100%;background:url(../img/story/story_balloon_01.webp) center center/contain no-repeat;position:absolute;left:0;top:0;-webkit-animation:anime-balloon 1s infinite ease-in-out;animation:anime-balloon 1s infinite ease-in-out}
body:has([data-barba-namespace=story]) #story .words-01 img{width:57.1764705882%;;position:absolute;left:20.9411764706%;top: 34%;}
@media screen and (max-width: 960px){body:has([data-barba-namespace=story]) #story .words-01{left:0;-webkit-transform:initial;transform:initial}
}
body:has([data-barba-namespace=story]) #story .words-02{width:80vw;max-width:calc(752px*.75);height:41.914893617vw;max-height:calc(394px*.75);z-index:2}
body:has([data-barba-namespace=story]) #story .words-02::before{content:"";width:100%;height:100%;background:url(../img/story/story_balloon_02.webp) center center/contain no-repeat;position:absolute;left:0;top:0;-webkit-animation:anime-balloon 1s infinite ease-in-out;animation:anime-balloon 1s infinite ease-in-out;-webkit-animation-delay:.5s;animation-delay:.5s}
body:has([data-barba-namespace=story]) #story .words-02 img{width:46%;position:absolute;left:25.5319148936%;top:29.5%}
body:has([data-barba-namespace=story]) #story .cut-01{width:43.4331797235vw;max-width:435px;position:absolute;left:0;top:50%;-webkit-transform:translate(-90%, -50%);transform:translate(-90%, -50%);z-index:1}
@media screen and (max-width: 960px){body:has([data-barba-namespace=story]) #story .cut-01{height:auto;position:relative;left:0;top:0;-webkit-transform:translate(10%, 20%);transform:translate(10%, 20%)}
}
body:has([data-barba-namespace=story]) #story .cut-01 img{width:100%}
body:has([data-barba-namespace=story]) #story .cut-02{width:38.6405529954vw;max-width:387px;position:absolute;right:0;top:50%;-webkit-transform:translate(90%, -75%);transform:translate(90%, -75%);z-index:1}
@media screen and (max-width: 960px){body:has([data-barba-namespace=story]) #story .cut-02{height:auto;position:relative;left:0;top:0;-webkit-transform:translate(-10%, 0);transform:translate(-10%, 0)}
}
body:has([data-barba-namespace=story]) #story .cut-03{width:78.2795698925vw;max-width:588px;margin-top:-10%;margin-top:clamp(-80px,-13%,0px)}
body:has([data-barba-namespace=story]) #story .noisy{width:30vw !important;max-width:310px;position:absolute;left:50%;top:0;-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%)}
body:has([data-barba-namespace=story]) #comic{color:#fff;text-shadow:-2px -2px 0 #000,-2px -1px 0 #000,-2px 0px 0 #000,-2px 1px 0 #000,-2px 2px 0 #000,-1px -2px 0 #000,-1px -1px 0 #000,-1px 0px 0 #000,-1px 1px 0 #000,-1px 2px 0 #000,0px -2px 0 #000,0px -1px 0 #000,0px 0px 0 #000,0px 1px 0 #000,0px 2px 0 #000,1px -2px 0 #000,1px -1px 0 #000,1px 0px 0 #000,1px 1px 0 #000,1px 2px 0 #000,2px -2px 0 #000,2px -1px 0 #000,2px 0px 0 #000,2px 1px 0 #000,2px 2px 0 #000}
body:has([data-barba-namespace=story]) #comic .deco[data-trigger].visible .deco-ruto_jump{-webkit-transform:translate(0, 0);transform:translate(0, 0)}
body:has([data-barba-namespace=story]) #comic .deco[data-trigger] .deco-ruto_jump{position:relative;-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s, -webkit-transform .35s;-webkit-transform:translate(0%, 40%);transform:translate(0%, 40%);z-index:1}
body:has([data-barba-namespace=story]) #comic .deco-01{left:0%;top:50%;-webkit-transform:translate(-85%, 0);transform:translate(-85%, 0)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=story]) #comic .deco-01{position:relative;left:0;top:0;-webkit-transform:translate(-10%, 20%);transform:translate(-10%, 20%)}
}
body:has([data-barba-namespace=story]) #comic .deco-kamael_tadah img{-webkit-transform:scale(-1, 1);transform:scale(-1, 1);position:relative;z-index:1}
body:has([data-barba-namespace=story]) #comic .deco-ta_da{position:absolute;left:0;top:0;-webkit-transform:translate(-24%, -30%);transform:translate(-24%, -30%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=story]) #comic .deco-ta_da{-webkit-transform:translate(20%, -20%);transform:translate(20%, -20%)}
}
body:has([data-barba-namespace=story]) #comic .deco-ta_da img{-webkit-animation-delay:.125s;animation-delay:.125s}
body:has([data-barba-namespace=story]) #comic .deco-02{left:100%;top:90%;-webkit-transform:translate(25%, 0);transform:translate(25%, 0)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=story]) #comic .deco-02{position:relative;left:0;top:0;-webkit-transform:translate(50%, 70%);transform:translate(50%, 70%)}
}
body:has([data-barba-namespace=story]) #comic .deco-ruto_jump img{position:relative;z-index:1}
body:has([data-barba-namespace=story]) #comic .deco-hop{position:absolute;left:0;top:0;-webkit-transform:translate(-20%, 0%);transform:translate(-20%, 0%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=story]) #comic .deco-hop{-webkit-transform:translate(40%, 0%);transform:translate(40%, 0%)}
}
@media screen and (max-width: 960px){body:has([data-barba-namespace=story]) #talk .media-list>li{max-width:90%}
}
body:has([data-barba-namespace=story]) #talk .deco-01{position:relative;text-align:center;-webkit-transform:translate(-50%, 10%);transform:translate(-50%, 10%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=story]) #talk .deco-01{position:relative;-webkit-transform:translate(0%, 20%);transform:translate(0%, 20%)}
}
body:has([data-barba-namespace=story]) #talk .deco .deco-kamael_tadah img{-webkit-transform:translate(0%, 15%);transform:translate(0%, 15%);z-index:1}
body:has([data-barba-namespace=story]) #talk .deco-ta_da{-webkit-transform:translate(0%, -210%);transform:translate(0%, -210%)}
body:has([data-barba-namespace=story]) #talk .deco-ta_da img{-webkit-animation-delay:.125s;animation-delay:.125s}
body:has([data-barba-namespace=character]) .content_nav{padding:1em 0}
body:has([data-barba-namespace=character]) .content_nav [data-content=character]{background-image:url(../img/character/navi/nav_character.png)}
body:has([data-barba-namespace=character]) .content_nav [data-content=character]::after{background-image:url(../img/character/navi/nav_character.png)}
body:has([data-barba-namespace=character]) .content_nav [data-content=monster]{background-image:url(../img/character/navi/nav_monster.png)}
body:has([data-barba-namespace=character]) .content_nav [data-content=monster]::after{background-image:url(../img/character/navi/nav_monster.png)}
body:has([data-barba-namespace=character]) .content_nav [data-content=boss]{background-image:url(../img/character/navi/nav_boss.png)}
body:has([data-barba-namespace=character]) .content_nav [data-content=boss]::after{background-image:url(../img/character/navi/nav_boss.png)}
body:has([data-barba-namespace=character]) .jagged_frame{color:#fff;text-shadow:-2px -2px 0 #000,-2px -1px 0 #000,-2px 0px 0 #000,-2px 1px 0 #000,-2px 2px 0 #000,-1px -2px 0 #000,-1px -1px 0 #000,-1px 0px 0 #000,-1px 1px 0 #000,-1px 2px 0 #000,0px -2px 0 #000,0px -1px 0 #000,0px 0px 0 #000,0px 1px 0 #000,0px 2px 0 #000,1px -2px 0 #000,1px -1px 0 #000,1px 0px 0 #000,1px 1px 0 #000,1px 2px 0 #000,2px -2px 0 #000,2px -1px 0 #000,2px 0px 0 #000,2px 1px 0 #000,2px 2px 0 #000}
body:has([data-barba-namespace=character]) .jagged_frame:has(.caption){padding-top:calc(5.7291666667vw + 2em)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) .jagged_frame:has(.caption){padding-top:calc(11.4583333333vw + 2em)}
}
body:has([data-barba-namespace=character]) .jagged_frame::before{opacity:.68}
body:has([data-barba-namespace=character]) .jagged_frame .caption{position:absolute;left:50%;top:2.8645833333vw;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
body:has([data-barba-namespace=character]) .jagged_frame .caption.no_sub{top:4.296875vw}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) .jagged_frame .caption.no_sub{top:8.59375vw}
}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) .jagged_frame .caption{top:5.7291666667vw}
}
body:has([data-barba-namespace=character]) #character .caption{margin-bottom:1.5em}
body:has([data-barba-namespace=character]) #character .character-list{position:relative;z-index:2}
body:has([data-barba-namespace=character]) #character .character-list>li{margin-top:4em}
body:has([data-barba-namespace=character]) #character .character-list>li:nth-child(even) .character-profile{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
body:has([data-barba-namespace=character]) #character .character-list>li:nth-child(even) .character-visual{margin-left:1em;margin-right:initial}
body:has([data-barba-namespace=character]) #character .character-list>li:nth-child(even) .character-visual .motion{-webkit-transform:scale(1.2);transform:scale(1.2)}
body:has([data-barba-namespace=character]) #character .character-list>li:nth-child(even) .character-detail{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
body:has([data-barba-namespace=character]) #character .character-list>li:nth-child(even) .character-description{-webkit-transform:translate(10%, 0);transform:translate(10%, 0)}
body:has([data-barba-namespace=character]) #character .character-list>li .media-list{margin-top:1em}
body:has([data-barba-namespace=character]) #character .character-profile{width:80vw;max-width:1060px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin-left:auto;margin-right:auto}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #character .character-profile{width:100%;-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;-ms-flex-direction:column !important;flex-direction:column !important;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
}
body:has([data-barba-namespace=character]) #character .character-profile[data-trigger].visible .character-balloon{opacity:1}
body:has([data-barba-namespace=character]) #character .character-profile[data-trigger].visible .character-title{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
body:has([data-barba-namespace=character]) #character .character-profile[data-trigger].visible .character-description{opacity:1;-webkit-transform:translate(0, 0) !important;transform:translate(0, 0) !important}
body:has([data-barba-namespace=character]) #character .character-profile[data-trigger] .character-balloon{-webkit-transition:opacity .75s;transition:opacity .75s;-webkit-transition-delay:1s;transition-delay:1s;opacity:0}
body:has([data-barba-namespace=character]) #character .character-profile[data-trigger] .character-title{-webkit-transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,transform .75s;transition:opacity .75s,transform .75s,-webkit-transform .75s;opacity:0;-webkit-transform:rotate(-5deg);transform:rotate(-5deg);-webkit-transform-origin:50% 500%;transform-origin:50% 500%}
body:has([data-barba-namespace=character]) #character .character-profile[data-trigger] .character-description{-webkit-transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,transform .75s;transition:opacity .75s,transform .75s,-webkit-transform .75s;-webkit-transition-delay:.5s;transition-delay:.5s;opacity:0;-webkit-transform:translate(2em, 0);transform:translate(2em, 0)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #character .character-profile[data-trigger] .character-description{-webkit-transform:translate(0, 2em) !important;transform:translate(0, 2em) !important}
}
body:has([data-barba-namespace=character]) #character .character-profile[data-trigger]:nth-child(even) .character-description{-webkit-transform:translate(-2em, 0);transform:translate(-2em, 0)}
body:has([data-barba-namespace=character]) #character .character-visual{width:40%;cursor:pointer}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #character .character-visual{width:initial;margin-left:initial !important;margin-right:initial !important}
}
body:has([data-barba-namespace=character]) #character .character-visual .motion{position:relative;-webkit-transform:scale(-1.2, 1.2);transform:scale(-1.2, 1.2);z-index:1}
body:has([data-barba-namespace=character]) #character .character-balloon{width:20vw;max-width:254px;position:absolute;z-index:1}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #character .character-balloon{width:35vw}
}
body:has([data-barba-namespace=character]) #character .character-detail{width:60%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #character .character-detail{width:initial;-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important}
}
body:has([data-barba-namespace=character]) #character .character-detail .new:has(.character-name){position:relative}
body:has([data-barba-namespace=character]) #character .character-detail .new:has(.character-name)::before{content:"";width:10vw;max-width:60px;height:12.5vw;max-height:75px;background:url(../img/ico_new.webp) center center/contain no-repeat;position:absolute;left:0%;top:0;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
body:has([data-barba-namespace=character]) #character .character-description{color:#fff;font-size:clamp(12px,3vw,18px);background-color:rgba(0,0,0,.8);border-radius:16px;border-radius:clamp(6px,3vw,16px);-webkit-box-shadow:0 0 0 12px rgba(150,150,150,.6);box-shadow:0 0 0 12px rgba(150,150,150,.6);-webkit-box-shadow:0 0 0 clamp(4px,2vw,12px) rgba(150,150,150,.6);box-shadow:0 0 0 clamp(4px,2vw,12px) rgba(150,150,150,.6);text-align:left;padding:1em}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #character .character-description{width:94% !important;max-width:initial !important;position:relative}
}
body:has([data-barba-namespace=character]) #character #character-01 .character-visual{margin-right:1em}
body:has([data-barba-namespace=character]) #character #character-01 .character-visual .motion{width:43.896713615vw;max-width:340px}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #character #character-01 .character-visual .motion{-webkit-transform:scale(1.5);transform:scale(1.5)}
}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #character #character-01 .character-visual{position:absolute;top:31.5023474178vw}
}
body:has([data-barba-namespace=character]) #character #character-01 .character-title{width:35.5046948357vw;max-width:275px}
body:has([data-barba-namespace=character]) #character #character-01 .character-name{width:46.6079812207vw;max-width:361px;position:relative;top:-1em}
body:has([data-barba-namespace=character]) #character #character-01 .character-description{width:55vw;max-width:100%}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #character #character-01 .character-description{margin-top:59.8415492958vw}
}
body:has([data-barba-namespace=character]) #character #character-02 .character-visual{margin-right:1em}
body:has([data-barba-namespace=character]) #character #character-02 .character-visual .motion{width:52.9342723005vw;max-width:410px}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #character #character-02 .character-visual .motion{-webkit-transform:scale(1.5);transform:scale(1.5)}
}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #character #character-02 .character-visual{position:absolute;top:32.2769953052vw}
}
body:has([data-barba-namespace=character]) #character #character-02 .character-title{width:37.5704225352vw;max-width:291px}
body:has([data-barba-namespace=character]) #character #character-02 .character-name{width:49.0610328638vw;max-width:380px;position:relative;top:-1em}
body:has([data-barba-namespace=character]) #character #character-02 .character-description{width:55vw;max-width:100%}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #character #character-02 .character-description{margin-top:71.073943662vw}
}
body:has([data-barba-namespace=character]) #character #character-03 .character-visual{margin-right:1em}
body:has([data-barba-namespace=character]) #character #character-03 .character-visual .motion{width:22.8521126761vw;max-width:177px}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #character #character-03 .character-visual .motion{-webkit-transform:scale(1.5);transform:scale(1.5)}
}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #character #character-03 .character-visual{position:absolute;top:29.0492957746vw}
}
body:has([data-barba-namespace=character]) #character #character-03 .character-title{width:23.2394366197vw;max-width:315px; transform: rotate(5deg);}
body:has([data-barba-namespace=character]) #character #character-03 .character-name{width:46.6079812207vw;max-width:361px;position:relative;top:-1em}
body:has([data-barba-namespace=character]) #character #character-03 .character-description{width:55vw;max-width:100%}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #character #character-03 .character-description{margin-top:50.3521126761vw}
}
body:has([data-barba-namespace=character]) #character #character-04 .character-visual{margin-right:1em}
body:has([data-barba-namespace=character]) #character #character-04 .character-visual .motion{width:32.1478873239vw;max-width:249px}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #character #character-04 .character-visual .motion{-webkit-transform:scale(1.5);transform:scale(1.5)}
}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #character #character-04 .character-visual{position:absolute;top:30.0821596244vw}
}
body:has([data-barba-namespace=character]) #character #character-04 .character-title{width:16.396713615vw;max-width:300px}
body:has([data-barba-namespace=character]) #character #character-04 .character-name{width:50.6103286385vw;max-width:392px;position:relative;top:-1em}
body:has([data-barba-namespace=character]) #character #character-04 .character-description{width:55vw;max-width:100%}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #character #character-04 .character-description{margin-top:58.6795774648vw}
}
body:has([data-barba-namespace=character]) #character #character-01 .character-balloon{left:0;top:65%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #character #character-01 .character-balloon{top:95%;-webkit-transform:translate(-65%, -50%);transform:translate(-65%, -50%)}
}
body:has([data-barba-namespace=character]) #character #character-02 .character-visual,body:has([data-barba-namespace=character]) #character #character-02 .character-detail{width:50%}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #character #character-02 .character-visual,body:has([data-barba-namespace=character]) #character #character-02 .character-detail{width:initial}
}
body:has([data-barba-namespace=character]) #character #character-02 .character-balloon{max-width:228.6px;left:50%;top:100%;-webkit-transform:translate(0%, -110%);transform:translate(0%, -110%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #character #character-02 .character-balloon{max-width:254px;left:10%;-webkit-transform:translate(-65%, -50%);transform:translate(-65%, -50%)}
}
body:has([data-barba-namespace=character]) #character #character-03 .character-title{position:relative;left:-14%}
body:has([data-barba-namespace=character]) #character #character-03 .character-visual .motion{-webkit-transform:scale(1.2);transform:scale(1.2)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #character #character-03 .character-visual .motion{-webkit-transform:scale(-1.5, 1.5);transform:scale(-1.5, 1.5)}
}
body:has([data-barba-namespace=character]) #character #character-03 .character-balloon{left:0;top:65%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #character #character-03 .character-balloon{top:95%;-webkit-transform:translate(-95%, -50%);transform:translate(-95%, -50%)}
}
body:has([data-barba-namespace=character]) #character #character-04 .character-visual .motion{-webkit-transform:scale(-1.2, 1.2) !important;transform:scale(-1.2, 1.2) !important}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #character #character-04 .character-visual .motion{-webkit-transform:scale(-1.5, 1.5) !important;transform:scale(-1.5, 1.5) !important}
}
body:has([data-barba-namespace=character]) #character #character-04 .character-balloon{max-width:228.6px;left:90%;top:100%;-webkit-transform:translate(0%, -110%);transform:translate(0%, -110%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #character #character-04 .character-balloon{max-width:254px;left:100%;-webkit-transform:translate(5%, -50%);transform:translate(5%, -50%)}
}
body:has([data-barba-namespace=character]) #monster .monster-list{position:relative;z-index:1}
body:has([data-barba-namespace=character]) #monster .monster-wrapper{width:94%;max-width:1280px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:4em auto}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #monster .monster-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
body:has([data-barba-namespace=character]) #monster .monster-wrapper:nth-child(even){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #monster .monster-wrapper:nth-child(even){-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
body:has([data-barba-namespace=character]) #monster .monster-wrapper:nth-child(even) .monster-visual img{-webkit-transform:translate(-50%, 0) scale(-1, 1);transform:translate(-50%, 0) scale(-1, 1)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #monster .monster-wrapper:nth-child(even) .monster-visual img{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
}
body:has([data-barba-namespace=character]) #monster .monster-container:has(.monster-visual){width:40%;margin-top:-2em}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #monster .monster-container:has(.monster-visual){width:100%;margin-top:initial}
}
body:has([data-barba-namespace=character]) #monster .monster-container:has(.monster-description){width:60%; display: flex;  flex-direction: column;  align-items: center;}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #monster .monster-container:has(.monster-description){width:100%}
}
body:has([data-barba-namespace=character]) #monster .monster-container .media-list{width:80%;max-width:500px}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #monster .monster-container .media-list{width:100%;max-width:initial}
}
body:has([data-barba-namespace=character]) #monster .monster-name{text-align:center;margin-bottom:1em}
body:has([data-barba-namespace=character]) #monster .monster-name img{width:55vw;max-width:290px}
body:has([data-barba-namespace=character]) #monster .monster-visual{text-align:left}
body:has([data-barba-namespace=character]) #monster .monster-visual img{width:120%;max-width:600px;position:relative;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
body:has([data-barba-namespace=character]) #boss .boss-list{position:relative;z-index:1}
body:has([data-barba-namespace=character]) #boss .boss-wrapper{width:94%;max-width:1280px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:4em auto}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #boss .boss-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
body:has([data-barba-namespace=character]) #boss .boss-wrapper:nth-child(even){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #boss .boss-wrapper:nth-child(even){-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
body:has([data-barba-namespace=character]) #boss .boss-wrapper:nth-child(even) .boss-visual img{-webkit-transform:translate(-50%, -15%) scale(-1, 1);transform:translate(-50%, -15%) scale(-1, 1)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #boss .boss-wrapper:nth-child(even) .boss-visual img{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
}
.boss-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.boss-description {
    max-width: 65%;
}
body:has([data-barba-namespace=character]) #boss .boss-container:has(.boss-visual){width:40%;margin-top:-2em}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #boss .boss-container:has(.boss-visual){width:100%;margin-top:initial}
}
body:has([data-barba-namespace=character]) #boss .boss-container:has(.boss-description){width:60%}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #boss .boss-container:has(.boss-description){width:100%}
}
body:has([data-barba-namespace=character]) #boss .boss-container .media-list{width:80%;max-width:500px}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #boss .boss-container .media-list{width:100%;max-width:initial}
}
body:has([data-barba-namespace=character]) #boss .boss-name{position:relative;text-align:center;margin-bottom:1em;z-index:2}
body:has([data-barba-namespace=character]) #boss .boss-name img{width:55vw;max-width:290px}
body:has([data-barba-namespace=character]) #boss .boss-visual{text-align:left}
body:has([data-barba-namespace=character]) #boss .boss-visual img{width:140%;max-width:1200px;position:relative;left:50%;-webkit-transform:translate(-50%, -15%);transform:translate(-50%, -15%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #boss .boss-visual img{max-width:120%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
}
body:has([data-barba-namespace=character]) #boss .boss-visual img#boss_02{left:40%}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #boss .boss-visual img#boss_02{left:50%}
}
body:has([data-barba-namespace=action]) .content_nav{padding:1em 0}
body:has([data-barba-namespace=action]) .content_nav [data-content=predation]{background-image:url(../img/action/navi/nav_predation.png)}
body:has([data-barba-namespace=action]) .content_nav [data-content=predation]::after{background-image:url(../img/action/navi/nav_predation.png)}
body:has([data-barba-namespace=action]) .content_nav [data-content=onomatopoeia]{background-image:url(../img/action/navi/nav_onomatopoeia.png)}
body:has([data-barba-namespace=action]) .content_nav [data-content=onomatopoeia]::after{background-image:url(../img/action/navi/nav_onomatopoeia.png)}
body:has([data-barba-namespace=action]) .content_nav [data-content=basic_action]{background-image:url(../img/action/navi/nav_basic_action.png)}
body:has([data-barba-namespace=action]) .content_nav [data-content=basic_action]::after{background-image:url(../img/action/navi/nav_basic_action.png)}
body:has([data-barba-namespace=action]) .content_nav [data-content=stage]{background-image:url(../img/action/navi/nav_stage.png)}
body:has([data-barba-namespace=action]) .content_nav [data-content=stage]::after{background-image:url(../img/action/navi/nav_stage.png)}
body:has([data-barba-namespace=action]) section{margin-top:6em}
body:has([data-barba-namespace=action]) .jagged_frame{color:#fff;text-shadow:-2px -2px 0 #000,-2px -1px 0 #000,-2px 0px 0 #000,-2px 1px 0 #000,-2px 2px 0 #000,-1px -2px 0 #000,-1px -1px 0 #000,-1px 0px 0 #000,-1px 1px 0 #000,-1px 2px 0 #000,0px -2px 0 #000,0px -1px 0 #000,0px 0px 0 #000,0px 1px 0 #000,0px 2px 0 #000,1px -2px 0 #000,1px -1px 0 #000,1px 0px 0 #000,1px 1px 0 #000,1px 2px 0 #000,2px -2px 0 #000,2px -1px 0 #000,2px 0px 0 #000,2px 1px 0 #000,2px 2px 0 #000}
body:has([data-barba-namespace=action]) .jagged_frame:has(.caption){padding-top:calc(5.7291666667vw + 2em)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) .jagged_frame:has(.caption){padding-top:calc(11.4583333333vw + 2em)}
}
body:has([data-barba-namespace=action]) .jagged_frame::before{opacity:.68}
body:has([data-barba-namespace=action]) .jagged_frame .caption{position:absolute;left:50%;top:2.8645833333vw;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
body:has([data-barba-namespace=action]) .jagged_frame .caption.no_sub{top:4.296875vw}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) .jagged_frame .caption.no_sub{top:8.59375vw}
}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) .jagged_frame .caption{top:5.7291666667vw}
}
body:has([data-barba-namespace=action]) .text{text-align:center;position:relative;z-index:1}
body:has([data-barba-namespace=action]) #predation .deco-01{left:0%;top:50%;-webkit-transform:translate(-85%, 0);transform:translate(-85%, 0)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #predation .deco-01{position:relative;left:0;top:0;-webkit-transform:translate(30%, 10%);transform:translate(30%, 10%)}
}
body:has([data-barba-namespace=action]) #predation .deco-ruto_run img{-webkit-transform:scale(-1, 1);transform:scale(-1, 1);position:relative;z-index:1}
body:has([data-barba-namespace=action]) #predation .deco-dash{position:absolute;left:0;top:0;-webkit-transform:translate(-50%, 80%);transform:translate(-50%, 80%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #predation .deco-dash{-webkit-transform:translate(-30%, 100%);transform:translate(-30%, 100%)}
}
body:has([data-barba-namespace=action]) #predation .deco-dash img{-webkit-animation-delay:.125s;animation-delay:.125s}
body:has([data-barba-namespace=action]) #predation .deco-02{left:95%;top:90%}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #predation .deco-02{position:relative;left:0;top:0;-webkit-transform:translate(80%, 90%);transform:translate(80%, 90%)}
}
body:has([data-barba-namespace=action]) #predation .deco-ruto_predation img{position:relative;z-index:1}
body:has([data-barba-namespace=action]) #predation .deco-gobble{position:absolute;left:0;top:0;-webkit-transform:translate(-80%, -120%);transform:translate(-80%, -120%)}
body:has([data-barba-namespace=action]) #predation .deco-gobble img{-webkit-animation-delay:.125s;animation-delay:.125s}
body:has([data-barba-namespace=action]) #characteristics .text,body:has([data-barba-namespace=action]) #characteristics .media{z-index:5}
body:has([data-barba-namespace=action]) #characteristics .deco{left:0%;top:50%;-webkit-transform:translate(-90%, -50%);transform:translate(-90%, -50%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #characteristics .deco{position:relative;left:0;top:0;-webkit-transform:translate(0%, 10%);transform:translate(0%, 10%)}
}
body:has([data-barba-namespace=action]) #characteristics .deco-ruto_flame img{-webkit-transform:scale(1);transform:scale(1);position:relative;z-index:1}
body:has([data-barba-namespace=action]) #characteristics .deco-fwooosh{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
body:has([data-barba-namespace=action]) #characteristics .deco-fwooosh img{-webkit-animation-delay:.125s;animation-delay:.125s}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #characteristics .media-list>li{max-width:90%}
}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #characteristics .media-list .deco{display:none}
}
body:has([data-barba-namespace=action]) #characteristics .jagged_frame>.deco{display:none}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #characteristics .jagged_frame>.deco{display:inline-block}
}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #counter .media-frame{display:inline-block}
}
body:has([data-barba-namespace=action]) #counter .deco{left:100%;top:100%;-webkit-transform:translate(50%, 0%);transform:translate(50%, 0%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #counter .deco{position:relative;left:0;top:0;-webkit-transform:translate(60%, 60%);transform:translate(60%, 60%);margin-bottom:-30vw}
}
body:has([data-barba-namespace=action]) #counter .deco-ruto_counter img{position:relative}
body:has([data-barba-namespace=action]) #counter .deco-counter{position:absolute;left:0;top:0;-webkit-transform:translate(-80%, -120%);transform:translate(-80%, -120%)}
body:has([data-barba-namespace=action]) #counter .deco-counter img{-webkit-animation-delay:.125s;animation-delay:.125s}
body:has([data-barba-namespace=action]) #onomatopoeia .deco-01{left:100%;top:55%;-webkit-transform:translate(28%, 0);transform:translate(28%, 0)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #onomatopoeia .deco-01{position:relative;left:0;top:0;-webkit-transform:translate(60%, 78%);transform:translate(60%, 78%)}
}
body:has([data-barba-namespace=action]) #onomatopoeia .deco-ruto_attack img{position:relative;z-index:1}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #onomatopoeia .deco-ruto_attack img{width:85vw}
}
body:has([data-barba-namespace=action]) #onomatopoeia .deco-swish{position:absolute;left:0;top:0;-webkit-transform:translate(-80%, -160%);transform:translate(-80%, -160%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #onomatopoeia .deco-swish{-webkit-transform:translate(-82%, -157%);transform:translate(-82%, -157%)}
}
body:has([data-barba-namespace=action]) #onomatopoeia .deco-swish img{-webkit-animation-delay:.125s;animation-delay:.125s}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #onomatopoeia .deco-swish img{width:34vw}
}
body:has([data-barba-namespace=action]) #move .deco{left:100%;top:50%}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #move .deco{position:relative;left:0;top:0}
}
body:has([data-barba-namespace=action]) #move .deco-ruto_run img{-webkit-transform:translate(0, 0);transform:translate(0, 0);position:relative;z-index:1}
body:has([data-barba-namespace=action]) #move .deco-dash{position:absolute;left:0;top:0;-webkit-transform:translate(60%, 50%);transform:translate(60%, 50%)}
body:has([data-barba-namespace=action]) #move .deco-dash img{-webkit-animation-delay:.125s;animation-delay:.125s}
body:has([data-barba-namespace=action]) #move .text .deco{right:0%;top:50%;-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #move .text .deco{display:none}
}
body:has([data-barba-namespace=action]) #move .jagged_frame>.deco{display:none}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #move .jagged_frame>.deco{display:inline-block}
}
body:has([data-barba-namespace=action]) #jump .deco{left:100%;top:50%;-webkit-transform:translate(30%, 0);transform:translate(30%, 0)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #jump .deco{position:relative;left:0;top:0;-webkit-transform:translate(40%, 70%);transform:translate(40%, 70%)}
}
body:has([data-barba-namespace=action]) #jump .deco-ruto_jump img{position:relative;z-index:1}
body:has([data-barba-namespace=action]) #jump .deco-hop{position:absolute;left:0;top:0;-webkit-transform:translate(-20%, 0%);transform:translate(-20%, 0%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #jump .deco-hop{-webkit-transform:translate(40%, 0%);transform:translate(40%, 0%)}
}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #jump .text .deco{display:none}
}
body:has([data-barba-namespace=action]) #jump .jagged_frame>.deco{display:none}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #jump .jagged_frame>.deco{display:inline-block}
}
body:has([data-barba-namespace=action]) #attack .deco{left:100%;top:60%;-webkit-transform:translate(28%, 0);transform:translate(28%, 0)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #attack .deco{position:relative;left:0;top:0;-webkit-transform:translate(50%, 90%);transform:translate(50%, 90%)}
}
body:has([data-barba-namespace=action]) #attack .deco-ruto_attack img{position:relative;z-index:1}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #attack .deco-ruto_attack img{width:85vw}
}
body:has([data-barba-namespace=action]) #attack .deco-swish{position:absolute;left:0;top:0;-webkit-transform:translate(-80%, -160%);transform:translate(-80%, -160%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #attack .deco-swish{-webkit-transform:translate(-82%, -157%);transform:translate(-82%, -157%)}
}
body:has([data-barba-namespace=action]) #attack .deco-swish img{-webkit-animation-delay:.125s;animation-delay:.125s}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #attack .deco-swish img{width:34vw}
}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #attack .text .deco{display:none}
}
body:has([data-barba-namespace=action]) #attack .jagged_frame>.deco{display:none}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #attack .jagged_frame>.deco{display:inline-block}
}
body:has([data-barba-namespace=action]) #stage_select .sub-caption{-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #stage_select .media-list>li{max-width:90%}
}
body:has([data-barba-namespace=action]) #stage_select .media-list>li.s_size{max-width:30%}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #stage_select .media-list>li.s_size{max-width:47%}
}
body:has([data-barba-namespace=action]) #stage_select .media-list>li.s_size .item{width:40%;max-width:128px;margin:auto}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #stage_select .media-list>li.s_size .item{max-width:64px}
}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #stage_select .media-list>li.item_size{max-width:30%}
}
body:has([data-barba-namespace=action]) #stage_select .media-list>li.item_size .item{max-width:128px;margin:auto}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #stage_select .media-list>li.item_size .item{width:90%}
}
body:has([data-barba-namespace=action]) #stage_select .media-list>li.item_size .item.piece{-webkit-transform:translate(77%, -3%) rotateZ(-10deg);transform:translate(77%, -3%) rotateZ(-10deg);z-index:2}
body:has([data-barba-namespace=action]) #stage_select .media-list>li.item_size .item.core{-webkit-transform:translate(0%, -20%);transform:translate(0%, -20%)}
body:has([data-barba-namespace=action]) #stage_select .media-list>li.item_size .item.meat{-webkit-transform:translate(-72%, 0%);transform:translate(-72%, 0%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #stage_select .media-list.multiple>li{max-width:47%}
}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #stage_select .media-list .deco{display:none}
}
body:has([data-barba-namespace=action]) #stage_area .sub-caption,body:has([data-barba-namespace=action]) #stage_item .sub-caption{-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}
body:has([data-barba-namespace=action]) #stage_area .deco,body:has([data-barba-namespace=action]) #stage_item .deco{left:0%;top:50%;-webkit-transform:translate(-90%, -50%);transform:translate(-90%, -50%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #stage_area .deco,body:has([data-barba-namespace=action]) #stage_item .deco{position:relative;left:0;top:0;-webkit-transform:translate(0%, 10%);transform:translate(0%, 10%)}
}
body:has([data-barba-namespace=action]) #stage_area .deco-ruto_flame img,body:has([data-barba-namespace=action]) #stage_item .deco-ruto_flame img{-webkit-transform:scale(1);transform:scale(1);position:relative;z-index:1}
body:has([data-barba-namespace=action]) #stage_area .deco-fwooosh,body:has([data-barba-namespace=action]) #stage_item .deco-fwooosh{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
body:has([data-barba-namespace=action]) #stage_area .deco-fwooosh img,body:has([data-barba-namespace=action]) #stage_item .deco-fwooosh img{-webkit-animation-delay:.125s;animation-delay:.125s}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #stage_area .media-list>li,body:has([data-barba-namespace=action]) #stage_item .media-list>li{max-width:90%}
}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #stage_area .media-list.multiple>li,body:has([data-barba-namespace=action]) #stage_item .media-list.multiple>li{max-width:47%}
}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #stage_area .media-list .deco,body:has([data-barba-namespace=action]) #stage_item .media-list .deco{display:none}
}
body:has([data-barba-namespace=action]) #stage_area .jagged_frame>.deco,body:has([data-barba-namespace=action]) #stage_item .jagged_frame>.deco{display:none}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #stage_area .jagged_frame>.deco,body:has([data-barba-namespace=action]) #stage_item .jagged_frame>.deco{display:inline-block}
}
body:has([data-barba-namespace=action]) #stage-02 .monster-list{position:relative;z-index:1}
body:has([data-barba-namespace=action]) #stage-02 .monster-wrapper{width:94%;max-width:1280px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:4em auto}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #stage-02 .monster-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
body:has([data-barba-namespace=action]) #stage-02 .monster-wrapper:nth-child(even){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #stage-02 .monster-wrapper:nth-child(even){-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
body:has([data-barba-namespace=action]) #stage-02 .monster-wrapper:nth-child(even) .monster-visual img{-webkit-transform:translate(-50%, 0) scale(-1, 1);transform:translate(-50%, 0) scale(-1, 1)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #stage-02 .monster-wrapper:nth-child(even) .monster-visual img{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
}
body:has([data-barba-namespace=action]) #stage-02 .monster-container:has(.monster-visual){width:40%;margin-top:-2em}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #stage-02 .monster-container:has(.monster-visual){width:100%;margin-top:initial}
}
body:has([data-barba-namespace=action]) #stage-02 .monster-container:has(.monster-description){width:60%}
.monster-description{width:75%}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #stage-02 .monster-container:has(.monster-description){width:100%}
}
body:has([data-barba-namespace=action]) #stage-02 .monster-container .media-list{width:80%;max-width:500px}
@media screen and (max-width: 960px){body:has([data-barba-namespace=action]) #stage-02 .monster-container .media-list{width:100%;max-width:initial}
}
body:has([data-barba-namespace=action]) #stage-02 .monster-name{text-align:center;margin-bottom:1em}
body:has([data-barba-namespace=action]) #stage-02 .monster-name img{width:55vw;max-width:290px}
body:has([data-barba-namespace=action]) #stage-02 .monster-visual{text-align:left}
body:has([data-barba-namespace=action]) #stage-02 .monster-visual img{width:120%;max-width:600px;position:relative;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
body:has([data-barba-namespace=gallery]) .caption{margin-bottom:1.5em}
#order_guide{color:#fff;font-family:"Murecho",sans-serif;letter-spacing:.1em;line-height:1.6}
#order_guide .media_nav,#order_guide .edition_nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;z-index:2}
#order_guide .media_nav img,#order_guide .edition_nav img{max-width:100%}
#order_guide .media_nav{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
#order_guide .media_nav li{width:35vw;max-width:387px;margin-left:1em;margin-right:1em}
@media screen and (max-width: 640px){#order_guide .media_nav li{width:50vw}
}
#order_guide .media_nav button{width:100%;height:0;padding-top:20.6718346253%;background:left top/100% auto no-repeat;-webkit-transition:opacity .25s;transition:opacity .25s;opacity:.7}
#order_guide .media_nav button:hover{opacity:1}
#order_guide .media_nav button.selected{-webkit-transition:initial;transition:initial;opacity:1;pointer-events:none}
#order_guide .media_nav button[data-media=package]{background-image:url(../img/product/media_nav_package.png)}
#order_guide .media_nav button[data-media=download]{background-image:url(../img/product/media_nav_download.png)}
#order_guide .media_nav button.selected{background-position:0% 100%}
#order_guide .edition_nav{-webkit-transform:translate(0, 30%);transform:translate(0, 30%);margin-top:-1em;z-index:2}
#order_guide .edition_nav li{width:35vw;max-width:337px;margin-left:1em;margin-right:1em}
#order_guide .edition_nav button{width:100%;height:0;padding-top:38.5756676558%;background:left top/100% auto no-repeat;position:relative;-webkit-transition:opacity .25s;transition:opacity .25s;opacity:.8}
#order_guide .edition_nav button:hover{opacity:1}
#order_guide .edition_nav button[data-edition=nippon1_limited]{background-image:url(../img/product/edition_nav_nippon1_limited.png)}
#order_guide .edition_nav button[data-edition=standard]{background-image:url(../img/product/edition_nav_standard.png)}
#order_guide .edition_nav button.selected{background-position:0% 100%;opacity:1;pointer-events:none}
#order_guide .media_content{position:relative;margin-left:auto;margin-right:auto;z-index:2}
@media screen and (max-width: 960px){#order_guide .media_content{width:auto;min-width:initial}
}
#order_guide .media_content .frame{padding:3em 1em 1em}
#order_guide .media_content .media-list{width:50vw;max-width:450px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:initial}
@media screen and (max-width: 640px){#order_guide .media_content .media-list{width:65vw}
}
#order_guide .media_content .media-list>li:only-child{max-width:100%}
#order_guide .media_content .media-frame{border:solid 1px #fff;border-radius:initial;-webkit-box-shadow:initial;box-shadow:initial;display:inline-block}
#order_guide .media_content .media-frame img{border-radius:initial}
@media screen and (max-width: 640px){#order_guide .media_content .media-container:only-child{max-width:100%}
}
#order_guide .media_content .sub_caption{margin-bottom:.5em}
#order_guide .edition_content-summary{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@media screen and (max-width: 960px){#order_guide .edition_content-summary{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
}
#order_guide .edition_content-contents{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1.2;margin-top:1em;margin-left:1em}
@media screen and (max-width: 960px){#order_guide .edition_content-contents{margin-left:initial}
}
#order_guide .edition_content-contents ul{display:inline-block}
#order_guide .edition_content-contents li{text-align:left;margin:1em}
@media screen and (max-width: 960px){#order_guide .edition_content-contents li{margin:.5em}
}
#order_guide .edition_content-contents small{font-weight:normal}
#order_guide .edition_content-contents .sub_caption::after{max-width:100%}
@media screen and (max-width: 960px){#order_guide .edition_content-contents .sub_caption::after{max-width:366px}
}
#order_guide .edition_content .text{font-weight:normal;padding:1em;padding:clamp(0px,1vw,1em)}
#order_guide .edition_content .text em{font-weight:bold}
#order_guide .price{display:inline-block;margin-left:1em;margin-left:clamp(.5em,1vw,1em)}
@media screen and (max-width: 960px){#order_guide .price{margin-top:1em}
}
#order_guide .price table{margin-left:auto;margin-right:auto}
#order_guide .price th,#order_guide .price td{padding-top:.5em;padding-bottom:.5em;vertical-align:middle}
#order_guide .price th{font-size:.8em;white-space:nowrap}
#order_guide .price td{text-align:left;padding-left:2em}
#order_guide .price small{font-size:.7em}
@media screen and (max-width: 960px){#order_guide .media_content.package .edition_content.nippon1_limited .contents{margin-top:1.5em}
}
#order_guide .media_content.package .edition_content.nippon1_limited .media{border:initial}
@media screen and (max-width: 960px){#order_guide .media_content.package .edition_content.nippon1_limited>.price{display:none}
}
#order_guide .media_content.package .edition_content.standard .media-list.package-list{width:100%;max-width:600px;margin-left:auto;margin-right:auto}
#order_guide .media_content.package .edition_content.standard .media-list.package-list li:nth-child(1),#order_guide .media_content.package .edition_content.standard .media-list.package-list li:nth-child(2){max-width:25.1119920714%;height:auto;margin:2.7561942517%}
#order_guide .media_content.package .edition_content.standard .media-list.package-list li:nth-child(3){max-width:31.7760158573%;height:auto;margin:3.4876114965%}
#order_guide .media_content.package .edition_content.standard .media-list.package-list li img{width:100%;height:auto;-webkit-box-shadow:0px 0px 6px rgba(0,0,0,.5);box-shadow:0px 0px 6px rgba(0,0,0,.5)}
@media screen and (max-width: 960px){#order_guide .media_content.download .edition_content.standard .contents{margin-top:1.5em}
}
#order_guide .media_content.download .edition_content.standard .media{border:initial}
#order_guide .media_content.download .edition_content.standard .media-frame{border-width:2px;border-width:clamp(1px,.6vw,2px)}
@media screen and (max-width: 960px){#order_guide .media_content.download .edition_content.standard>.price{display:none}
}
#first_limited_benefits{font-family:"Murecho",sans-serif;letter-spacing:.1em;line-height:1.6;position:relative;margin-top:4em;margin-top:clamp(2em,8%,4em)}
#first_limited_benefits h3{position:absolute;left:50%;top:0;-webkit-transform:translate(-50%, -70%);transform:translate(-50%, -70%)}
#first_limited_benefits h3 img{width:43.3086053412vw;max-width:417px;height:auto}
#store_benefits{color:#fff;font-family:"Murecho",sans-serif;letter-spacing:.1em;line-height:1.6;margin-top:2em}
#store_benefits .jagged_frame{margin-top:-5.7291666667vw}
@media screen and (max-width: 960px){#store_benefits .jagged_frame{margin-top:-11.4583333333vw}
}
#store_benefits .jagged_frame::before{opacity:.68}
#store_benefits .text{text-shadow:0px 0px 10px #000;position:relative;z-index:2}
#store_benefits .store-list{max-width:80vw;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;z-index:2;margin-left:auto;margin-right:auto}
@media screen and (max-width: 960px){#store_benefits .store-list{max-width:100%}
}
#store_benefits .store-list>li{width:31.3333333333%;margin:1%}
@media screen and (max-width: 960px){#store_benefits .store-list>li{width:48%;margin:4% 1%}
}
#store_benefits .store-frame{height:100%;padding:3%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}
#store_benefits .store-frame::before{content:"";width:100%;height:100%;background-color:rgba(42,25,9,.8);border:solid 5px #ff98bb;border-width:clamp(2px,1vw,5px);border-radius:15px;border-radius:clamp(3.75px,1.875vw,15px);-webkit-box-shadow:0px 0px 60px 60px #993838 inset;box-shadow:0px 0px 60px 60px #993838 inset;opacity:.4;position:absolute;left:0;top:0}
#store_benefits .store-name{font-family:"Mochiy Pop P One",sans-serif;font-weight:normal;letter-spacing:.15em;line-height:1.7;font-size:10px;font-size:clamp(10px,1.8vw,22px);font-weight:normal;letter-spacing:normal;position:relative;z-index:1;margin-bottom:.5em}
@media screen and (max-width: 960px){#store_benefits .store-name{font-size:clamp(10px,2.7vw,22px)}
}
#store_benefits .store-name::after{content:"";width:30vw;max-width:220px;height:.9545454545vw;max-height:11px;background:url(../img/product/store_benefits/store_name_line.png) center center/contain no-repeat;position:absolute;left:50%;bottom:0;-webkit-transform:translate(-50%, 70%);transform:translate(-50%, 70%)}
#store_benefits .store-name span{padding-left:0;padding-right:0}
#store_benefits .store-name span::before{bottom:.1em}
#store_benefits .store-image{width:80%;border:solid 2px #fff;border-width:clamp(1px,.6vw,2px);position:relative;margin-left:auto;margin-right:auto}
#store_benefits .store-image img{width:100%;border-radius:initial}
#store_benefits .store-between{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
#store_benefits .store-goods{font-size:10px;font-size:clamp(10px,1.4vw,20px);letter-spacing:normal;text-align:center;position:relative;z-index:1;margin-top:.5em;margin-left:-0.5em;margin-left:clamp(-1em,-1vw,-0.5em);margin-right:-0.5em;margin-right:clamp(-1em,-1vw,-0.5em)}
@media screen and (max-width: 960px){#store_benefits .store-goods{font-size:clamp(8px,2.5vw,1.2em)}
}
#store_benefits .store-goods ul{display:inline-block;text-align:left}
#store_benefits .store-link{display:inline-block;position:relative}
#store_benefits .store-link.sold_out{pointer-events:none}
#store_benefits .store-link.sold_out::before{content:"販売終了";width:100%;height:100%;color:#e41217;font-size:16px;font-size:clamp(16px,3vw,20px);font-weight:bold;letter-spacing:.25em;text-shadow:1px 1px 0px #000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;left:0;top:0;z-index:1}
#store_benefits .store-link.sold_out img{-webkit-filter:brightness(0.25);filter:brightness(0.25)}
#store_benefits .store-link-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:.5em}
#store_benefits .store-link-list li{margin:1%}
#store_benefits .store-link-list a{display:inline-block;position:relative;-webkit-transition:-webkit-filter .25s;transition:-webkit-filter .25s;transition:filter .25s;transition:filter .25s, -webkit-filter .25s}
#store_benefits .store-link-list a:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
#store_benefits .store-link-list img{width:90%;max-width:219px;height:auto}
#store_benefits .deco-wrapper{max-width:initial}
#spec{font-family:"Noto Sans JP",sans-serif;margin-top:2em}
#spec .frame{padding-top:4em;padding-top:clamp(2em,6%,4em)}
#spec .caption{position:absolute;left:50%;top:0;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
#spec .spec-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:1;margin-top:1em;margin-bottom:2em;margin-left:auto;margin-right:auto}
@media screen and (max-width: 960px){#spec .spec-wrapper{max-width:initial;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:4em}
}
@media screen and (max-width: 960px){#spec .spec-container:last-child{margin-top:1em}
}
#spec .spec-image{width:35vw;max-width:350px;height:auto;border:solid 2px #fff;border-width:clamp(1px,.6vw,2px);margin:0em;margin:clamp(0em,2.5vw,3em)}
@media screen and (max-width: 960px){#spec .spec-image{width:65vw;max-width:450px}
}
#spec .spec-table{text-align:left}
@media screen and (max-width: 960px){#spec .spec-table{padding-left:0}
}
#spec .spec-table>tbody>tr>th,#spec .spec-table>tbody>tr>td{padding:.25em 0em;padding:clamp(.25em,2vw,.5em) clamp(0em,1vw,.75em)}
#spec .spec-table>tbody>tr>th{color:#ff6398;font-weight:600;text-align:center;white-space:nowrap;padding-left:0}
#spec .spec-table>tbody>tr>td{color:#fff;font-weight:500;vertical-align:middle;padding-right:0}
#spec .spec-table .cero{width:16vw;max-width:80px;height:auto;-webkit-filter:drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.3));filter:drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.3));margin-top:.3em}
#spec .price-table{margin-top:.2em}
#spec .price-table>tbody>tr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:.5em}
#spec .price-table>tbody>tr:first-child{margin-top:0}
#spec .price-table>tbody>tr>th{font-size:.8em}
#spec .price-table>tbody>tr>th,#spec .price-table>tbody>tr>td{font-weight:500}
body:has([data-barba-namespace=topics_list]) section{margin-top:6em}
@media screen and (max-width: 960px){body:has([data-barba-namespace=topics_list]) section{margin-top:2em}
}
body:has([data-barba-namespace=topics_list]) .jagged_frame{padding-top:calc(clamp(40px,8vw,110px) + 4em)}
body:has([data-barba-namespace=topics_list]) .jagged_frame::before{opacity:.68}
body:has([data-barba-namespace=topics_list]) .caption{position:absolute;left:50%;top:0;-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%)}
body:has([data-barba-namespace=topics_list]) .swiper-wrapper{max-width:80vw;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:auto;margin-right:auto}
@media screen and (max-width: 960px){body:has([data-barba-namespace=topics_list]) .swiper-wrapper{max-width:initial}
}
body:has([data-barba-namespace=topics_list]) .swiper-slide{width:23%;height:auto;margin:1%}
@media screen and (max-width: 1800px){body:has([data-barba-namespace=topics_list]) .swiper-slide{width:31.3333333333%}
}
@media screen and (max-width: 1060px){body:has([data-barba-namespace=topics_list]) .swiper-slide{width:48%}
}
body:has([data-barba-namespace=topics_list]) .swiper-slide.new::before{content:"";width:5vw;min-width:25px;max-width:50px;height:6.25vw;min-height:31.25px;max-height:62.5px;background:url(../img/ico_new.webp) center center/contain no-repeat;position:absolute;left:0;top:0;-webkit-transform:translate(-40%, -40%);transform:translate(-40%, -40%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
@media screen and (max-width: 640px){body:has([data-barba-namespace=topics_list]) .swiper-slide.new::before{content:"";width:10vw;min-width:25px;max-width:50px;height:12.5vw;min-height:31.25px;max-height:62.5px;background:url(../img/ico_new.webp) center center/contain no-repeat;position:absolute;left:0;top:0;-webkit-transform:translate(-40%, -40%);transform:translate(-40%, -40%);pointer-events:none;z-index:1;-webkit-animation:anime-icon_new 1.5s infinite linear;animation:anime-icon_new 1.5s infinite linear}
}
body:has([data-barba-namespace=topics_list]) .swiper-slide a.popup-movie::after{display:none}
body:has([data-barba-namespace=topics_list]) .swiper-slide a:hover .topics-image img{-webkit-transform:scale(1.1);transform:scale(1.1)}
body:has([data-barba-namespace=topics_list]) .swiper-slide a:hover .topics-text{opacity:.5}
body:has([data-barba-namespace=topics_list]) .swiper-slide a .topics-image img{-webkit-transition:-webkit-transform .25s;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s, -webkit-transform .25s}
body:has([data-barba-namespace=topics_list]) .swiper-slide a .topics-text{-webkit-transition:opacity .25s;transition:opacity .25s}
body:has([data-barba-namespace=topics_list]) .topics-image{border:solid 1px #c8c3bf;overflow:hidden}
body:has([data-barba-namespace=topics_list]) .topics-image img{width:100%;height:auto}
body:has([data-barba-namespace=topics_list]) .topics-text{font-family:"Murecho",sans-serif;letter-spacing:.1em;line-height:1.6;color:#fff;font-size:clamp(10px,2vw,16px);letter-spacing:.05em;line-height:1.4;text-align:left;margin-top:.5em}
body:has([data-barba-namespace=topics_list]) .topics-date{font-size:.8em}
#mini_game{font-family:"Mochiy Pop P One",sans-serif;font-weight:normal;letter-spacing:.15em;line-height:1.7}
@media(orientation: landscape){#mini_game{font-size:clamp(13px,3vh,20px)}
}
#mini_game canvas{max-width:1280px;height:100dvh;max-height:720px}
#mini_game #game-container{width:100dvw;height:100dvh}
#mini_game #official_site-link{position:absolute;right:.5%;bottom:.5%}
#mini_game #official_site-link:hover img{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
#mini_game #official_site-link img{width:35vw;min-width:144.9px;max-width:483px;-webkit-transition:-webkit-filter .25s;transition:-webkit-filter .25s;transition:filter .25s;transition:filter .25s, -webkit-filter .25s}
#mini_game .frame{width:94%;max-width:600px;max-height:94%;color:#fff;-webkit-box-shadow:0 0 0 14px rgba(238,238,238,.6);box-shadow:0 0 0 14px rgba(238,238,238,.6);-webkit-box-shadow:0 0 0 clamp(4px,2vw,14px) rgba(238,238,238,.6);box-shadow:0 0 0 clamp(4px,2vw,14px) rgba(238,238,238,.6);text-align:center;overflow:auto;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.35) rgba(0,0,0,0)}
#mini_game .frame ::-webkit-scrollbar{width:6px;height:6px}
#mini_game .frame ::-webkit-scrollbar-track{background:rgba(0,0,0,0)}
#mini_game .frame ::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.35);border-radius:999px}
#mini_game .frame ::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}
#mini_game .frame input{font-family:"Murecho",sans-serif;letter-spacing:.1em;line-height:1.6}
#mini_game .frame input[type=text]{width:100%;max-width:16em;color:#333;background-color:#fff;text-align:left;padding:0 .5em;border-radius:.25em}
#mini_game .frame input[type=submit]{background-color:#666;padding:.25em 1em;border-radius:.25em;-webkit-transition:opacity .25s;transition:opacity .25s}
#mini_game .frame input[type=submit]:hover{opacity:.7}
#mini_game .frame button{font-family:"Murecho",sans-serif;letter-spacing:.1em;line-height:1.6;letter-spacing:0}
#mini_game .frame .close-wrapper{position:sticky;top:0;margin-right:-1em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;z-index:100;pointer-events:none}
#mini_game .frame .close-button{position:absolute;top:0;pointer-events:auto}
#mini_game .frame .close-button img{width:6vw;min-width:36.5px;max-width:54.75px;min-height:36.5px;max-height:54.75px;position:relative;top:-0.75em}
@media(orientation: landscape){#mini_game .frame .close-button img{width:auto;height:6vh}
}
#mini_game .sns-list{margin-bottom:2em}
#result{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
#result form{margin-top:.5em}
#result button{background-color:#666;padding:.25em .5em;border-radius:.25em;-webkit-transition:opacity .25s;transition:opacity .25s}
#result button:hover{opacity:.7}
#result label{margin-right:.5em}
#result .result-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@media(orientation: portrait){#result .result-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
#result .result-container:has(.result-image){margin-right:1em}
@media(orientation: portrait){#result .result-container:has(.result-image){margin-right:initial;margin-bottom:1em}
}
#result .result-image-1{height:28.8524590164vw;max-height:132px;margin-top:.5em}
@media(orientation: landscape){#result .result-image-1{height:28.8524590164vh}
}
#result .result-image-2{height:21.4754098361vw;max-height:98.25px;margin-top:.5em}
@media(orientation: landscape){#result .result-image-2{height:21.4754098361vh}
}
#result .result-image-3{height:20.3278688525vw;max-height:93px;margin-top:.5em}
@media(orientation: landscape){#result .result-image-3{height:20.3278688525vh}
}
#result .result-image-4{height:20.4918032787vw;max-height:93.75px;margin-top:.5em}
@media(orientation: landscape){#result .result-image-4{height:20.4918032787vh}
}
#result .result-image-5{height:30vw;max-height:137.25px;margin-top:.5em}
@media(orientation: landscape){#result .result-image-5{height:30vh}
}
#result .comment{margin-top:.5em}
#result .input-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;white-space:nowrap}
#result .button-list{margin-top:1em}
#result #score,#result #rank{font-size:2em}
#result .official_site-button:hover img{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
#result .official_site-button img{-webkit-transition:-webkit-filter .25s;transition:-webkit-filter .25s;transition:filter .25s;transition:filter .25s, -webkit-filter .25s}
@media(orientation: landscape){#result .official_site-button img{width:auto;height:25vh;max-height:138px}
}
#tutorial,#ranking{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
#tutorial{max-width:800px !important}
#ranking{overflow:auto}
#ranking table{margin-left:auto;margin-right:auto}
#ranking td:nth-child(1),#ranking td:nth-child(2){text-align:right;padding-right:1em}
#ranking td:nth-child(3){text-align:left}
.movie-esrb {
    animation: fadeOut 1s 25s linear forwards;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}