@-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-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(-40%, -50%);transform:translate(-40%, -50%)}
50%{-webkit-transform:translate(-60%, -50%);transform:translate(-60%, -50%)}
100%{-webkit-transform:translate(-40%, -50%);transform:translate(-40%, -50%);-webkit-animation:initial;animation:initial}
}
@keyframes anime-topics_arrow_left{0%{-webkit-transform:translate(-40%, -50%);transform:translate(-40%, -50%)}
50%{-webkit-transform:translate(-60%, -50%);transform:translate(-60%, -50%)}
100%{-webkit-transform:translate(-40%, -50%);transform:translate(-40%, -50%);-webkit-animation:initial;animation:initial}
}
@-webkit-keyframes anime-topics_arrow_right{0%{-webkit-transform:translate(40%, -50%);transform:translate(40%, -50%)}
50%{-webkit-transform:translate(60%, -50%);transform:translate(60%, -50%)}
100%{-webkit-transform:translate(40%, -50%);transform:translate(40%, -50%);-webkit-animation:initial;animation:initial}
}
@keyframes anime-topics_arrow_right{0%{-webkit-transform:translate(40%, -50%);transform:translate(40%, -50%)}
50%{-webkit-transform:translate(60%, -50%);transform:translate(60%, -50%)}
100%{-webkit-transform:translate(40%, -50%);transform:translate(40%, -50%);-webkit-animation:initial;animation:initial}
}
@-webkit-keyframes anime-media_arrow_left{0%{-webkit-transform:translate(20%, -50%);transform:translate(20%, -50%)}
50%{-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%)}
100%{-webkit-transform:translate(20%, -50%);transform:translate(20%, -50%);-webkit-animation:initial;animation:initial}
}
@keyframes anime-media_arrow_left{0%{-webkit-transform:translate(20%, -50%);transform:translate(20%, -50%)}
50%{-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%)}
100%{-webkit-transform:translate(20%, -50%);transform:translate(20%, -50%);-webkit-animation:initial;animation:initial}
}
@-webkit-keyframes anime-media_arrow_right{0%{-webkit-transform:translate(-20%, -50%);transform:translate(-20%, -50%)}
50%{-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%)}
100%{-webkit-transform:translate(-20%, -50%);transform:translate(-20%, -50%);-webkit-animation:initial;animation:initial}
}
@keyframes anime-media_arrow_right{0%{-webkit-transform:translate(-20%, -50%);transform:translate(-20%, -50%)}
50%{-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%)}
100%{-webkit-transform:translate(-20%, -50%);transform:translate(-20%, -50%);-webkit-animation:initial;animation:initial}
}
@-webkit-keyframes anime-pagetop{0%{-webkit-transform:translate(0, 0%);transform:translate(0, 0%)}
50%{-webkit-transform:translate(0, -30%);transform:translate(0, -30%)}
100%{-webkit-transform:translate(0, 0%);transform:translate(0, 0%);-webkit-animation:initial;animation:initial}
}
@keyframes anime-pagetop{0%{-webkit-transform:translate(0, 0%);transform:translate(0, 0%)}
50%{-webkit-transform:translate(0, -30%);transform:translate(0, -30%)}
100%{-webkit-transform:translate(0, 0%);transform:translate(0, 0%);-webkit-animation:initial;animation:initial}
}
@-webkit-keyframes anime-logo{0%{opacity:0;-webkit-transform:translate(0%, -70%) scale(0.6, 1.4);transform:translate(0%, -70%) scale(0.6, 1.4)}
35%{opacity:1;-webkit-transform:translate(0%, 0%) scale(1.2, 0.8);transform:translate(0%, 0%) scale(1.2, 0.8)}
55%{-webkit-transform:translate(0%, -8%) scale(0.95, 1.05);transform:translate(0%, -8%) scale(0.95, 1.05)}
75%{-webkit-transform:translate(0%, 0%) scale(1.03, 0.97);transform:translate(0%, 0%) scale(1.03, 0.97)}
100%{opacity:1;-webkit-transform:translate(0%, 0%) scale(1, 1);transform:translate(0%, 0%) scale(1, 1)}
}
@keyframes anime-logo{0%{opacity:0;-webkit-transform:translate(0%, -70%) scale(0.6, 1.4);transform:translate(0%, -70%) scale(0.6, 1.4)}
35%{opacity:1;-webkit-transform:translate(0%, 0%) scale(1.2, 0.8);transform:translate(0%, 0%) scale(1.2, 0.8)}
55%{-webkit-transform:translate(0%, -8%) scale(0.95, 1.05);transform:translate(0%, -8%) scale(0.95, 1.05)}
75%{-webkit-transform:translate(0%, 0%) scale(1.03, 0.97);transform:translate(0%, 0%) scale(1.03, 0.97)}
100%{opacity:1;-webkit-transform:translate(0%, 0%) scale(1, 1);transform:translate(0%, 0%) scale(1, 1)}
}
@-webkit-keyframes anime-first_view{0%{left:0%;-webkit-transform:translate(0%, 0%);transform:translate(0%, 0%)}
100%{left:50%;-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%)}
}
@keyframes anime-first_view{0%{left:0%;-webkit-transform:translate(0%, 0%);transform:translate(0%, 0%)}
100%{left:50%;-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%)}
}
@-webkit-keyframes anime-prinny{0%,100%{-webkit-transform:translate(0, -2.5%) rotate(-1deg);transform:translate(0, -2.5%) rotate(-1deg);-webkit-transform-origin:center top;transform-origin:center top}
50%{-webkit-transform:translate(0, 2.5%) rotate(0deg);transform:translate(0, 2.5%) rotate(0deg)}
}
@keyframes anime-prinny{0%,100%{-webkit-transform:translate(0, -2.5%) rotate(-1deg);transform:translate(0, -2.5%) rotate(-1deg);-webkit-transform-origin:center top;transform-origin:center top}
50%{-webkit-transform:translate(0, 2.5%) rotate(0deg);transform:translate(0, 2.5%) rotate(0deg)}
}
@-webkit-keyframes anime-tape_left{0%,100%{-webkit-transform:translate(-100%, -50%) scale(1) skewX(0.5deg);transform:translate(-100%, -50%) scale(1) skewX(0.5deg);-webkit-transform-origin:right center;transform-origin:right center}
50%{-webkit-transform:translate(-100%, -50%) scale(1.03);transform:translate(-100%, -50%) scale(1.03)}
}
@keyframes anime-tape_left{0%,100%{-webkit-transform:translate(-100%, -50%) scale(1) skewX(0.5deg);transform:translate(-100%, -50%) scale(1) skewX(0.5deg);-webkit-transform-origin:right center;transform-origin:right center}
50%{-webkit-transform:translate(-100%, -50%) scale(1.03);transform:translate(-100%, -50%) scale(1.03)}
}
@-webkit-keyframes anime-tape_right{0%,100%{-webkit-transform:translate(100%, -50%) scale(1) skewX(-0.5deg);transform:translate(100%, -50%) scale(1) skewX(-0.5deg);-webkit-transform-origin:left center;transform-origin:left center}
50%{-webkit-transform:translate(100%, -50%) scale(1.03);transform:translate(100%, -50%) scale(1.03)}
}
@keyframes anime-tape_right{0%,100%{-webkit-transform:translate(100%, -50%) scale(1) skewX(-0.5deg);transform:translate(100%, -50%) scale(1) skewX(-0.5deg);-webkit-transform-origin:left center;transform-origin:left center}
50%{-webkit-transform:translate(100%, -50%) scale(1.03);transform:translate(100%, -50%) scale(1.03)}
}
@-webkit-keyframes anime-balloon{0%,100%{-webkit-transform:scale(0.95) rotate(-2deg);transform:scale(0.95) rotate(-2deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}
50%{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}
}
@keyframes anime-balloon{0%,100%{-webkit-transform:scale(0.95) rotate(-2deg);transform:scale(0.95) rotate(-2deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}
50%{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}
}
@-webkit-keyframes anime-catsaber{0%,100%{-webkit-transform:translate(-85%, 32.5%) rotate(-1deg);transform:translate(-85%, 32.5%) rotate(-1deg);-webkit-transform-origin:center top;transform-origin:center top}
50%{-webkit-transform:translate(-85%, 37.5%) rotate(0deg);transform:translate(-85%, 37.5%) rotate(0deg)}
}
@keyframes anime-catsaber{0%,100%{-webkit-transform:translate(-85%, 32.5%) rotate(-1deg);transform:translate(-85%, 32.5%) rotate(-1deg);-webkit-transform-origin:center top;transform-origin:center top}
50%{-webkit-transform:translate(-85%, 37.5%) rotate(0deg);transform:translate(-85%, 37.5%) rotate(0deg)}
}
@-webkit-keyframes anime-start{0%,100%{-webkit-transform:translate(-16%, 35%) scale(1, 1);transform:translate(-16%, 35%) scale(1, 1)}
30%{-webkit-transform:translate(-16%, 35%) scale(1.02, 0.98);transform:translate(-16%, 35%) scale(1.02, 0.98)}
50%{-webkit-transform:translate(-16%, 35%) scale(0.985, 1.015);transform:translate(-16%, 35%) scale(0.985, 1.015)}
70%{-webkit-transform:translate(-16%, 35%) scale(1.005, 0.995);transform:translate(-16%, 35%) scale(1.005, 0.995)}
}
@keyframes anime-start{0%,100%{-webkit-transform:translate(-16%, 35%) scale(1, 1);transform:translate(-16%, 35%) scale(1, 1)}
30%{-webkit-transform:translate(-16%, 35%) scale(1.02, 0.98);transform:translate(-16%, 35%) scale(1.02, 0.98)}
50%{-webkit-transform:translate(-16%, 35%) scale(0.985, 1.015);transform:translate(-16%, 35%) scale(0.985, 1.015)}
70%{-webkit-transform:translate(-16%, 35%) scale(1.005, 0.995);transform:translate(-16%, 35%) scale(1.005, 0.995)}
}
@-webkit-keyframes anime-garland_left{0%,100%{-webkit-transform:rotate(-0.5deg) scale(1.03);transform:rotate(-0.5deg) scale(1.03);-webkit-transform-origin:right top;transform-origin:right top}
50%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}
}
@keyframes anime-garland_left{0%,100%{-webkit-transform:rotate(-0.5deg) scale(1.03);transform:rotate(-0.5deg) scale(1.03);-webkit-transform-origin:right top;transform-origin:right top}
50%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}
}
@-webkit-keyframes anime-garland_right{0%,100%{-webkit-transform:rotate(0.5deg) scale(1.01);transform:rotate(0.5deg) scale(1.01);-webkit-transform-origin:left top;transform-origin:left top}
50%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}
}
@keyframes anime-garland_right{0%,100%{-webkit-transform:rotate(0.5deg) scale(1.01);transform:rotate(0.5deg) scale(1.01);-webkit-transform-origin:left top;transform-origin:left top}
50%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}
}
@-webkit-keyframes anime-betray{0%{opacity:0;-webkit-transform:translate(-50%, -50%) scale(3) skewX(0deg);transform:translate(-50%, -50%) scale(3) skewX(0deg)}
40%{opacity:1;-webkit-transform:translate(-50%, -50%) scale(0.55) skewX(-20deg);transform:translate(-50%, -50%) scale(0.55) skewX(-20deg)}
58%{-webkit-transform:translate(-50%, -50%) scale(1.55) skewX(15deg);transform:translate(-50%, -50%) scale(1.55) skewX(15deg)}
72%{-webkit-transform:translate(-50%, -50%) scale(0.85) skewX(-10deg);transform:translate(-50%, -50%) scale(0.85) skewX(-10deg)}
84%{-webkit-transform:translate(-50%, -50%) scale(1.18) skewX(5deg);transform:translate(-50%, -50%) scale(1.18) skewX(5deg)}
100%{opacity:1;-webkit-transform:translate(-50%, -50%) scale(1) skewX(0deg);transform:translate(-50%, -50%) scale(1) skewX(0deg)}
}
@keyframes anime-betray{0%{opacity:0;-webkit-transform:translate(-50%, -50%) scale(3) skewX(0deg);transform:translate(-50%, -50%) scale(3) skewX(0deg)}
40%{opacity:1;-webkit-transform:translate(-50%, -50%) scale(0.55) skewX(-20deg);transform:translate(-50%, -50%) scale(0.55) skewX(-20deg)}
58%{-webkit-transform:translate(-50%, -50%) scale(1.55) skewX(15deg);transform:translate(-50%, -50%) scale(1.55) skewX(15deg)}
72%{-webkit-transform:translate(-50%, -50%) scale(0.85) skewX(-10deg);transform:translate(-50%, -50%) scale(0.85) skewX(-10deg)}
84%{-webkit-transform:translate(-50%, -50%) scale(1.18) skewX(5deg);transform:translate(-50%, -50%) scale(1.18) skewX(5deg)}
100%{opacity:1;-webkit-transform:translate(-50%, -50%) scale(1) skewX(0deg);transform:translate(-50%, -50%) scale(1) skewX(0deg)}
}
@-webkit-keyframes anime-about_arrow{0%{-webkit-transform:translate(-50%, -25%);transform:translate(-50%, -25%)}
50%{-webkit-transform:translate(-50%, -5%);transform:translate(-50%, -5%)}
100%{-webkit-transform:translate(-50%, -25%);transform:translate(-50%, -25%);-webkit-animation:initial;animation:initial}
}
@keyframes anime-about_arrow{0%{-webkit-transform:translate(-50%, -25%);transform:translate(-50%, -25%)}
50%{-webkit-transform:translate(-50%, -5%);transform:translate(-50%, -5%)}
100%{-webkit-transform:translate(-50%, -25%);transform:translate(-50%, -25%);-webkit-animation:initial;animation:initial}
}
@-webkit-keyframes anime-floating_1{0%,100%{-webkit-transform:translate(0, -2.5%) rotate(-1deg);transform:translate(0, -2.5%) rotate(-1deg);-webkit-transform-origin:center top;transform-origin:center top}
50%{-webkit-transform:translate(0, 2.5%) rotate(0deg);transform:translate(0, 2.5%) rotate(0deg)}
}
@keyframes anime-floating_1{0%,100%{-webkit-transform:translate(0, -2.5%) rotate(-1deg);transform:translate(0, -2.5%) rotate(-1deg);-webkit-transform-origin:center top;transform-origin:center top}
50%{-webkit-transform:translate(0, 2.5%) rotate(0deg);transform:translate(0, 2.5%) rotate(0deg)}
}
@-webkit-keyframes anime-floating_2{0%,100%{-webkit-transform:translate(0, -2.5%) rotate(1deg);transform:translate(0, -2.5%) rotate(1deg);-webkit-transform-origin:center top;transform-origin:center top}
50%{-webkit-transform:translate(0, 2.5%) rotate(0deg);transform:translate(0, 2.5%) rotate(0deg)}
}
@keyframes anime-floating_2{0%,100%{-webkit-transform:translate(0, -2.5%) rotate(1deg);transform:translate(0, -2.5%) rotate(1deg);-webkit-transform-origin:center top;transform-origin:center top}
50%{-webkit-transform:translate(0, 2.5%) rotate(0deg);transform:translate(0, 2.5%) rotate(0deg)}
}
@-webkit-keyframes anime-trial_fire_1{0%,100%{-webkit-transform:skew(-5deg);transform:skew(-5deg)}
50%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}
}
@keyframes anime-trial_fire_1{0%,100%{-webkit-transform:skew(-5deg);transform:skew(-5deg)}
50%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}
}
@-webkit-keyframes anime-trial_fire_2{0%,100%{-webkit-transform:scale(0.95, 1);transform:scale(0.95, 1)}
50%{-webkit-transform:scale(1, 0.95);transform:scale(1, 0.95)}
}
@keyframes anime-trial_fire_2{0%,100%{-webkit-transform:scale(0.95, 1);transform:scale(0.95, 1)}
50%{-webkit-transform:scale(1, 0.95);transform:scale(1, 0.95)}
}
.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 12px hsla(0,0%,100%,.6);border-width:clamp(1px,2vw,12px);border-radius:15px;border-radius:clamp(2px,4vw,30px);-webkit-box-sizing:content-box;box-sizing:content-box}
@media screen and (max-width: 960px)and (orientation: portrait){#cboxLoadedContent{border-left:none;border-right:none;border-radius:initial}
}
.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(42px*.75);max-width:42px;height:37.380952381vw;min-height:calc(157px*.75);max-height:157px;left:0;top:50%;background:url(../img/arrow_left_orange.svg) center center/100% auto no-repeat;-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:26.1666666667vw}
    body:has([data-barba-namespace="top"]) #movie h2 img:nth-child(1) {
        width: 95vw !important;
        height: auto !important;
        left: 0% !important;
        top: 9% !important;
    }
    body:has([data-barba-namespace="top"]) #movie h2 img:nth-child(2) {
        height: auto !important;
        left: 2.5% !important;
        top: 36.5% !important;
        width: 90vw !important;
    }
}
@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(42px*.75);max-width:42px;height:37.380952381vw;min-height:calc(157px*.75);max-height:157px;right:0;top:50%;background:url(../img/arrow_right_orange.svg) center center/100% auto no-repeat;-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:26.1666666667vw}
}
@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(81px*.75);max-width:81px;height:10vw;min-height:calc(81px*.75);max-height:81px;right:0;top:0;-webkit-transform:translate(110%, -110%);transform:translate(110%, -110%);background:url(../img/close.svg) center center/100% auto no-repeat}
@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;scrollbar-width:thin;scrollbar-color:#222 #888}
::-webkit-scrollbar-track{background:#222}
::-webkit-scrollbar-thumb{background:#888}
body{width:100%;height:100%;background-color:#f3e4da;font-size:13px;font-size:clamp(13px,3vw,20px);color:#333;position:relative}
body.locked{pointer-events:none}
main{font-family:"Murecho",sans-serif;letter-spacing:.1em;line-height:1.6;padding-bottom:10%;position:relative}
@media screen and (max-width: 960px){main{padding-bottom:0}
}
main::after{content:"";width:100%;height:0;padding-top:42.8645833333%;background:url(../img/bg_theme_park.webp) top left/100% auto no-repeat;position:absolute;left:0;bottom:0;z-index:-2;pointer-events:none}
main::before{content:"";width:100vw;height:100vh;background-image:-webkit-gradient(linear, left top, left bottom, from(black), to(#580000));background-image:linear-gradient(to bottom, black 0%, #580000 100%);position:fixed;left:0;top:0;z-index:-100;-webkit-transition:opacity .5s,visibility .5s;transition:opacity .5s,visibility .5s;opacity:0;visibility:hidden;pointer-events:none}
main:has(#betray .word-03.visible)::before{opacity:1;visibility:visible}
main:has(#betray.finish .word-03)::before{opacity:0;visibility:hidden}
section{text-align:center;position:relative;padding:2em 0}
em{color:#bb2a2a;font-style:normal}
a{color:#f37e0f;-webkit-transition:color .25s;transition:color .25s}
a:hover{color:rgba(243,126,15,.5)}
img{white-space:pre}
button{border:none;outline:none;background-color:rgba(0,0,0,0);cursor:pointer}
li{list-style:none}
table{border-collapse:collapse;border-spacing:0}
.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: 801px){.bp-min-800{display:none !important}
}
@media screen and (max-width: 800px){.bp-max-800{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-tablet{display:none !important}
@media screen and (max-width: 960px){.bp-tablet{display:unset !important}
}
.bp-mobile{display:none !important}
@media screen and (max-width: 640px){.bp-mobile{display:unset !important}
}
.side_margin{margin-left:3%;margin-right:3%}
.text-start{text-align:left}
.text-center{text-align:center}
.text-end{text-align:right}
.letter-spacing-reset{letter-spacing:initial}
#wrapper{overflow:clip}
[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}
[data-barba=container]{padding-top:80px;padding-top:clamp(6vw,6vw,80px)}
#particles{position:fixed;width:100vw;height:100vh;left:0;top:0;z-index:100;pointer-events:none;content-visibility:auto}
.bullet-point{text-indent:-1em;padding-left:1em;text-align:left}
ol.flow{text-indent:-2em;padding-left:2em;text-align:left}
.notes,.brackets{text-indent:-1em;padding-left:1em;text-align:left}
.media{width:100%;max-width:640px;height:auto;position:relative;z-index:1}
.media-list{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;-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:2.4457831325vw;max-height:20.9638554217px;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{max-width:960px}
.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:2.4457831325vw;max-height:24.4578313253px;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{border:solid 12px hsla(0,0%,100%,.6);border-width:clamp(1px,2vw,12px);border-radius:15px;border-radius:clamp(2px,4vw,30px);overflow:hidden}
.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{font-size:.8em;line-height:1.2;display:inline-block;text-align:left;padding-left:.25em;padding-right:.25em;margin-top:.5em}
.media-text img{width:100%;height:auto}
.popup-image,.popup-movie,.popup-inline-movie{display:block;position:relative;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:12%;padding-top:12%;background:url(../img/ico_popup.svg) center center/auto 70% no-repeat;position:absolute;right:1%;bottom:1%;z-index:1;pointer-events:none}
.popup-movie::after{content:"";width:100%;height:100%;background:url(../img/play.svg) 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}
.sub_caption span{display:inline-block;position:relative}
.sub_caption img{width:auto;height:11vw;max-height:63px}
.platform_nav{max-width:calc(100vw - 6%);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}
.platform_nav li{width:24vw;max-width:204.8px;margin:.5%}
@media screen and (max-width: 640px){.platform_nav li{width:48%;margin:1%}
}
.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)}
.simple-frame{background-color:#fff;color:#382525;border:solid 2px #e3918e;border-radius:1em;-webkit-box-shadow:4px 4px 0px 0px rgba(0,0,0,.1);box-shadow:4px 4px 0px 0px rgba(0,0,0,.1);display:inline-block;margin-left:3%;margin-right:3%}
.simple-frame-caption{background-color:#e3918e;border-top-left-radius:calc(1em - 3px);border-top-right-radius:calc(1em - 3px);color:#fff}
.simple-frame-content{font-size:.8em;padding:1em}
.prinny-comment{max-width:800px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin-left:auto;margin-right:auto;margin-top:1em}
@media screen and (max-width: 700px){.prinny-comment{max-width:94%}
}
.prinny-comment.right{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.prinny-comment.right[data-trigger] .comment{-webkit-transform:translate(3em, 0) scale(0.5);transform:translate(3em, 0) scale(0.5);-webkit-transform-origin:right center;transform-origin:right center}
.prinny-comment.right .comment{margin-left:initial;margin-right:1.5em}
.prinny-comment.right .comment::before{clip-path:polygon(0% 0%, 100% 50%, 0% 100%);left:calc(100% - 1px)}
.prinny-comment[data-trigger].visible img{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.prinny-comment[data-trigger].visible .comment{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
.prinny-comment[data-trigger] img{-webkit-transition:opacity .25s,-webkit-transform .5s;transition:opacity .25s,-webkit-transform .5s;transition:opacity .25s,transform .5s;transition:opacity .25s,transform .5s,-webkit-transform .5s;opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}
.prinny-comment[data-trigger] .comment{-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:.25s;transition-delay:.25s;opacity:0;-webkit-transform:translate(-3em, 0) scale(0.5);transform:translate(-3em, 0) scale(0.5);-webkit-transform-origin:left center;transform-origin:left center}
.prinny-comment img{width:16vw;max-width:132px;height:auto}
.prinny-comment .face,.prinny-comment .space{-webkit-box-flex:0;-ms-flex:0 0 min(16vw,132px);flex:0 0 min(16vw,132px)}
.prinny-comment .comment{max-width:calc(100% - min(16vw,132px) - 6%);background-color:#fff;font-family:"Mochiy Pop P One",sans-serif;font-weight:normal;letter-spacing:.1em;line-height:1.7;font-size:clamp(12px,2.8vw,16px);-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:1em;padding:min(1vw,1em) min(2vw,1.5em);border-radius:1.5em;border-radius:min(2vw,1.5em);-webkit-filter:drop-shadow(4px 4px 0px rgba(0, 0, 0, 0.1));filter:drop-shadow(4px 4px 0px rgba(0, 0, 0, 0.1));text-align:left;position:relative;margin-left:1.5em}
.prinny-comment:has(.space) .comment{max-width:calc(100% - min(16vw,132px)*2 - 6%)}
@media screen and (max-width: 640px){.prinny-comment:has(.space) .comment{max-width:calc(100% - min(16vw,132px) - 6%)}
}
.prinny-comment .comment::before{content:"";width:1.5em;height:1.5em;background-color:#fff;clip-path:polygon(0% 50%, 100% 0%, 100% 100%);position:absolute;right:calc(100% - 1px);top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}
.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:8vw;max-height:56px;-webkit-transition:-webkit-filter .25s;transition:-webkit-filter .25s;transition:filter .25s;transition:filter .25s, -webkit-filter .25s}
.order-button.fixed{width:35vw;max-width:229.5px;height:auto;aspect-ratio:306/106;background:left top/100% auto no-repeat;background-position:0% 0%;position:fixed;right:10px;bottom:10px;z-index:10;-webkit-transition:opacity .25s,visibility .25s;transition:opacity .25s,visibility .25s;opacity:0;visibility:hidden}
@media screen and (max-width: 960px){.order-button.fixed{bottom:75px;bottom:calc(clamp(50px,10vw,65px) + 10px)}
}
.order-button.fixed.show{opacity:1;visibility:visible}
.order-button.fixed::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}
.order-button.fixed.pre_order,.order-button.fixed.pre_order::after{background-image:url(../img/btn_pre_order.webp)}
.order-button.fixed.order,.order-button.fixed.order::after{background-image:url(../img/btn_order.webp)}
.order-button.fixed:hover::after{opacity:1}
.pagetop-button{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;right:10px;bottom:10px;z-index:10;-webkit-transition:opacity .25s,visibility .25s;transition:opacity .25s,visibility .25s;opacity:0;visibility:hidden}
@media screen and (max-width: 960px){.pagetop-button{bottom:75px;bottom:calc(clamp(50px,10vw,65px) + 10px)}
}
.pagetop-button.show{opacity:1;visibility:visible}
.pagetop-button:hover img:nth-child(1){-webkit-animation:anime-pagetop 1s infinite ease-in-out;animation:anime-pagetop 1s infinite ease-in-out}
.pagetop-button img:nth-child(1){width:10vw;max-width:75.4px;height:auto;margin-bottom:3px}
.pagetop-button img:nth-child(2){width:13.1896551724vw;max-width:99.45px;height:auto}
.bgm-button{width:3.5vw;max-width:45px;height:auto;aspect-ratio:1/1;background:url(../img/ico_bgm.webp) left top/300% auto no-repeat;background-position:0% 0%;position:relative;margin-top:5px;-webkit-transition:-webkit-filter 10.25s;transition:-webkit-filter 10.25s;transition:filter 10.25s;transition:filter 10.25s, -webkit-filter 10.25s}
@media screen and (max-width: 960px){.bgm-button{width:12vw;max-width:40px}
}
.bgm-button.vol-1{background-position:50% 0%}
.bgm-button.vol-2{background-position:100% 0%}
.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{color:#fff;opacity:.7}
.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}
header{width:100%;height:6vw;max-height:80px;position:fixed;z-index:100;pointer-events:none}
@media screen and (max-width: 960px){header{height:10vw;max-height:65px;min-height:50px;background-color:#f3e4da;left:0;bottom:0}
}
header .header-inner{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@media screen and (max-width: 960px){header .header-inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
header a:has(.logo),header .logo{height:100%}
@media screen and (max-width: 960px){header a:has(.logo),header .logo{display:none}
}
header a:has(.logo){pointer-events:initial;-webkit-transition:opacity .25s,visibility .25s;transition:opacity .25s,visibility .25s;opacity:0;visibility:hidden}
.show a:has(.logo){opacity:1;visibility:visible}
header .bgm-button{margin-left:10px;margin-right:10px;pointer-events:initial;-webkit-transition:opacity .25s,-webkit-filter .25s;transition:opacity .25s,-webkit-filter .25s;transition:filter .25s,opacity .25s;transition:filter .25s,opacity .25s,-webkit-filter .25s;opacity:0}
@media screen and (max-width: 960px){header .bgm-button{position:absolute;right:1%;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);margin:initial;opacity:1;z-index:2}
}
@media screen and (max-width: 500px){header .bgm-button{left:10px;top:-10px;-webkit-transform:translate(0%, -100%);transform:translate(0%, -100%)}
}
.show .bgm-button{opacity:1}
.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;pointer-events:initial;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s;-webkit-transform:translate(0, -110%);transform:translate(0, -110%)}
@media screen and (max-width: 960px){.global_nav{-webkit-transform:translate(0, 0);transform:translate(0, 0)}
}
.show .global_nav{-webkit-transform:translate(0, 0);transform:translate(0, 0)}
.global_nav-wrapper{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@media screen and (max-width: 960px){.global_nav-wrapper{width:100%}
}
.global_nav-wrapper nav{height:100%}
@media screen and (max-width: 960px){.global_nav-wrapper nav{width:100%}
}
.global_nav>li{height:100%;position:relative;margin:0 6px 0}
@media screen and (max-width: 960px){.global_nav>li{margin-left:initial;margin-right:initial}
}
.global_nav>li.new::before{content:"";width:3.5vw;min-width:25px;max-width:50px;height:1.2228915663vw;min-height:8.734939759px;max-height:17.4698795181px;background:url(../img/ico_new.webp) center center/contain no-repeat;position:absolute;left:75%;top:10%;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:has([data-namespace=top]){display:none}
@media screen and (max-width: 960px){.global_nav>li:has([data-namespace=top]){display:initial}
}
.global_nav>li img{width:2vw;max-width:30px;height:auto}
@media screen and (max-width: 960px){.global_nav>li img{width:6vw;max-width:30px}
}
.global_nav>li a{width:10vw;max-width:130px;height:calc(100% + 1em);font-family:"Mochiy Pop P One",sans-serif;font-weight:normal;letter-spacing:.1em;line-height:1.7;letter-spacing:.15em;font-size:clamp(11px,1.3vw,16px);line-height:1;border-radius:0 0 1em 1em;color:#fff;border:solid 4px;border-top:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;padding:1.5em .5em .5em;position:relative;-webkit-transition:color .25s,background-color .25s,border-color .25s,-webkit-transform .25s;transition:color .25s,background-color .25s,border-color .25s,-webkit-transform .25s;transition:color .25s,background-color .25s,border-color .25s,transform .25s;transition:color .25s,background-color .25s,border-color .25s,transform .25s,-webkit-transform .25s;-webkit-transform:translate(0, -1em);transform:translate(0, -1em)}
@media screen and (max-width: 960px){.global_nav>li a{width:8em;max-width:initial;height:100%;font-size:clamp(8px,1.3vw,16px);border:none;border-top:solid 4px;border-radius:initial;padding:.5em 0;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
}
.global_nav>li a:hover{-webkit-transform:translate(0, 0);transform:translate(0, 0)}
.global_nav>li a[data-namespace=top]{color:#b879c0;background-color:#f5d7f9;border-color:#d8addd;-webkit-box-shadow:0px 0px 0px 2px #f5d7f9;box-shadow:0px 0px 0px 2px #f5d7f9}
@media screen and (max-width: 960px){.global_nav>li a[data-namespace=top]{-webkit-box-shadow:none;box-shadow:none}
}
.global_nav>li a[data-namespace=top]:hover,.global_nav>li a[data-namespace=top].selected{color:#f5d7f9;background-color:#b879c0;border-color:#d8addd;-webkit-box-shadow:0px 0px 0px 2px #b879c0;box-shadow:0px 0px 0px 2px #b879c0}
@media screen and (max-width: 960px){.global_nav>li a[data-namespace=top]:hover,.global_nav>li a[data-namespace=top].selected{-webkit-box-shadow:none;box-shadow:none}
}
.global_nav>li a[data-namespace=top].selected{pointer-events:none}
.global_nav>li a[data-namespace=howto]{color:#f5a241;background-color:#fff0df;border-color:#f7d6b0;-webkit-box-shadow:0px 0px 0px 2px #fff0df;box-shadow:0px 0px 0px 2px #fff0df}
@media screen and (max-width: 960px){.global_nav>li a[data-namespace=howto]{-webkit-box-shadow:none;box-shadow:none}
}
.global_nav>li a[data-namespace=howto]:hover,.global_nav>li a[data-namespace=howto].selected{color:#fff0df;background-color:#f5a241;border-color:#f7d6b0;-webkit-box-shadow:0px 0px 0px 2px #f5a241;box-shadow:0px 0px 0px 2px #f5a241}
@media screen and (max-width: 960px){.global_nav>li a[data-namespace=howto]:hover,.global_nav>li a[data-namespace=howto].selected{-webkit-box-shadow:none;box-shadow:none}
}
.global_nav>li a[data-namespace=howto].selected{pointer-events:none}
.global_nav>li a[data-namespace=character]{color:#e86266;background-color:#ffe1e2;border-color:#fec3c4;-webkit-box-shadow:0px 0px 0px 2px #ffe1e2;box-shadow:0px 0px 0px 2px #ffe1e2}
@media screen and (max-width: 960px){.global_nav>li a[data-namespace=character]{-webkit-box-shadow:none;box-shadow:none}
}
.global_nav>li a[data-namespace=character]:hover,.global_nav>li a[data-namespace=character].selected{color:#ffe1e2;background-color:#e86266;border-color:#fec3c4;-webkit-box-shadow:0px 0px 0px 2px #e86266;box-shadow:0px 0px 0px 2px #e86266}
@media screen and (max-width: 960px){.global_nav>li a[data-namespace=character]:hover,.global_nav>li a[data-namespace=character].selected{-webkit-box-shadow:none;box-shadow:none}
}
.global_nav>li a[data-namespace=character].selected{pointer-events:none}
.global_nav>li a[data-namespace=gallery]{color:#8b98e5;background-color:#eceeff;border-color:#d1d8ff;-webkit-box-shadow:0px 0px 0px 2px #eceeff;box-shadow:0px 0px 0px 2px #eceeff}
@media screen and (max-width: 960px){.global_nav>li a[data-namespace=gallery]{-webkit-box-shadow:none;box-shadow:none}
}
.global_nav>li a[data-namespace=gallery]:hover,.global_nav>li a[data-namespace=gallery].selected{color:#eceeff;background-color:#8b98e5;border-color:#d1d8ff;-webkit-box-shadow:0px 0px 0px 2px #8b98e5;box-shadow:0px 0px 0px 2px #8b98e5}
@media screen and (max-width: 960px){.global_nav>li a[data-namespace=gallery]:hover,.global_nav>li a[data-namespace=gallery].selected{-webkit-box-shadow:none;box-shadow:none}
}
.global_nav>li a[data-namespace=gallery].selected{pointer-events:none}
.global_nav>li a[data-namespace=map]{color:#6ba76e;background-color:#eff7ef;border-color:#cddfce;-webkit-box-shadow:0px 0px 0px 2px #eff7ef;box-shadow:0px 0px 0px 2px #eff7ef}
@media screen and (max-width: 960px){.global_nav>li a[data-namespace=map]{-webkit-box-shadow:none;box-shadow:none}
}
.global_nav>li a[data-namespace=map]:hover,.global_nav>li a[data-namespace=map].selected{color:#eff7ef;background-color:#6ba76e;border-color:#cddfce;-webkit-box-shadow:0px 0px 0px 2px #6ba76e;box-shadow:0px 0px 0px 2px #6ba76e}
@media screen and (max-width: 960px){.global_nav>li a[data-namespace=map]:hover,.global_nav>li a[data-namespace=map].selected{-webkit-box-shadow:none;box-shadow:none}
}
.global_nav>li a[data-namespace=map].selected{pointer-events:none}
.global_nav>li a[data-namespace=topics]{color:#e4b500;background-color:#fff7d9;border-color:#f6dd80;-webkit-box-shadow:0px 0px 0px 2px #fff7d9;box-shadow:0px 0px 0px 2px #fff7d9}
@media screen and (max-width: 960px){.global_nav>li a[data-namespace=topics]{-webkit-box-shadow:none;box-shadow:none}
}
.global_nav>li a[data-namespace=topics]:hover,.global_nav>li a[data-namespace=topics].selected{color:#fff7d9;background-color:#e4b500;border-color:#f6dd80;-webkit-box-shadow:0px 0px 0px 2px #e4b500;box-shadow:0px 0px 0px 2px #e4b500}
@media screen and (max-width: 960px){.global_nav>li a[data-namespace=topics]:hover,.global_nav>li a[data-namespace=topics].selected{-webkit-box-shadow:none;box-shadow:none}
}
.global_nav>li a[data-namespace=topics].selected{pointer-events:none}
footer{background-color:#f64257;color:#fff;font-size:clamp(10px,1.2vw,12px);text-align:left;padding:110px 1em 1em;padding:5.7291666667vw 1em 2em;position:relative;z-index:9;-webkit-transition:opacity .25s,visibility .25s;transition:opacity .25s,visibility .25s;opacity:0;visibility:hidden}
@media screen and (max-width: 960px){footer{padding-top:12em;padding-bottom:65px;padding-bottom:calc(clamp(50px,10vw,65px) + 1em)}
}
footer.show{opacity:1;visibility:visible}
footer .sns-list{position:relative;z-index:1;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{text-align:center;position:relative;z-index:1;margin-left:3em;margin-top:1em}
@media screen and (max-width: 640px){footer .guideline{margin-left:initial}
}
footer .copyright{position:relative;z-index:1;margin-left:3em;margin-top:3em}
@media screen and (max-width: 960px){footer .copyright{text-align:center;margin-left:initial}
}
@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}
footer .language{font-size:clamp(13px,3vw,20px);margin-top:1em}
footer .language-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}
footer .language-caption img{height:1.3em;margin-right:.25em}
footer .language-list{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:calc(-0.5% + .25em) -0.5%}
footer .language-list li{display:-webkit-box;display:-ms-flexbox;display:flex;margin:.5%}
footer .language-list a{color:#fff;background-color:#000;border:solid 2px #fff;font-size:clamp(13px,1.8vw,18px);white-space:nowrap;padding:.5em 2em;-webkit-transition:opacity .25s;transition:opacity .25s}
footer .language-list a:hover{opacity:.5}
footer .language-list a.disabled{pointer-events:none;opacity:.7}
footer .chr-visual{height:auto;position:absolute;right:0;bottom:0}
@media screen and (max-width: 960px){footer .chr-visual{display:none}
}
.content_nav{padding:1em;position:relative;z-index:10;margin:0 auto}
.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 li{width:49%;max-width:238.5px;min-width:119.25px;position:relative;margin:.5%}
.content_nav li.new::before{content:"";width:5vw;min-width:20px;max-width:40px;height:1.7469879518vw;min-height:6.9879518072px;max-height:13.9759036145px;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:2.4457831325vw;min-height:6.9879518072px;max-height:13.9759036145px;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:19.4968553459%;background:left 0%/auto 200% no-repeat;-webkit-filter:drop-shadow(4px 4px 0px rgba(0, 0, 0, 0.1));filter:drop-shadow(4px 4px 0px rgba(0, 0, 0, 0.1));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}
body:has([data-barba-namespace=caution]) main{font-size:.8em;padding-bottom:0}
body:has([data-barba-namespace=caution]) .caption{margin-bottom:2em}
body:has([data-barba-namespace=caution]) .caption span{display:inline-block;position:relative}
body:has([data-barba-namespace=caution]) .caption span img{width:auto;height:22.4vw;max-height:176px}
body:has([data-barba-namespace=caution]) .caption .deco{right:100%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=caution]) .caption .deco{-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%)}
}
body:has([data-barba-namespace=caution]) .caption .deco img{width:20vw;max-width:169.5px;height:auto;max-height:initial;-webkit-animation:anime-floating_2 3s infinite ease-in-out;animation:anime-floating_2 3s infinite ease-in-out}
body:has([data-barba-namespace=caution]) .wrapper{max-width:1060px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto;margin-right:auto}
@media screen and (max-width: 640px){body:has([data-barba-namespace=caution]) .wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
body:has([data-barba-namespace=caution]) .container{text-align:left;padding:1em;position:relative}
@media screen and (max-width: 640px){body:has([data-barba-namespace=caution]) .container{padding:3%}
}
body:has([data-barba-namespace=caution]) .icon{height:auto}
@media screen and (max-width: 640px){body:has([data-barba-namespace=caution]) .icon{margin-top:1em}
}
body:has([data-barba-namespace=caution]) .deco{position:absolute}
body:has([data-barba-namespace=caution]) #trust .icon,body:has([data-barba-namespace=caution]) #weapon .icon,body:has([data-barba-namespace=caution]) #photograph .icon{width:16.7592592593vw;max-width:181px}
@media screen and (max-width: 640px){body:has([data-barba-namespace=caution]) #trust .icon,body:has([data-barba-namespace=caution]) #weapon .icon,body:has([data-barba-namespace=caution]) #photograph .icon{width:25.1388888889vw}
}
body:has([data-barba-namespace=caution]) #throw .icon{width:16.6666666667vw;max-width:180px}
@media screen and (max-width: 640px){body:has([data-barba-namespace=caution]) #throw .icon{width:25vw}
}
body:has([data-barba-namespace=caution]) #drink .icon{width:17.5925925926vw;max-width:190px}
@media screen and (max-width: 640px){body:has([data-barba-namespace=caution]) #drink .icon{width:26.3888888889vw}
}
body:has([data-barba-namespace=caution]) #trust{margin-top:2em}
body:has([data-barba-namespace=caution]) #weapon .deco{left:100%;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);z-index:-1}
@media screen and (max-width: 960px){body:has([data-barba-namespace=caution]) #weapon .deco{top:0;-webkit-transform:translate(-100%, -95%);transform:translate(-100%, -95%)}
}
body:has([data-barba-namespace=caution]) #weapon .deco img{width:19.0265486726vw;max-width:161.25px;height:auto}
body:has([data-barba-namespace=top]) [data-barba=container]{padding-top:0}
body:has([data-barba-namespace=top]) main{padding-top:0;padding-bottom: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%;padding:0;position:relative}
body:has([data-barba-namespace=top]) #first_view .movie{width:100%;height:900px;position:relative;-webkit-transition:opacity 2s,visibility 2s;transition:opacity 2s,visibility 2s;opacity:0;visibility:hidden}
@media screen and (max-width: 960px)and (orientation: portrait){body:has([data-barba-namespace=top]) #first_view .movie{height:100vh;min-height:600px}
}
body:has([data-barba-namespace=top]).loaded #first_view[data-phase=movie] .movie{opacity:1;visibility:visible}
body:has([data-barba-namespace=top]) #first_view video{width:100%;height:100%;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}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #first_view video{display:none}
}
body:has([data-barba-namespace=top]) #first_view .first_view-swiper{display:none}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #first_view .first_view-swiper{width:100%;height:100%;display:block}
}
body:has([data-barba-namespace=top]) #first_view .first_view-swiper .swiper-slide.swiper-slide-active img,body:has([data-barba-namespace=top]) #first_view .first_view-swiper .swiper-slide.swiper-slide-duplicate-active img,body:has([data-barba-namespace=top]) #first_view .first_view-swiper .swiper-slide.swiper-slide-prev img{-webkit-animation:anime-first_view 10s linear both;animation:anime-first_view 10s linear both}
body:has([data-barba-namespace=top]) #first_view .first_view-swiper .swiper-slide img{width:auto;height:100%;-o-object-fit:cover;object-fit:cover;position:relative;left:0;top:0;-webkit-transform:translate(0%, 0%);transform:translate(0%, 0%);-webkit-transition:all 10s linear;transition:all 10s linear}
body:has([data-barba-namespace=top]) #first_view .splash{width:100%;height:100%;position:absolute;left:0;top:0}
body:has([data-barba-namespace=top]) #first_view .splash-summary{width:35%;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:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:2% 2% 10%;position:relative}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #first_view .splash-summary{width:70%;max-width:350px;padding:0;left:50%;top:40%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
}
body:has([data-barba-namespace=top]) #first_view .splash-summary::before{content:"";width:125%;height:100%;background:-webkit-gradient(linear, left top, right top, from(#468AF5), color-stop(70%, #468AF5), to(rgba(70, 138, 245, 0)));background:linear-gradient(to right, #468AF5 0%, #468AF5 70%, rgba(70, 138, 245, 0));position:absolute;left:0%;top:0;z-index:-1}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #first_view .splash-summary::before{display:none}
}
body:has([data-barba-namespace=top]) #first_view .splash .logo{width:100%;max-width:636px}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #first_view .splash .logo{-webkit-transition-delay:initial;transition-delay:initial}
}
body:has([data-barba-namespace=top]).loaded #first_view .splash-summary .logo{-webkit-animation:anime-logo 1s cubic-bezier(0.22, 1, 0.36, 1) both;animation:anime-logo 1s cubic-bezier(0.22, 1, 0.36, 1) both;-webkit-animation-delay:.5s;animation-delay:.5s}
body:has([data-barba-namespace=top]) #first_view .splash .release{width:67.9245283019%;max-width:432px;height:auto;margin-top:2%;-webkit-transition:opacity .5s;transition:opacity .5s;-webkit-transition-delay:1.5s;transition-delay:1.5s;opacity:0}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #first_view .splash .release{margin-top:0}
}
body:has([data-barba-namespace=top]).loaded #first_view .splash .release{opacity:1}
body:has([data-barba-namespace=top]) #first_view .splash .order-button{-webkit-transition:opacity .5s;transition:opacity .5s;-webkit-transition-delay:1.5s;transition-delay:1.5s;opacity:0}
body:has([data-barba-namespace=top]).loaded #first_view .splash .order-button{opacity:1}
body:has([data-barba-namespace=top]) #first_view .splash img{width:100%;height:auto}
body:has([data-barba-namespace=top]) #first_view .main_visual{width:70%;height:100%;aspect-ratio:1.68125;background:url(../img/top/main_visual.webp) center top/cover no-repeat;position:absolute;left:30%;top:0;z-index:-1}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #first_view .main_visual{width:100%;left:0}
}
[data-barba-namespace=top].loaded #first_view[data-phase=illust] .main_visual{visibility:visible}
body:has([data-barba-namespace=top]) #first_view .platform{position:absolute;left:10px;top:10px;z-index:1;-webkit-transition:opacity .5s;transition:opacity .5s;-webkit-transition-delay:1.5s;transition-delay:1.5s;opacity:0}
body:has([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:500px;height:auto}
body:has([data-barba-namespace=top]) #first_view .summary{width:30vw;max-width:350px;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;padding-top:1%;position:absolute;left:10px;top:calc(clamp(45px,5vw,60px) + 10px);z-index:2}
@media screen and (max-width: 960px)and (orientation: portrait){body:has([data-barba-namespace=top]) #first_view .summary{width:70%;height:auto;left:50%;top:40%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
}
body:has([data-barba-namespace=top]) #first_view .summary .flex-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
body:has([data-barba-namespace=top]) #first_view .summary .flex-container{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}
body:has([data-barba-namespace=top]) #first_view .summary .logo{width:100%;max-width:636px}
body:has([data-barba-namespace=top]) #first_view .summary .release{width:67.9245283019%;max-width:432px;margin-top:2%}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #first_view .summary .release{margin-top:0}
}
body:has([data-barba-namespace=top]).loaded #first_view .summary .release{opacity:1}
body:has([data-barba-namespace=top]) #first_view .summary img{width:100%;height:auto}
body:has([data-barba-namespace=top]) #first_view .order-button{width:70%;max-width:260.1px;height:auto;aspect-ratio:306/106;background:left top/100% auto no-repeat;background-position:0% 0%;position:relative;margin-top:5%}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #first_view .order-button{width:60%;margin-top:8%}
}
body:has([data-barba-namespace=top]) #first_view .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 .order-button.pre_order,body:has([data-barba-namespace=top]) #first_view .order-button.pre_order::after{background-image:url(../img/btn_pre_order.webp)}
body:has([data-barba-namespace=top]) #first_view .order-button.order,body:has([data-barba-namespace=top]) #first_view .order-button.order::after{background-image:url(../img/btn_order.webp)}
body:has([data-barba-namespace=top]) #first_view .order-button:hover::after{opacity:1}
body:has([data-barba-namespace=top]) #first_view nav{position:absolute;left:50%;bottom:0;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);z-index:2}
@media screen and (max-width: 640px){body:has([data-barba-namespace=top]) #first_view nav{width:100%}
}
body:has([data-barba-namespace=top]) #first_view .trial{display:inline-block;font-size:clamp(12px,1.8vw,20px);border:solid 4px;border-radius:1em;padding:1em;text-align:center;min-width:10.2em;color:#b879c0;background-color:#f5d7f9;border-color:#d8addd;-webkit-box-shadow:0px 0px 0px 2px #f5d7f9;box-shadow:0px 0px 0px 2px #f5d7f9;margin:6px;-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-transition-delay:2.4s;transition-delay:2.4s;opacity:0;visibility:hidden;-webkit-transform:translate(0, 100%);transform:translate(0, 100%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #first_view .trial{-webkit-transition-delay:2s;transition-delay:2s}
}
body:has([data-barba-namespace=top]).loaded #first_view .trial{opacity:1;visibility:visible;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
body:has([data-barba-namespace=top]) #first_view .trial:hover button{color:#fff;background-color:#b879c0}
body:has([data-barba-namespace=top]) #first_view .trial:hover button::before{background-color:#fff}
body:has([data-barba-namespace=top]) #first_view .trial .navi-caption{width:40vw;max-width:217.5px;height:1.5em;position:relative;margin-left:auto;margin-right:auto;pointer-events:none}
body:has([data-barba-namespace=top]) #first_view .trial .navi-caption-inner{width:100%;height:0;padding-top:57.9310344828%;position:absolute;left:0;bottom:0}
body:has([data-barba-namespace=top]) #first_view .trial .navi-caption .trial-fire{width:100%;height:96.4285714286%;position:absolute;left:0%;top:0%;-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation:anime-trial_fire_1 3s infinite ease-in-out;animation:anime-trial_fire_1 3s infinite ease-in-out}
body:has([data-barba-namespace=top]) #first_view .trial .navi-caption .trial-fire img{width:100%;height:100%;-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation:anime-trial_fire_2 2s infinite ease-in-out;animation:anime-trial_fire_2 2s infinite ease-in-out}
body:has([data-barba-namespace=top]) #first_view .trial .navi-caption .trial-text{width:83.7931034483%;height:31.5476190476%;position:absolute;left:6.5517241379%;top:68.4523809524%}
body:has([data-barba-namespace=top]) #first_view .trial .navi-description{font-weight:normal;font-size:.7em;color:#5e5e5e;display:inline-block;text-align:center;margin-top:.5em;margin-bottom:.5em}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #first_view .trial .navi-description{font-size:.8em}
}
body:has([data-barba-namespace=top]) #first_view .trial button{width:90%;max-width:10em;background-color:#fff;font-size:.8em;font-weight:bold;border:solid 1px #d8addd;border-radius:999em;display:inline-block;padding:.125em;position:relative;-webkit-transition:color .25s,background-color .25s;transition:color .25s,background-color .25s}
body:has([data-barba-namespace=top]) #first_view .trial button::before{content:"";width:.424264068em;height:.6em;clip-path:polygon(0% 0%, 100% 50%, 0% 100%);position:absolute;right:.25em;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:background-color .25s;transition:background-color .25s}
body:has([data-barba-namespace=top]) #first_view #top_nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-filter:drop-shadow(4px 4px 0px rgba(0, 0, 0, 0.1));filter:drop-shadow(4px 4px 0px rgba(0, 0, 0, 0.1))}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #first_view #top_nav{display:none}
}
body:has([data-barba-namespace=top]) #first_view #top_nav>li{width:calc(25% - 12px);min-width:10.2em;margin:6px;-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);opacity:0;visibility:hidden;-webkit-transform:translate(0, 100%);transform:translate(0, 100%)}
body:has([data-barba-namespace=top]) #first_view #top_nav>li:nth-child(1){-webkit-transition-delay:1.6s;transition-delay:1.6s}
body:has([data-barba-namespace=top]) #first_view #top_nav>li:nth-child(2){-webkit-transition-delay:1.7s;transition-delay:1.7s}
body:has([data-barba-namespace=top]) #first_view #top_nav>li:nth-child(3){-webkit-transition-delay:1.8s;transition-delay:1.8s}
body:has([data-barba-namespace=top]) #first_view #top_nav>li:nth-child(4){-webkit-transition-delay:1.9s;transition-delay:1.9s}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #first_view #top_nav>li{width:calc(50% - 12px)}
}
body:has([data-barba-namespace=top]).loaded #first_view #top_nav>li{opacity:1;visibility:visible;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
body:has([data-barba-namespace=top]) #first_view #top_nav>li a{display:flex; flex-direction: column; justify-content: space-between; min-height: 230px; font-size:clamp(12px,1.8vw,20px);border:solid 4px;border-radius:1em;padding:1em;text-align:center}
body:has([data-barba-namespace=top]) #first_view #top_nav>li .navi-caption{font-family:"Mochiy Pop P One",sans-serif;font-weight:normal;letter-spacing:.1em;line-height:1.7;letter-spacing:.15em;font-size:1.2em;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;white-space:nowrap}
body:has([data-barba-namespace=top]) #first_view #top_nav>li .navi-caption img{width:2vw;max-width:40px;height:auto;margin-right:.125em}
body:has([data-barba-namespace=top]) #first_view #top_nav>li .navi-description{font-weight:normal;font-size:.7em;color:#5e5e5e;display:inline-block;text-align:center;margin-top:.5em;margin-bottom:.5em}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #first_view #top_nav>li .navi-description{font-size:.8em}
}
body:has([data-barba-namespace=top]) #first_view #top_nav>li button{width:90%;background-color:#fff;font-size:.8em;font-weight:bold;border:solid 1px;border-radius:999em;display:inline-block;padding:.125em;position:relative;-webkit-transition:color .25s,background-color .25s;transition:color .25s,background-color .25s}
body:has([data-barba-namespace=top]) #first_view #top_nav>li button::before{content:"";width:.424264068em;height:.6em;clip-path:polygon(0% 0%, 100% 50%, 0% 100%);position:absolute;right:.25em;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:background-color .25s;transition:background-color .25s}
body:has([data-barba-namespace=top]) #first_view #top_nav>li:nth-child(1) a{color:#f5a241;background-color:#fff0df;border-color:#f7d6b0;-webkit-box-shadow:0px 0px 0px 2px #fff0df;box-shadow:0px 0px 0px 2px #fff0df}
body:has([data-barba-namespace=top]) #first_view #top_nav>li:nth-child(1) a:hover button{color:#fff;background-color:#f5a241}
body:has([data-barba-namespace=top]) #first_view #top_nav>li:nth-child(1) a:hover button::before{background-color:#fff}
body:has([data-barba-namespace=top]) #first_view #top_nav>li:nth-child(1) a::before button{background-color:#f5a241}
body:has([data-barba-namespace=top]) #first_view #top_nav>li:nth-child(1) button{color:#f5a241;border-color:#f7d6b0}
body:has([data-barba-namespace=top]) #first_view #top_nav>li:nth-child(2) a{color:#e86266;background-color:#ffe1e2;border-color:#fec3c4;-webkit-box-shadow:0px 0px 0px 2px #ffe1e2;box-shadow:0px 0px 0px 2px #ffe1e2}
body:has([data-barba-namespace=top]) #first_view #top_nav>li:nth-child(2) a:hover button{color:#fff;background-color:#e86266}
body:has([data-barba-namespace=top]) #first_view #top_nav>li:nth-child(2) a:hover button::before{background-color:#fff}
body:has([data-barba-namespace=top]) #first_view #top_nav>li:nth-child(2) a::before button{background-color:#e86266}
body:has([data-barba-namespace=top]) #first_view #top_nav>li:nth-child(2) button{color:#e86266;border-color:#fec3c4}
body:has([data-barba-namespace=top]) #first_view #top_nav>li:nth-child(3) a{color:#8b98e5;background-color:#eceeff;border-color:#d1d8ff;-webkit-box-shadow:0px 0px 0px 2px #eceeff;box-shadow:0px 0px 0px 2px #eceeff}
body:has([data-barba-namespace=top]) #first_view #top_nav>li:nth-child(3) a:hover button{color:#fff;background-color:#8b98e5}
body:has([data-barba-namespace=top]) #first_view #top_nav>li:nth-child(3) a:hover button::before{background-color:#fff}
body:has([data-barba-namespace=top]) #first_view #top_nav>li:nth-child(3) a::before button{background-color:#8b98e5}
body:has([data-barba-namespace=top]) #first_view #top_nav>li:nth-child(3) button{color:#8b98e5;border-color:#d1d8ff}
body:has([data-barba-namespace=top]) #first_view #top_nav>li:nth-child(4) a{color:#6ba76e;background-color:#eff7ef;border-color:#cddfce;-webkit-box-shadow:0px 0px 0px 2px #eff7ef;box-shadow:0px 0px 0px 2px #eff7ef}
body:has([data-barba-namespace=top]) #first_view #top_nav>li:nth-child(4) a:hover button{color:#fff;background-color:#6ba76e}
body:has([data-barba-namespace=top]) #first_view #top_nav>li:nth-child(4) a:hover button::before{background-color:#fff}
body:has([data-barba-namespace=top]) #first_view #top_nav>li:nth-child(4) a::before button{background-color:#6ba76e}
body:has([data-barba-namespace=top]) #first_view #top_nav>li:nth-child(4) button{color:#6ba76e;border-color:#cddfce}
body:has([data-barba-namespace=top]) #first_view .guideline{width:10vw;max-width:168.75px;height:auto;position:absolute;left:100%;bottom:0;-webkit-transform:rotate(11deg);transform:rotate(11deg);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-transition:opacity .25s,visibility .25s;transition:opacity .25s,visibility .25s;-webkit-transition-delay:2s;transition-delay:2s;opacity:0;visibility:hidden}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #first_view .guideline{width:22vw;max-width:112.5px}
}
@media screen and (max-width: 640px){body:has([data-barba-namespace=top]) #first_view .guideline{left:initial;right:0;top:0;bottom:initial;-webkit-transform:translate(0, -70%) rotate(11deg);transform:translate(0, -70%) rotate(11deg);z-index:-1}
}
body:has([data-barba-namespace=top]).loaded #first_view .guideline{opacity:1;visibility:visible}
body:has([data-barba-namespace=top]) #first_view .guideline:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
body:has([data-barba-namespace=top]) #first_view .guideline img{width:100%;height:auto;-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-transition:-webkit-transform .25s;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s, -webkit-transform .25s}
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:1.7469879518vw;min-height:6.9879518072px;max-height:13.9759036145px;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:2.4457831325vw;min-height:6.9879518072px;max-height:13.9759036145px;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:1.7469879518vw;min-height:6.9879518072px;max-height:13.9759036145px;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]) #caution{background-color:#f3e4da;position:relative}
body:has([data-barba-namespace=top]) #caution::before{content:"";width:100%;height:100px;background:-webkit-gradient(linear, top in oklab, from(#f3e4da), color-stop(25%, rgba(243, 228, 218, 0.75)), color-stop(50%, rgba(243, 228, 218, 0.5)), color-stop(75%, rgba(243, 228, 218, 0.25)), to(rgba(243, 228, 218, 0)));background:linear-gradient(to top in oklab, #f3e4da 0%, rgba(243, 228, 218, 0.75) 25%, rgba(243, 228, 218, 0.5) 50%, rgba(243, 228, 218, 0.25) 75%, rgba(243, 228, 218, 0) 100%);position:absolute;left:0;bottom:100%;z-index:1}
body:has([data-barba-namespace=top]) #caution .wrapper{max-width:94%;display:inline-block;position:relative}
body:has([data-barba-namespace=top]) #caution .board{width:100%;max-width:608px;height:auto}
body:has([data-barba-namespace=top]) #caution .detail-button{background-color:#db654e;color:#fff;border:solid 1px #db654e;font-size:.7em;padding:0em .5em;border-radius:.25em;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;right:7%;bottom:6%;-webkit-transition:color .25s,background-color .25s;transition:color .25s,background-color .25s}
body:has([data-barba-namespace=top]) #caution .detail-button:hover{background-color:#fff;color:#db654e}
body:has([data-barba-namespace=top]) #caution .detail-button:hover::after{background-color:#db654e}
body:has([data-barba-namespace=top]) #caution .detail-button::after{content:"";width:.424264068em;height:.6em;clip-path:polygon(0% 0%, 100% 50%, 0% 100%);background-color:#fff;display:inline-block;margin-left:.25em;-webkit-transition:background-color .25s;transition:background-color .25s}
body:has([data-barba-namespace=top]) #movie{position:relative;z-index:3}
body:has([data-barba-namespace=top]) #movie::before{content:"";width:100%;height:100%;background:#f3e4da;position:absolute;left:0;top:0;pointer-events:none}
body:has([data-barba-namespace=top]) #movie::after{content:"";width:100%;height:0;padding-top:42.8645833333%;background:url(../img/bg_theme_park.webp) top left/100% auto no-repeat;position:absolute;left:0;bottom:-1px;pointer-events:none}
body:has([data-barba-namespace=top]) #movie h2{text-align:center;position:relative;z-index:2;margin-top:1em;margin-bottom:-2.5%}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #movie h2{margin-bottom:initial}
}
@media screen and (max-width: 640px){body:has([data-barba-namespace=top]) #movie h2{margin-bottom:initial}
}
body:has([data-barba-namespace=top]) #movie h2[data-trigger].visible .caption-1{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
body:has([data-barba-namespace=top]) #movie h2[data-trigger].visible .caption-2-1,body:has([data-barba-namespace=top]) #movie h2[data-trigger].visible .caption-2-2,body:has([data-barba-namespace=top]) #movie h2[data-trigger].visible .caption-2-3{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
body:has([data-barba-namespace=top]) #movie h2[data-trigger].visible .caption-2-4{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
body:has([data-barba-namespace=top]) #movie h2[data-trigger].visible span::before{opacity:1;-webkit-transform:translate(-100%, -50%) scale(1);transform:translate(-100%, -50%) scale(1);-webkit-animation:anime-tape_left 6s infinite ease-in-out;animation:anime-tape_left 6s infinite ease-in-out;-webkit-animation-delay:.5s;animation-delay:.5s}
body:has([data-barba-namespace=top]) #movie h2[data-trigger].visible span::after{opacity:1;-webkit-transform:translate(100%, -50%) scale(1);transform:translate(100%, -50%) scale(1);-webkit-animation:anime-tape_right 6s infinite ease-in-out;animation:anime-tape_right 6s infinite ease-in-out;-webkit-animation-delay:.5s;animation-delay:.5s}
body:has([data-barba-namespace=top]) #movie h2[data-trigger] .caption-1{-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:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:center 2000%;transform-origin:center 2000%}
body:has([data-barba-namespace=top]) #movie h2[data-trigger] .caption-2-1{-webkit-transition:opacity .25s,-webkit-transform .5s;transition:opacity .25s,-webkit-transform .5s;transition:opacity .25s,transform .5s;transition:opacity .25s,transform .5s,-webkit-transform .5s;-webkit-transition-delay:.5s;transition-delay:.5s;opacity:0;-webkit-transform:scale(2);transform:scale(2)}
body:has([data-barba-namespace=top]) #movie h2[data-trigger] .caption-2-2{-webkit-transition:opacity .25s,-webkit-transform .5s;transition:opacity .25s,-webkit-transform .5s;transition:opacity .25s,transform .5s;transition:opacity .25s,transform .5s,-webkit-transform .5s;-webkit-transition-delay:.75s;transition-delay:.75s;opacity:0;-webkit-transform:scale(2);transform:scale(2)}
body:has([data-barba-namespace=top]) #movie h2[data-trigger] .caption-2-3{-webkit-transition:opacity .25s,-webkit-transform .5s;transition:opacity .25s,-webkit-transform .5s;transition:opacity .25s,transform .5s;transition:opacity .25s,transform .5s,-webkit-transform .5s;-webkit-transition-delay:1s;transition-delay:1s;opacity:0;-webkit-transform:scale(2);transform:scale(2)}
body:has([data-barba-namespace=top]) #movie h2[data-trigger] .caption-2-4{-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:1.5s;transition-delay:1.5s;opacity:0;-webkit-transform:rotate(10deg);transform:rotate(10deg);-webkit-transform-origin:left 1000%;transform-origin:left 1000%}
body:has([data-barba-namespace=top]) #movie h2[data-trigger] span::before{-webkit-transition:opacity .25s,-webkit-transform .5s cubic-bezier(0.17, 0.67, 0.6, 1.8);transition:opacity .25s,-webkit-transform .5s cubic-bezier(0.17, 0.67, 0.6, 1.8);transition:opacity .25s,transform .5s cubic-bezier(0.17, 0.67, 0.6, 1.8);transition:opacity .25s,transform .5s cubic-bezier(0.17, 0.67, 0.6, 1.8),-webkit-transform .5s cubic-bezier(0.17, 0.67, 0.6, 1.8);opacity:0;-webkit-transform:translate(-80%, -50%) scale(0.5);transform:translate(-80%, -50%) scale(0.5);-webkit-transform-origin:right center;transform-origin:right center}
body:has([data-barba-namespace=top]) #movie h2[data-trigger] span::after{-webkit-transition:opacity .25s,-webkit-transform .5s cubic-bezier(0.17, 0.67, 0.6, 1.8);transition:opacity .25s,-webkit-transform .5s cubic-bezier(0.17, 0.67, 0.6, 1.8);transition:opacity .25s,transform .5s cubic-bezier(0.17, 0.67, 0.6, 1.8);transition:opacity .25s,transform .5s cubic-bezier(0.17, 0.67, 0.6, 1.8),-webkit-transform .5s cubic-bezier(0.17, 0.67, 0.6, 1.8);opacity:0;-webkit-transform:translate(80%, -50%) scale(0.5);transform:translate(80%, -50%) scale(0.5);-webkit-transform-origin:left center;transform-origin:left center}
body:has([data-barba-namespace=top]) #movie h2 span{width:94vw;max-width:769px;height:24.4473342003vw;max-height:200px;display:inline-block;position:relative}
body:has([data-barba-namespace=top]) #movie h2 span::before{content:"";width:30vw;max-width:499px;height:39.0781563126vw;max-height:650px;background:url(../img/deco/deco_tape_left.webp) left top/contain no-repeat;position:absolute;left:0%;top:35%;-webkit-transform:translate(-100%, -50%);transform:translate(-100%, -50%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #movie h2 span::before{display:none}
}
body:has([data-barba-namespace=top]) #movie h2 span::after{content:"";width:35.0111358575vw;max-width:524px;height:41.8262806236vw;max-height:626px;background:url(../img/deco/deco_tape_right.webp) left top/contain no-repeat;position:absolute;right:0%;top:35%;-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #movie h2 span::after{display:none}
}
body:has([data-barba-namespace=top]) #movie h2 img:nth-child(1){width: 117%; position: absolute; left: -9%; top: -18%; max-width: 932px; z-index: 3;}
body:has([data-barba-namespace=top]) #movie h2 img:nth-child(2){width:auto;height:54.5%;position:absolute;left:-5.5%;top:10.5%}
body:has([data-barba-namespace=top]) #movie h2 img:nth-child(3){width:13.1339401821%;height:50.5%;position:absolute;left:22.6267880364%;top:-3.5%}
body:has([data-barba-namespace=top]) #movie h2 img:nth-child(4){width:10.533159948%;height:40.5%;position:absolute;left:33.6801040312%;top:8%}
body:has([data-barba-namespace=top]) #movie h2 img:nth-child(5){width:45.3836150845%;height:54.5%;position:absolute;left:43.8231469441%;top:9%}
body:has([data-barba-namespace=top]) #movie .media{max-width:960px;aspect-ratio:16/9}
body:has([data-barba-namespace=top]) #movie .media{pointer-events:none}
body:has([data-barba-namespace=top]) #movie .media-list>li:has(iframe):only-child{width:100%;max-width:960px}
body:has([data-barba-namespace=top]) #movie .media-list>li:has(iframe):only-child a:has(iframe.youtube)::after{display:none}
body:has([data-barba-namespace=top]) #movie .media-list>li:has(iframe):only-child iframe.youtube{pointer-events:none}
body:has([data-barba-namespace=top]) #movie .button-list{position:relative;z-index:1}
body:has([data-barba-namespace=top]) #movie .deco{width:20vw;max-width:370px;height:auto;position:absolute;left:95%;bottom:15%;z-index:2;-webkit-animation:anime-prinny 3s infinite ease-in-out;animation:anime-prinny 3s infinite ease-in-out}
@media screen and (max-width: 1200px){body:has([data-barba-namespace=top]) #movie .deco{width:16vw}
}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #movie .deco{width:25vw;left:initial;right:-7%;top:75%;bottom:initial;z-index:1}
}
body:has([data-barba-namespace=top]) #topics{position:relative}
body:has([data-barba-namespace=top]) #topics::before{content:"";width:100%;height:calc(100% - 95.5px);background-color:#fff;position:absolute;left:0;top:0;z-index:2}
@media screen and (min-width: 1921px){body:has([data-barba-namespace=top]) #topics::before{height:calc(100% - 4.9739583333vw)}
}
body:has([data-barba-namespace=top]) #topics::after{content:"";width:100%;height:0;padding-top:191px;background:url(../img/train/line.webp) center bottom no-repeat;position:absolute;left:0;bottom:0;z-index:2}
@media screen and (min-width: 1921px){body:has([data-barba-namespace=top]) #topics::after{padding-top:9.9479166667%;background-size:100% auto}
}
body:has([data-barba-namespace=top]) #topics h2{text-align:center}
body:has([data-barba-namespace=top]) #topics h2 img{width:auto;height:6vw;max-height:28px}
body:has([data-barba-namespace=top]) #topics .topics-wrapper{padding-top:1em;position:relative;z-index:10}
@media screen and (min-width: 640px){body:has([data-barba-namespace=top]) #topics .topics-wrapper[data-trigger].visible{-webkit-transform:translate(0, 0);transform:translate(0, 0)}
body:has([data-barba-namespace=top]) #topics .topics-wrapper[data-trigger]{-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s, -webkit-transform 1s;-webkit-transform:translate(100vw, 0);transform:translate(100vw, 0)}
}
body:has([data-barba-namespace=top]) #topics .topics-container{width:100%;max-width:80vw;margin:0 auto;position:relative}
body:has([data-barba-namespace=top]) #topics .topics-swiper{width:100%;text-align:left;margin:0 auto;position:relative}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #topics .topics-swiper{max-width:initial}
}
body:has([data-barba-namespace=top]) #topics .topics-image{border:solid 8px hsla(0,0%,100%,.6);border-width:clamp(1px,2vw,8px);border-radius:24px;border-radius:clamp(3px,4vw,24px);margin:calc(clamp(1px,2vw,8px)*-1);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{color:#333;font-size:clamp(13px,2vw,15px);letter-spacing:.05em;line-height:1.4;margin-top:.5em;margin-top:calc(clamp(1px,2vw,8px) + .5em)}
body:has([data-barba-namespace=top]) #topics .topics-date{font-size:.8em}
body:has([data-barba-namespace=top]) #topics .topics-summary{font-weight:bold}
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(-50%, -50%);transform:translate(-50%, -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(50%, -50%);transform:translate(50%, -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{height:auto;-webkit-transition:opacity .25s;transition:opacity .25s}
body:has([data-barba-namespace=top]) #topics .swiper-slide::after{content:"";width:100%;height:100%;border-radius:24px;border-radius:clamp(3px,4vw,24px);position:absolute;left:0;top:0;z-index:-1}
body:has([data-barba-namespace=top]) #topics .swiper-slide:nth-child(5n+1)::after{background-color:#e48280}
body:has([data-barba-namespace=top]) #topics .swiper-slide:nth-child(5n+2)::after{background-color:#ffc952}
body:has([data-barba-namespace=top]) #topics .swiper-slide:nth-child(5n+3)::after{background-color:#afd591}
body:has([data-barba-namespace=top]) #topics .swiper-slide:nth-child(5n+4)::after{background-color:#9dd9df}
body:has([data-barba-namespace=top]) #topics .swiper-slide:nth-child(5n+5)::after{background-color:#d0a9e6}
body:has([data-barba-namespace=top]) #topics .swiper-slide:nth-child(1)::after{width:auto;aspect-ratio:298/297;background:url(../img/train/head.svg) right bottom/100% 100% no-repeat;left:initial;right:0;-webkit-transform:translate(5.033557047%, 0);transform:translate(5.033557047%, 0)}
body:has([data-barba-namespace=top]) #topics .swiper-slide:nth-child(1) .connect::before{display:none}
body:has([data-barba-namespace=top]) #topics .swiper-slide.new::before{content:"";width:5vw;min-width:25px;max-width:50px;height:1.7469879518vw;min-height:8.734939759px;max-height:17.4698795181px;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:3.4939759036vw;min-height:8.734939759px;max-height:17.4698795181px;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,body:has([data-barba-namespace=top]) #topics .swiper-slide>span{display:inline-block;padding:1% 1% calc(1% + 2em);padding:1em 1em calc(6.5% + 1em);overflow:initial}
@media screen and (max-width: 1440px){body:has([data-barba-namespace=top]) #topics .swiper-slide>a,body:has([data-barba-namespace=top]) #topics .swiper-slide>span{padding:1em 1em calc(7% + 1em)}
}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #topics .swiper-slide>a,body:has([data-barba-namespace=top]) #topics .swiper-slide>span{padding:1em 1em calc(8% + 1em)}
}
@media screen and (max-width: 640px){body:has([data-barba-namespace=top]) #topics .swiper-slide>a,body:has([data-barba-namespace=top]) #topics .swiper-slide>span{padding:2% 2% calc(10% + 2em);padding:1em 1em calc(10% + 1em)}
}
body:has([data-barba-namespace=top]) #topics .swiper-slide a{color:#f37e0f;-webkit-transition:opacity .25s,color .25s;transition:opacity .25s,color .25s}
body:has([data-barba-namespace=top]) #topics .swiper-slide a:hover{color:rgba(243,126,15,.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 .deco{width:100%;height:100%;position:absolute;left:0;top:0;pointer-events:none}
body:has([data-barba-namespace=top]) #topics .connect::before,body:has([data-barba-namespace=top]) #topics .connect::after{content:"";width:31px;height:0;padding-top:18.6px;background:center center/contain no-repeat;position:absolute;top:70%;z-index:-2}
body:has([data-barba-namespace=top]) #topics .connect::before{background-image:url(../img/train/connect_l.svg);left:0;-webkit-transform:translate(-88%, -25%);transform:translate(-88%, -25%)}
body:has([data-barba-namespace=top]) #topics .connect::after{background-image:url(../img/train/connect_r.svg);right:0;-webkit-transform:translate(88%, -75%);transform:translate(88%, -75%)}
body:has([data-barba-namespace=top]) #topics .wheel::before,body:has([data-barba-namespace=top]) #topics .wheel::after{content:"";width:20%;height:0;padding-top:20%;background:url(../img/train/wheel.svg) center center/contain no-repeat;position:absolute;top:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
body:has([data-barba-namespace=top]) #topics .wheel::before{left:25%}
body:has([data-barba-namespace=top]) #topics .wheel::after{left:75%}
body:has([data-barba-namespace=top]) #topics .button-list{width:50%;position:relative;top:.5em;z-index:3;margin-top:1.25em}
body:has([data-barba-namespace=top]) #topics .topics-button:hover img{opacity:.8}
body:has([data-barba-namespace=top]) #topics .topics-button img{height:auto;-webkit-transition:opacity .25s;transition:opacity .25s}
body:has([data-barba-namespace=top]) #about{padding-top:calc(95.5px + 3em);margin-top:-95.5px}
@media screen and (min-width: 1921px){body:has([data-barba-namespace=top]) #about{padding-top:calc(4.9739583333% + 2em);margin-top:-4.9739583333%}
}
body:has([data-barba-namespace=top]) #about h2{text-align:center;position:relative;z-index:3}
body:has([data-barba-namespace=top]) #about h2[data-trigger].visible .welcome{-webkit-mask-size:100% 100%;mask-size:100% 100%}
body:has([data-barba-namespace=top]) #about h2[data-trigger].visible .balloon{opacity:1;-webkit-transform:translate(-50%, -100%) scale(1);transform:translate(-50%, -100%) scale(1)}
body:has([data-barba-namespace=top]) #about h2[data-trigger] .welcome{-webkit-mask:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) left top/0% 100% no-repeat;-webkit-mask:linear-gradient(#fff, #fff) left top/0% 100% no-repeat;mask:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) left top/0% 100% no-repeat;mask:linear-gradient(#fff, #fff) left top/0% 100% no-repeat;-webkit-transition:-webkit-mask-size 1s;transition:-webkit-mask-size 1s;transition:mask-size 1s;transition:mask-size 1s, -webkit-mask-size 1s}
body:has([data-barba-namespace=top]) #about h2[data-trigger] .balloon{-webkit-transition:opacity .25s,-webkit-transform .35s;transition:opacity .25s,-webkit-transform .35s;transition:opacity .25s,transform .35s;transition:opacity .25s,transform .35s,-webkit-transform .35s;-webkit-transition-delay:1s;transition-delay:1s;opacity:0;-webkit-transform:translate(-50%, -100%) scale(0.5) rotate(-10deg);transform:translate(-50%, -100%) scale(0.5) rotate(-10deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}
body:has([data-barba-namespace=top]) #about h2 span{display:inline-block;position:relative}
body:has([data-barba-namespace=top]) #about h2 .welcome{width:80vw;max-width:654px}
body:has([data-barba-namespace=top]) #about h2 .welcome img{width:100%;height:auto}
body:has([data-barba-namespace=top]) #about h2 .balloon{position:absolute;left:65%;top:40%;-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%);z-index:2}
body:has([data-barba-namespace=top]) #about h2 .balloon img{width:18.3486238532vw;max-width:150px;height:auto}
body:has([data-barba-namespace=top]) #about .media{max-width:800px}
body:has([data-barba-namespace=top]) #about .media-text{font-size:1em;font-weight:bold;margin-top:initial}
body:has([data-barba-namespace=top]) #about .about-swiper{width:100%;max-width:1000px;text-align:center;position:relative;padding-left:7.5%;padding-left:clamp(30px,7.5%,100px);padding-right:7.5%;padding-right:clamp(30px,7.5%,100px);margin-left:auto;margin-right:auto}
body:has([data-barba-namespace=top]) #about .swiper-slide{color:#aaa}
body:has([data-barba-namespace=top]) #about .swiper-slide.swiper-slide-active{color:unset}
body:has([data-barba-namespace=top]) #about .swiper-slide.swiper-slide-active a,body:has([data-barba-namespace=top]) #about .swiper-slide.swiper-slide-active span{pointer-events:initial}
body:has([data-barba-namespace=top]) #about .swiper-slide.swiper-slide-active a::before,body:has([data-barba-namespace=top]) #about .swiper-slide.swiper-slide-active span::before{opacity:0}
body:has([data-barba-namespace=top]) #about .swiper-slide a,body:has([data-barba-namespace=top]) #about .swiper-slide span{pointer-events:none}
body:has([data-barba-namespace=top]) #about .swiper-slide a::before,body:has([data-barba-namespace=top]) #about .swiper-slide span::before{content:"";width:100%;height:100%;background-color:hsla(0,0%,100%,.5);position:absolute;left:0;top:0;z-index:2;-webkit-transition:opacity .45;transition:opacity .45}
body:has([data-barba-namespace=top]) #about .swiper-button-prev,body:has([data-barba-namespace=top]) #about .swiper-button-next{background-image:none;width:5%;height:auto;min-width:11px;max-width:33px;-webkit-filter:drop-shadow(4px 4px 0px rgba(0, 0, 0, 0.1));filter:drop-shadow(4px 4px 0px rgba(0, 0, 0, 0.1));top:50%}
body:has([data-barba-namespace=top]) #about .swiper-button-prev img,body:has([data-barba-namespace=top]) #about .swiper-button-next img{width:100%;-webkit-transition:opacity .25s;transition:opacity .25s}
body:has([data-barba-namespace=top]) #about .swiper-button-prev svg,body:has([data-barba-namespace=top]) #about .swiper-button-next svg{display:none}
body:has([data-barba-namespace=top]) #about .swiper-button-prev:hover img,body:has([data-barba-namespace=top]) #about .swiper-button-next:hover img{opacity:.7}
body:has([data-barba-namespace=top]) #about .swiper-button-prev{left:4%;-webkit-transform:translate(-100%, -50%);transform:translate(-100%, -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]) #about .swiper-button-prev.swiper-button-disabled{-webkit-animation:none;animation:none}
body:has([data-barba-namespace=top]) #about .swiper-button-next{right:4%;-webkit-transform:translate(100%, -50%);transform:translate(100%, -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]) #about .swiper-button-next.swiper-button-disabled{-webkit-animation:none;animation:none}
body:has([data-barba-namespace=top]) #about .popup-image{display:inline-block}
body:has([data-barba-namespace=top]) #about .prinny-comment{margin-top:2em}
body:has([data-barba-namespace=top]) #about .deco{position:absolute;pointer-events:none}
body:has([data-barba-namespace=top]) #about .deco.catsaber{width:18vw;max-width:345px;height:auto;left:3%;bottom:0%;-webkit-transform:translate(-85%, 35%);transform:translate(-85%, 35%);z-index:1;-webkit-animation:anime-catsaber 3s infinite ease-in-out;animation:anime-catsaber 3s infinite ease-in-out}
@media screen and (max-width: 1280px){body:has([data-barba-namespace=top]) #about .deco.catsaber{display:none}
}
body:has([data-barba-namespace=top]) #about .deco.start{width:26vw;max-width:504px;height:auto;left:97%;bottom:0%;-webkit-transform:translate(-16%, 35%);transform:translate(-16%, 35%);z-index:1}
@media screen and (max-width: 1280px){body:has([data-barba-namespace=top]) #about .deco.start{display:none}
}
body:has([data-barba-namespace=top]) #about .deco.start[data-trigger].visible{opacity:1;-webkit-transform:translate(-16%, 35%);transform:translate(-16%, 35%);-webkit-animation:anime-start 1.5s infinite;animation:anime-start 1.5s infinite;-webkit-animation-delay:.5s;animation-delay:.5s}
body:has([data-barba-namespace=top]) #about .deco.start[data-trigger]{-webkit-transition:opacity .5s,-webkit-transform .5s cubic-bezier(0.17, 0.67, 0.6, 1.8);transition:opacity .5s,-webkit-transform .5s cubic-bezier(0.17, 0.67, 0.6, 1.8);transition:opacity .5s,transform .5s cubic-bezier(0.17, 0.67, 0.6, 1.8);transition:opacity .5s,transform .5s cubic-bezier(0.17, 0.67, 0.6, 1.8),-webkit-transform .5s cubic-bezier(0.17, 0.67, 0.6, 1.8);opacity:0;-webkit-transform:translate(-16%, 55%) scale(0.5);transform:translate(-16%, 55%) scale(0.5);-webkit-transform-origin:center bottom;transform-origin:center bottom}
body:has([data-barba-namespace=top]) #about .deco.garland-left,body:has([data-barba-namespace=top]) #about .deco.garland-right{top:57.3px;z-index:-1}
@media screen and (min-width: 1921px){body:has([data-barba-namespace=top]) #about .deco.garland-left,body:has([data-barba-namespace=top]) #about .deco.garland-right{top:2.984375vw}
}
body:has([data-barba-namespace=top]) #about .deco.garland-left{left:0}
body:has([data-barba-namespace=top]) #about .deco.garland-left[data-trigger].visible{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
body:has([data-barba-namespace=top]) #about .deco.garland-left[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;-webkit-transition-delay:.5s;transition-delay:.5s;opacity:0;-webkit-transform:rotate(10deg);transform:rotate(10deg);-webkit-transform-origin:right top;transform-origin:right top}
body:has([data-barba-namespace=top]) #about .deco.garland-left img{width:40vw;max-width:793px;height:auto;-webkit-animation:anime-garland_left 10s infinite ease-in-out;animation:anime-garland_left 10s infinite ease-in-out}
body:has([data-barba-namespace=top]) #about .deco.garland-right{right:0}
body:has([data-barba-namespace=top]) #about .deco.garland-right[data-trigger].visible{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
body:has([data-barba-namespace=top]) #about .deco.garland-right[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;-webkit-transition-delay:.5s;transition-delay:.5s;opacity:0;-webkit-transform:rotate(-10deg);transform:rotate(-10deg);-webkit-transform-origin:left top;transform-origin:left top}
body:has([data-barba-namespace=top]) #about .deco.garland-right img{width:36.7213114754vw;max-width:728px;height:auto;-webkit-animation:anime-garland_right 7s infinite ease-in-out;animation:anime-garland_right 7s infinite ease-in-out}
body:has([data-barba-namespace=top]) #howto .wrapper{margin-top:2em}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #howto .wrapper{margin-bottom:-2em}
}
body:has([data-barba-namespace=top]) #howto .container{display:-webkit-box;display:-ms-flexbox;display:flex}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #howto .container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
body:has([data-barba-namespace=top]) #howto .container: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=top]) #howto .container:nth-child(even){-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
body:has([data-barba-namespace=top]) #howto .container:nth-child(even) .visual{left:initial;right:10%}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #howto .container:nth-child(even) .visual{right:initial}
}
body:has([data-barba-namespace=top]) #howto .container:nth-child(even) .ss,body:has([data-barba-namespace=top]) #howto .container:nth-child(even) video{-webkit-mask:-webkit-gradient(linear, left top, right top, from(black), color-stop(80%, black), to(rgba(0, 0, 0, 0)));-webkit-mask:linear-gradient(to right, black 0%, black 80%, rgba(0, 0, 0, 0) 100%);mask:-webkit-gradient(linear, left top, right top, from(black), color-stop(80%, black), to(rgba(0, 0, 0, 0)));mask:linear-gradient(to right, black 0%, black 80%, rgba(0, 0, 0, 0) 100%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #howto .container:nth-child(even) .ss,body:has([data-barba-namespace=top]) #howto .container:nth-child(even) video{-webkit-mask:initial;mask:initial}
}
body:has([data-barba-namespace=top]) #howto .visual,body:has([data-barba-namespace=top]) #howto .ss-text{width:50%;position:relative}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #howto .visual,body:has([data-barba-namespace=top]) #howto .ss-text{width:100%}
}
body:has([data-barba-namespace=top]) #howto .visual img{width:100%;max-width:819.2px;height:auto;position:relative;left:10%}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #howto .visual img{left:initial}
}
body:has([data-barba-namespace=top]) #howto .ss,body:has([data-barba-namespace=top]) #howto video{width:100%;height:auto;position:relative;left:0;top:50%;z-index:-1;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);-webkit-mask:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(20%, black), to(black));-webkit-mask:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 20%, black 100%);mask:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(20%, black), to(black));mask:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 20%, black 100%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #howto .ss,body:has([data-barba-namespace=top]) #howto video{top:0;-webkit-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-mask:initial;mask:initial}
}
body:has([data-barba-namespace=top]) #howto .word{height:auto}
body:has([data-barba-namespace=top]) #howto .word-01{width:63.2761578045%;max-width:527px;position:absolute;left:-5%;bottom:15%}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #howto .word-01{left:50%;top:0;bottom:initial;-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%)}
}
body:has([data-barba-namespace=top]) #howto .word-01[data-trigger]{-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:.25s;transition-delay:.25s;opacity:0;-webkit-transform:translate(50%, -10%);transform:translate(50%, -10%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #howto .word-01[data-trigger]{-webkit-transform:translate(0%, -110%);transform:translate(0%, -110%)}
}
body:has([data-barba-namespace=top]) #howto .word-01[data-trigger].visible{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #howto .word-01[data-trigger].visible{-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%)}
}
body:has([data-barba-namespace=top]) #howto .word-02{width:63.2761578045%;max-width:527px;position:absolute;right:-5%;top:15%}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #howto .word-02{left:50%;right:initial;top:0;-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%)}
}
body:has([data-barba-namespace=top]) #howto .word-02[data-trigger]{-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:.25s;transition-delay:.25s;opacity:0;-webkit-transform:translate(50%, 10%);transform:translate(50%, 10%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #howto .word-02[data-trigger]{-webkit-transform:translate(0%, -90%);transform:translate(0%, -90%)}
}
body:has([data-barba-namespace=top]) #howto .word-02[data-trigger].visible{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #howto .word-02[data-trigger].visible{-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%)}
}
body:has([data-barba-namespace=top]) #howto .word-03{width:70%;max-width:583px;position:absolute;left:-5%;bottom:-17%}
@media screen and (max-width: 960px){body:has([data-barba-namespace=top]) #howto .word-03{left:50%;bottom:50%;-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%)}
}
body:has([data-barba-namespace=top]) #howto .word-03[data-trigger]{opacity:0}
body:has([data-barba-namespace=top]) #howto .word-03[data-trigger].visible{-webkit-animation:anime-betray .6s ease-out both;animation:anime-betray .6s ease-out both;-webkit-animation-delay:.25s;animation-delay:.25s}
body:has([data-barba-namespace=top]) #players{font-family:"Mochiy Pop P One",sans-serif;font-weight:normal;letter-spacing:.1em;line-height:1.7;text-align:center}
body:has([data-barba-namespace=top]) #players .wrapper{width:94%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:auto;margin-right:auto}
body:has([data-barba-namespace=top]) #players .container{padding-top:5.698005698%;position:relative}
body:has([data-barba-namespace=top]) #players .container a{display:inline-block}
body:has([data-barba-namespace=top]) #players .container a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
body:has([data-barba-namespace=top]) #players .players-1 a:hover::before{-webkit-transition:-webkit-transform .25s;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s, -webkit-transform .25s;-webkit-transform:translate(-50%, 0) scale(1);transform:translate(-50%, 0) scale(1)}
body:has([data-barba-namespace=top]) #players .players-2 a:hover::before{-webkit-transition:-webkit-transform .25s;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s, -webkit-transform .25s;-webkit-transform:translate(50%, 0) scale(1);transform:translate(50%, 0) scale(1)}
body:has([data-barba-namespace=top]) #players .container a img{-webkit-transition:-webkit-transform .25s;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s, -webkit-transform .25s;-webkit-transform-origin:center bottom;transform-origin:center bottom}
body:has([data-barba-namespace=top]) #players .players-illust{width:100%;max-width:702px;height:auto}
body:has([data-barba-namespace=top]) #players .players-text{width:59.9715099715%;height:auto;position:absolute;left:50%;top:0;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);z-index:1;pointer-events:none;-webkit-transition:-webkit-transform .25s;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s, -webkit-transform .25s}
body:has([data-barba-namespace=top]) #players .container:has(a:hover) .players-text{-webkit-transition:-webkit-transform .25s;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s, -webkit-transform .25s;-webkit-transform:translate(-50%, 0) scale(1.1);transform:translate(-50%, 0) scale(1.1)}
body:has([data-barba-namespace=top]) #players .players-text[data-trigger].visible{opacity:1;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
body:has([data-barba-namespace=top]) #players .players-text[data-trigger]{-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(-50%, 0) rotate(20deg);transform:translate(-50%, 0) rotate(20deg);-webkit-transform-origin:center 400%;transform-origin:center 400%}
body:has([data-barba-namespace=top]) #players .players-1 a::before,body:has([data-barba-namespace=top]) #players .players-2 a::before{content:"";width:15vw;max-width:195px;height:19.2307692308vw;max-height:250px;background:left top/contain no-repeat;position:absolute;top:0;z-index:1}
body:has([data-barba-namespace=top]) #players .players-1 a::before{background-image:url(../img/deco/deco_star_left.webp);left:0;-webkit-transform:translate(-50%, 0) scale(0);transform:translate(-50%, 0) scale(0);-webkit-transform-origin:right bottom;transform-origin:right bottom}
body:has([data-barba-namespace=top]) #players .players-1 .players-text{-webkit-transition-delay:.25s;transition-delay:.25s}
body:has([data-barba-namespace=top]) #players .players-2 a::before{background-image:url(../img/deco/deco_star_right.webp);right:0;-webkit-transform:translate(50%, 0) scale(0);transform:translate(50%, 0) scale(0);-webkit-transform-origin:left bottom;transform-origin:left bottom}
body:has([data-barba-namespace=top]) #players .players-2 .players-text{-webkit-transition-delay:.5s;transition-delay:.5s}
body:has([data-barba-namespace=top]) #players .text{max-width:94%;margin-top:.5em}
body:has([data-barba-namespace=top]) #players .button-list{margin-top:.5em}
body:has([data-barba-namespace=character]) .bg{width:100%;height:0;background:center center/cover no-repeat;position:absolute;left:0;top:0;-webkit-transition:opacity .25s;transition:opacity .25s}
body:has([data-barba-namespace=character]):has(#player) .bg{padding-top:50%;background-image:url(../img/character/player/bg.webp)}
@media(max-aspect-ratio: 1920/960){body:has([data-barba-namespace=character]):has(#player) .bg{padding-top:100vh}
}
body:has([data-barba-namespace=character]):has(#boss) .bg{padding-top:47.8125%;background-image:url(../img/character/boss/bg.webp)}
@media(max-aspect-ratio: 1920/918){body:has([data-barba-namespace=character]):has(#boss) .bg{padding-top:100vh}
}
body:has([data-barba-namespace=character]) .content_nav{padding:1em 0}
body:has([data-barba-namespace=character]) .content_nav [data-page=player]{background-image:url(../img/character/navi/nav_player.webp)}
body:has([data-barba-namespace=character]) .content_nav [data-page=player]::after{background-image:url(../img/character/navi/nav_player.webp)}
body:has([data-barba-namespace=character]) .content_nav [data-page=boss]{background-image:url(../img/character/navi/nav_boss.webp)}
body:has([data-barba-namespace=character]) .content_nav [data-page=boss]::after{background-image:url(../img/character/navi/nav_boss.webp)}
body:has([data-barba-namespace=character]) #player .character-list{width:80vw;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;margin-left:auto;margin-right:auto}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #player .character-list{width:100%}
}
body:has([data-barba-namespace=character]) #player .character-list[data-trigger].visible .character-visual{opacity:1;left:50%}
body:has([data-barba-namespace=character]) #player .character-list[data-trigger].visible .character-name{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
body:has([data-barba-namespace=character]) #player .character-list[data-trigger] .character-visual{-webkit-transition:opacity .5s,left .5s;transition:opacity .5s,left .5s;opacity:0;left:80%}
body:has([data-barba-namespace=character]) #player .character-list[data-trigger] .character-name{-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(0, -25%);transform:translate(0, -25%)}
body:has([data-barba-namespace=character]) #player .character-list[data-trigger] .character-01 .character-visual{-webkit-transition-delay:.1s;transition-delay:.1s}
body:has([data-barba-namespace=character]) #player .character-list[data-trigger] .character-01 .character-name{-webkit-transition-delay:.35s;transition-delay:.35s}
body:has([data-barba-namespace=character]) #player .character-list[data-trigger] .character-02 .character-visual{-webkit-transition-delay:.2s;transition-delay:.2s}
body:has([data-barba-namespace=character]) #player .character-list[data-trigger] .character-02 .character-name{-webkit-transition-delay:.45s;transition-delay:.45s}
body:has([data-barba-namespace=character]) #player .character-list[data-trigger] .character-03 .character-visual{-webkit-transition-delay:.3s;transition-delay:.3s}
body:has([data-barba-namespace=character]) #player .character-list[data-trigger] .character-03 .character-name{-webkit-transition-delay:.55s;transition-delay:.55s}
body:has([data-barba-namespace=character]) #player .character-list[data-trigger] .character-04 .character-visual{-webkit-transition-delay:.4s;transition-delay:.4s}
body:has([data-barba-namespace=character]) #player .character-list[data-trigger] .character-04 .character-name{-webkit-transition-delay:.65s;transition-delay:.65s}
body:has([data-barba-namespace=character]) #player .character-list[data-trigger] .character-05 .character-visual{-webkit-transition-delay:.5s;transition-delay:.5s}
body:has([data-barba-namespace=character]) #player .character-list[data-trigger] .character-05 .character-name{-webkit-transition-delay:.75s;transition-delay:.75s}
body:has([data-barba-namespace=character]) #player .character-list>li{width:20%;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-align:center;-ms-flex-align:center;align-items:center}
@media screen and (max-width: 640px){body:has([data-barba-namespace=character]) #player .character-list>li{width:29.3333333333%;margin:2%}
}
body:has([data-barba-namespace=character]) #player .character-name{width:90%;max-width:169px;height:auto;margin-top:1%}
body:has([data-barba-namespace=character]) #player .character-visual{position:relative;left:50%}
body:has([data-barba-namespace=character]) #player .character-01 .character-visual{width:100%;height:auto;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
body:has([data-barba-namespace=character]) #player .character-02 .character-visual{width:98.3870967742%;height:auto;-webkit-transform:translate(-37%, 0);transform:translate(-37%, 0)}
body:has([data-barba-namespace=character]) #player .character-03 .character-visual{width:99.0322580645%;height:auto;-webkit-transform:translate(-65%, 0);transform:translate(-65%, 0)}
body:has([data-barba-namespace=character]) #player .character-04 .character-visual{width:90.3225806452%;height:auto;-webkit-transform:translate(-60%, 0);transform:translate(-60%, 0)}
body:has([data-barba-namespace=character]) #player .character-05 .character-visual{width:69.3548387097%;height:auto;-webkit-transform:translate(-75%, 0);transform:translate(-75%, 0)}
body:has([data-barba-namespace=character]) #player .media-list{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-top:2em;margin-bottom:2em}
@media screen and (max-width: 640px){body:has([data-barba-namespace=character]) #player .media-list>li{max-width:90%}
}
body:has([data-barba-namespace=character]) #player .media-text-01{width:74.1891891892%;max-width:549px}
body:has([data-barba-namespace=character]) #player .media-text-02{width:78.9189189189%;max-width:584px}
body:has([data-barba-namespace=character]) #player .comment img{width:auto;height:2.25em;margin-left:-0.5em;margin-bottom:-0.25em}
body:has([data-barba-namespace=character]) #throw .media-list{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-top:2em;margin-bottom:2em}
@media screen and (max-width: 640px){body:has([data-barba-namespace=character]) #throw .media-list>li{max-width:90%}
}
body:has([data-barba-namespace=character]) #throw .media-text-01{width:88.6486486486%;max-width:656px}
body:has([data-barba-namespace=character]) #throw .media-text-02{width:84.1891891892%;max-width:623px}
body:has([data-barba-namespace=character]) #throw .media-text-03{width:73.2432432432%;max-width:542px}
body:has([data-barba-namespace=character]) #throw .media-text-04{width:60%;max-width:514px}
body:has([data-barba-namespace=character]) #boss .character-list{width:80vw;max-width:calc(676px + 230px);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;margin-left:auto;margin-right:auto;margin-top:2em}
@media screen and (max-width: 960px){body:has([data-barba-namespace=character]) #boss .character-list{width:100%}
}
body:has([data-barba-namespace=character]) #boss .character-list[data-trigger].visible .character-visual{opacity:1;-webkit-filter:brightness(1);filter:brightness(1)}
body:has([data-barba-namespace=character]) #boss .character-list[data-trigger].visible .character-kings .character-visual{-webkit-transform:translate(-18%, 0) scale(1);transform:translate(-18%, 0) scale(1)}
body:has([data-barba-namespace=character]) #boss .character-list[data-trigger].visible .character-great_king .character-visual{-webkit-transform:translate(-42%, -5%) scale(1);transform:translate(-42%, -5%) scale(1)}
body:has([data-barba-namespace=character]) #boss .character-list[data-trigger].visible .character-kings .character-name,body:has([data-barba-namespace=character]) #boss .character-list[data-trigger].visible .character-great_king .character-name{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
body:has([data-barba-namespace=character]) #boss .character-list[data-trigger] .character-visual{-webkit-transition:opacity .5s,-webkit-filter .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-filter .5s,-webkit-transform .5s;transition:opacity .5s,filter .5s,transform .5s;transition:opacity .5s,filter .5s,transform .5s,-webkit-filter .5s,-webkit-transform .5s;opacity:0;-webkit-filter:brightness(0);filter:brightness(0)}
body:has([data-barba-namespace=character]) #boss .character-list[data-trigger] .character-visual.character-visual-01{-webkit-transition-delay:.125s;transition-delay:.125s}
body:has([data-barba-namespace=character]) #boss .character-list[data-trigger] .character-visual.character-visual-02{-webkit-transition-delay:.25s;transition-delay:.25s}
body:has([data-barba-namespace=character]) #boss .character-list[data-trigger] .character-visual.character-visual-03{-webkit-transition-delay:.375s;transition-delay:.375s}
body:has([data-barba-namespace=character]) #boss .character-list[data-trigger] .character-visual.character-visual-04{-webkit-transition-delay:.5s;transition-delay:.5s}
body:has([data-barba-namespace=character]) #boss .character-list[data-trigger] .character-visual.character-visual-05{-webkit-transition-delay:.625s;transition-delay:.625s}
body:has([data-barba-namespace=character]) #boss .character-list[data-trigger] .character-visual.character-visual-06{-webkit-transition-delay:.75s;transition-delay:.75s}
body:has([data-barba-namespace=character]) #boss .character-list[data-trigger] .character-visual.character-visual-07{-webkit-transition-delay:1.25s;transition-delay:1.25s}
body:has([data-barba-namespace=character]) #boss .character-list[data-trigger] .character-kings .character-visual{-webkit-transform:translate(-18%, 0) scale(2);transform:translate(-18%, 0) scale(2)}
body:has([data-barba-namespace=character]) #boss .character-list[data-trigger] .character-kings .character-name{-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(0, -25%);transform:translate(0, -25%)}
body:has([data-barba-namespace=character]) #boss .character-list[data-trigger] .character-great_king .character-visual{-webkit-transform:translate(-42%, -5%) scale(2);transform:translate(-42%, -5%) scale(2)}
body:has([data-barba-namespace=character]) #boss .character-list[data-trigger] .character-great_king .character-name{-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:1.5s;transition-delay:1.5s;opacity:0;-webkit-transform:translate(0, -25%);transform:translate(0, -25%)}
body:has([data-barba-namespace=character]) #boss .character-list>li{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-align:center;-ms-flex-align:center;align-items:center}
body:has([data-barba-namespace=character]) #boss .character-name{margin-top:.25em}
body:has([data-barba-namespace=character]) #boss .character-visual{position:relative;left:50%}
body:has([data-barba-namespace=character]) #boss .character-kings{width:66.6136865342%;margin-right:1%}
@media screen and (max-width: 640px){body:has([data-barba-namespace=character]) #boss .character-kings{width:92%;margin:4%}
}
body:has([data-barba-namespace=character]) #boss .character-kings .character-visual{-webkit-transform:translate(-18%, 0);transform:translate(-18%, 0)}
body:has([data-barba-namespace=character]) #boss .character-kings .character-name{width:18.2105263158vw;max-width:173px;min-width:112.45px;height:auto}
body:has([data-barba-namespace=character]) #boss .character-great_king{width:25.3863134658%;margin-left:1%}
@media screen and (max-width: 640px){body:has([data-barba-namespace=character]) #boss .character-great_king{width:92%;margin:4%}
}
body:has([data-barba-namespace=character]) #boss .character-great_king .character-visual{width:100%;-webkit-transform:translate(-42%, -5%);transform:translate(-42%, -5%)}
@media screen and (max-width: 640px){body:has([data-barba-namespace=character]) #boss .character-great_king .character-visual{width:34.0236686391%;left:18%}
}
body:has([data-barba-namespace=character]) #boss .character-great_king .character-name{width:22vw;max-width:209px;min-width:135.85px;height:auto}
body:has([data-barba-namespace=character]) #boss .character-visual-wrapper{width:100%;height:0;padding-top:69.674556213%;position:relative}
body:has([data-barba-namespace=character]) #boss .character-visual-01{width:22.9289940828%;height:73.2484076433%;position:absolute;left:41.7159763314%;top:26.7515923567%;z-index:5}
body:has([data-barba-namespace=character]) #boss .character-visual-02{width:30.9171597633%;height:71.1252653928%;position:absolute;left:18.7869822485%;top:19.7452229299%;z-index:4}
body:has([data-barba-namespace=character]) #boss .character-visual-03{width:32.100591716%;height:71.3375796178%;position:absolute;left:52.0710059172%;top:22.2929936306%;z-index:3}
body:has([data-barba-namespace=character]) #boss .character-visual-04{width:30.6213017751%;height:67.940552017%;position:absolute;left:0%;top:7.0063694268%;z-index:2}
body:has([data-barba-namespace=character]) #boss .character-visual-05{width:30.1775147929%;height:70.7006369427%;position:absolute;left:69.8224852071%;top:7.855626327%;z-index:1}
body:has([data-barba-namespace=character]) #boss .character-visual-06{width:28.1065088757%;height:70.7006369427%;position:absolute;left:44.674556213%;top:0%;z-index:0}
body:has([data-barba-namespace=character]) #boss .media-list{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-top:2em;margin-bottom:2em}
@media screen and (max-width: 640px){body:has([data-barba-namespace=character]) #boss .media-list>li{max-width:90%}
}
body:has([data-barba-namespace=character]) #boss .media-text-01{width:78.9189189189%;max-width:584px}
body:has([data-barba-namespace=character]) #boss .media-text-02{width:74.4594594595%;max-width:551px}
body:has([data-barba-namespace=character]) #boss .media-text-03{width:84.4594594595%;max-width:625px}
body:has([data-barba-namespace=character]) #boss .media-text-04{width:76.0810810811%;max-width:563px}
body:has([data-barba-namespace=howto]) .bg{width:100%;height:0;background:center center/cover no-repeat;position:absolute;left:0;top:0}
body:has([data-barba-namespace=howto]):has(#what_kind) .bg{padding-top:40.9375%;-webkit-mask:-webkit-gradient(linear, left top, left bottom, from(black), color-stop(80%, black), to(rgba(0, 0, 0, 0)));-webkit-mask:linear-gradient(to bottom, black 0%, black 80%, rgba(0, 0, 0, 0) 100%);mask:-webkit-gradient(linear, left top, left bottom, from(black), color-stop(80%, black), to(rgba(0, 0, 0, 0)));mask:linear-gradient(to bottom, black 0%, black 80%, rgba(0, 0, 0, 0) 100%)}
@media(max-aspect-ratio: 1920/786){body:has([data-barba-namespace=howto]):has(#what_kind) .bg{padding-top:100vh}
}
@media screen and (max-width: 960px){body:has([data-barba-namespace=howto]):has(#what_kind) .bg{padding-top:70.8333333333%;background-image:url(../img/howto/what_kind/bg.webp)}
}
@media screen and (max-width: 960px)and (max-aspect-ratio: 960/680){body:has([data-barba-namespace=howto]):has(#what_kind) .bg{padding-top:100vh}
}
body:has([data-barba-namespace=howto]):has(#what_kind) .bg::before{content:"";width:60%;height:100%;background:url(../img/howto/what_kind/bg.webp) center center/cover no-repeat;position:absolute;right:0;top:0}
@media screen and (max-width: 960px){body:has([data-barba-namespace=howto]):has(#what_kind) .bg::before{display:none}
}
body:has([data-barba-namespace=howto]):has(#what_kind) .bg::after{content:"";width:50%;height:100%;background:-webkit-gradient(linear, left top, right top, from(#468af5), color-stop(80%, #468af5), to(rgba(0, 0, 0, 0)));background:linear-gradient(to right, #468af5 0%, #468af5 80%, rgba(0, 0, 0, 0) 100%);position:absolute;left:0;top:0}
@media screen and (max-width: 960px){body:has([data-barba-namespace=howto]):has(#what_kind) .bg::after{display:none}
}
body:has([data-barba-namespace=howto]):has(#objective) .bg{padding-top:43.75%;overflow:hidden}
@media(max-aspect-ratio: 960/420){body:has([data-barba-namespace=howto]):has(#objective) .bg{height:100vh;max-height:100vw}
}
body:has([data-barba-namespace=howto]):has(#objective) .bg video{width:100%;height:auto;-webkit-mask:-webkit-gradient(linear, left top, left bottom, from(black), color-stop(50%, black), to(rgba(0, 0, 0, 0)));-webkit-mask:linear-gradient(to bottom, black 0%, black 50%, rgba(0, 0, 0, 0) 100%);mask:-webkit-gradient(linear, left top, left bottom, from(black), color-stop(50%, black), to(rgba(0, 0, 0, 0)));mask:linear-gradient(to bottom, black 0%, black 50%, rgba(0, 0, 0, 0) 100%);position:absolute;left:50%;top:0;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);opacity:.9}
@media(max-aspect-ratio: 960/420){body:has([data-barba-namespace=howto]):has(#objective) .bg video{width:auto;height:100%}
}
body:has([data-barba-namespace=howto]):has(#how_to_play) .bg{padding-top:43.75%;overflow:hidden}
@media(max-aspect-ratio: 960/420){body:has([data-barba-namespace=howto]):has(#how_to_play) .bg{height:100vh;max-height:100vw}
}
body:has([data-barba-namespace=howto]):has(#how_to_play) .bg video{width:100%;height:auto;-webkit-mask:-webkit-gradient(linear, left top, left bottom, from(black), color-stop(50%, black), to(rgba(0, 0, 0, 0)));-webkit-mask:linear-gradient(to bottom, black 0%, black 50%, rgba(0, 0, 0, 0) 100%);mask:-webkit-gradient(linear, left top, left bottom, from(black), color-stop(50%, black), to(rgba(0, 0, 0, 0)));mask:linear-gradient(to bottom, black 0%, black 50%, rgba(0, 0, 0, 0) 100%);position:absolute;left:50%;top:0;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);opacity:.9}
@media(max-aspect-ratio: 960/420){body:has([data-barba-namespace=howto]):has(#how_to_play) .bg video{width:auto;height:100%}
}
body:has([data-barba-namespace=howto]):has(#multi_play) .bg{padding-top:48.5416666667%;background-image:url(../img/howto/multi_play/bg.webp)}
@media(max-aspect-ratio: 1920/932){body:has([data-barba-namespace=howto]):has(#multi_play) .bg{padding-top:100vh}
}
body:has([data-barba-namespace=howto]) .content_nav{padding:1em 0}
body:has([data-barba-namespace=howto]) .content_nav [data-page=what_kind]{background-image:url(../img/howto/navi/nav_what_kind.webp)}
body:has([data-barba-namespace=howto]) .content_nav [data-page=what_kind]::after{background-image:url(../img/howto/navi/nav_what_kind.webp)}
body:has([data-barba-namespace=howto]) .content_nav [data-page=objective]{background-image:url(../img/howto/navi/nav_objective.webp)}
body:has([data-barba-namespace=howto]) .content_nav [data-page=objective]::after{background-image:url(../img/howto/navi/nav_objective.webp)}
body:has([data-barba-namespace=howto]) .content_nav [data-page=how_to_play]{background-image:url(../img/howto/navi/nav_how_to_play.webp)}
body:has([data-barba-namespace=howto]) .content_nav [data-page=how_to_play]::after{background-image:url(../img/howto/navi/nav_how_to_play.webp)}
body:has([data-barba-namespace=howto]) .content_nav [data-page=multi_play]{background-image:url(../img/howto/navi/nav_multi_play.webp)}
body:has([data-barba-namespace=howto]) .content_nav [data-page=multi_play]::after{background-image:url(../img/howto/navi/nav_multi_play.webp)}
body:has([data-barba-namespace=howto]) #what_kind .media-list{margin-top:2em;margin-bottom:2em}
@media screen and (max-width: 640px){body:has([data-barba-namespace=howto]) #what_kind .media-list>li{max-width:90%}
}
body:has([data-barba-namespace=howto]) #what_kind .catch_copy{width:80vw;text-align:left;margin-left:auto;margin-right:auto;margin-bottom:2em}
@media screen and (max-width: 960px){body:has([data-barba-namespace=howto]) #what_kind .catch_copy{text-align:center;padding-top:clamp(150px,100vh - 100vw,200px)}
}
body:has([data-barba-namespace=howto]) #what_kind .catch_copy img{width:50%;max-width:605px;height:auto}
@media screen and (max-width: 960px){body:has([data-barba-namespace=howto]) #what_kind .catch_copy img{width:90%}
}
body:has([data-barba-namespace=howto]) #what_kind .wrapper{margin-top:2em;margin-bottom:2em}
body:has([data-barba-namespace=howto]) #what_kind .container{display:-webkit-box;display:-ms-flexbox;display:flex}
@media screen and (max-width: 960px){body:has([data-barba-namespace=howto]) #what_kind .container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
body:has([data-barba-namespace=howto]) #what_kind .container: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=howto]) #what_kind .container:nth-child(even){-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
body:has([data-barba-namespace=howto]) #what_kind .container:nth-child(even) .visual{left:initial;right:15%}
@media screen and (max-width: 960px){body:has([data-barba-namespace=howto]) #what_kind .container:nth-child(even) .visual{right:initial}
}
body:has([data-barba-namespace=howto]) #what_kind .container:nth-child(even) .ss,body:has([data-barba-namespace=howto]) #what_kind .container:nth-child(even) video{-webkit-mask:-webkit-gradient(linear, left top, right top, from(black), color-stop(80%, black), to(rgba(0, 0, 0, 0)));-webkit-mask:linear-gradient(to right, black 0%, black 80%, rgba(0, 0, 0, 0) 100%);mask:-webkit-gradient(linear, left top, right top, from(black), color-stop(80%, black), to(rgba(0, 0, 0, 0)));mask:linear-gradient(to right, black 0%, black 80%, rgba(0, 0, 0, 0) 100%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=howto]) #what_kind .container:nth-child(even) .ss,body:has([data-barba-namespace=howto]) #what_kind .container:nth-child(even) video{-webkit-mask:initial;mask:initial}
}
body:has([data-barba-namespace=howto]) #what_kind .visual,body:has([data-barba-namespace=howto]) #what_kind .ss-text{width:50%;position:relative}
@media screen and (max-width: 960px){body:has([data-barba-namespace=howto]) #what_kind .visual,body:has([data-barba-namespace=howto]) #what_kind .ss-text{width:100%}
}
body:has([data-barba-namespace=howto]) #what_kind .visual img{width:100%;max-width:819.2px;height:auto;position:relative;left:15%}
@media screen and (max-width: 960px){body:has([data-barba-namespace=howto]) #what_kind .visual img{left:initial}
}
body:has([data-barba-namespace=howto]) #what_kind .ss,body:has([data-barba-namespace=howto]) #what_kind video{width:100%;height:auto;position:relative;left:0;top:50%;z-index:-1;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);-webkit-mask:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(20%, black), to(black));-webkit-mask:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 20%, black 100%);mask:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(20%, black), to(black));mask:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 20%, black 100%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=howto]) #what_kind .ss,body:has([data-barba-namespace=howto]) #what_kind video{top:0;-webkit-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-mask:initial;mask:initial}
}
body:has([data-barba-namespace=howto]) #what_kind .word{height:auto}
body:has([data-barba-namespace=howto]) #what_kind .word-01{width:63.2761578045%;max-width:527px;position:absolute;left:-5%;bottom:15%}
@media screen and (max-width: 960px){body:has([data-barba-namespace=howto]) #what_kind .word-01{left:50%;top:0;bottom:initial;-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%)}
}
body:has([data-barba-namespace=howto]) #what_kind .word-01[data-trigger]{-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:.25s;transition-delay:.25s;opacity:0;-webkit-transform:translate(50%, -10%);transform:translate(50%, -10%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=howto]) #what_kind .word-01[data-trigger]{-webkit-transform:translate(0%, -110%);transform:translate(0%, -110%)}
}
body:has([data-barba-namespace=howto]) #what_kind .word-01[data-trigger].visible{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=howto]) #what_kind .word-01[data-trigger].visible{-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%)}
}
body:has([data-barba-namespace=howto]) #what_kind .word-02{width:63.2761578045%;max-width:527px;position:absolute;right:-5%;top:15%}
@media screen and (max-width: 960px){body:has([data-barba-namespace=howto]) #what_kind .word-02{left:50%;right:initial;top:0;-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%)}
}
body:has([data-barba-namespace=howto]) #what_kind .word-02[data-trigger]{-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:.25s;transition-delay:.25s;opacity:0;-webkit-transform:translate(50%, 10%);transform:translate(50%, 10%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=howto]) #what_kind .word-02[data-trigger]{-webkit-transform:translate(0%, -90%);transform:translate(0%, -90%)}
}
body:has([data-barba-namespace=howto]) #what_kind .word-02[data-trigger].visible{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=howto]) #what_kind .word-02[data-trigger].visible{-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%)}
}
body:has([data-barba-namespace=howto]) #what_kind .word-03{width:70%;max-width:583px;position:absolute;left:-5%;bottom:-17%}
@media screen and (max-width: 960px){body:has([data-barba-namespace=howto]) #what_kind .word-03{left:50%;bottom:50%;-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%)}
}
body:has([data-barba-namespace=howto]) #what_kind .word-03[data-trigger]{opacity:0}
body:has([data-barba-namespace=howto]) #what_kind .word-03[data-trigger].visible{-webkit-animation:anime-betray .6s ease-out both;animation:anime-betray .6s ease-out both;-webkit-animation-delay:.25s;animation-delay:.25s}
body:has([data-barba-namespace=howto]) #objective .caption{width:94%;max-width:1280px;-webkit-filter:drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5));filter:drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5));text-align:left;margin-left:auto;margin-right:auto;margin-bottom:3em}
@media screen and (max-width: 960px){body:has([data-barba-namespace=howto]) #objective .caption{text-align:center}
}
body:has([data-barba-namespace=howto]) #objective .caption img{width:50.85vw;max-width:678px;height:auto}
@media screen and (max-width: 960px){body:has([data-barba-namespace=howto]) #objective .caption img{width:67.8vw}
}
body:has([data-barba-namespace=howto]) #objective .media-list{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-top:2em;margin-bottom:2em}
@media screen and (max-width: 640px){body:has([data-barba-namespace=howto]) #objective .media-list>li{max-width:90%}
}
body:has([data-barba-namespace=howto]) #objective .media-text-01{width:67.972972973%;max-width:503px}
body:has([data-barba-namespace=howto]) #objective .media-text-02{width:78.6486486486%;max-width:582px}
body:has([data-barba-namespace=howto]) #objective .media-text-03{width:74.1891891892%;max-width:549px}
body:has([data-barba-namespace=howto]) #objective .media-text-04{width:91.8918918919%;max-width:680px}
body:has([data-barba-namespace=howto]) #objective .deco{width:80vw;max-width:541.5px;height:auto}
body:has([data-barba-namespace=howto]) #how_to_play .caption{width:94%;max-width:1280px;-webkit-filter:drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5));filter:drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5));text-align:left;margin-left:auto;margin-right:auto;margin-bottom:3em}
@media screen and (max-width: 960px){body:has([data-barba-namespace=howto]) #how_to_play .caption{text-align:center}
}
body:has([data-barba-namespace=howto]) #how_to_play .caption img{width:47.475vw;max-width:633px;height:auto}
@media screen and (max-width: 960px){body:has([data-barba-namespace=howto]) #how_to_play .caption img{width:63.3vw}
}
body:has([data-barba-namespace=howto]) #how_to_play .media-list{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-top:2em;margin-bottom:2em}
@media screen and (max-width: 640px){body:has([data-barba-namespace=howto]) #how_to_play .media-list>li{max-width:90%}
}
body:has([data-barba-namespace=howto]) #how_to_play .media-text-01{width:50.9459459459%;max-width:377px}
body:has([data-barba-namespace=howto]) #how_to_play .media-text-02{width:62.027027027%;max-width:459px}
body:has([data-barba-namespace=howto]) #how_to_play .media-text-03{width:69.0540540541%;max-width:511px}
body:has([data-barba-namespace=howto]) #how_to_play .media-text-04{width:60.1351351351%;max-width:445px}
body:has([data-barba-namespace=howto]) #how_to_play .media-text-05{width:69.0540540541%;max-width:511px}
body:has([data-barba-namespace=howto]) #how_to_play .media-text-06{width:79.3243243243%;max-width:587px}
body:has([data-barba-namespace=howto]) #multi_play .caption{width:94%;max-width:1280px;-webkit-filter:drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5));filter:drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5));text-align:left;padding:3% 0;position:relative;margin-left:auto;margin-right:auto;margin-bottom:3em}
@media screen and (max-width: 960px){body:has([data-barba-namespace=howto]) #multi_play .caption{text-align:center;padding-top:0;padding-bottom:50%;margin-bottom:initial}
}
body:has([data-barba-namespace=howto]) #multi_play .caption::after{content:"";width:50vw;max-width:702px;height:35.3988603989vw;max-height:497px;background:url(../img/top/img_players_1.webp) center center/contain no-repeat;-webkit-mask:-webkit-gradient(linear, left top, left bottom, from(black), color-stop(90%, black), to(rgba(0, 0, 0, 0)));-webkit-mask:linear-gradient(to bottom, black 0%, black 90%, rgba(0, 0, 0, 0) 100%);mask:-webkit-gradient(linear, left top, left bottom, from(black), color-stop(90%, black), to(rgba(0, 0, 0, 0)));mask:linear-gradient(to bottom, black 0%, black 90%, rgba(0, 0, 0, 0) 100%);position:absolute;left:50%;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=howto]) #multi_play .caption::after{width:80vw;height:56.6381766382vw;left:50%;top:initial;bottom:0;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
}
body:has([data-barba-namespace=howto]) #multi_play .caption img{width:60.225vw;max-width:803px;height:auto;position:relative;z-index:1}
@media screen and (max-width: 960px){body:has([data-barba-namespace=howto]) #multi_play .caption img{width:80.3vw}
}
body:has([data-barba-namespace=howto]) #multi_play .sub_caption .platform{font-weight:bold;letter-spacing:initial}
body:has([data-barba-namespace=howto]) #multi_play .media-list{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-top:2em;margin-bottom:2em}
@media screen and (max-width: 640px){body:has([data-barba-namespace=howto]) #multi_play .media-list>li{max-width:90%}
}
body:has([data-barba-namespace=howto]) #multi_play .media-text-01{width:79.1891891892%;max-width:586px}
body:has([data-barba-namespace=howto]) #multi_play .media-text-02{width:79.0540540541%;max-width:585px}
body:has([data-barba-namespace=howto]) #multi_play .bullet-point{font-size:.8em}
body:has([data-barba-namespace=howto]) #multi_play h4{font-weight:bold;margin-bottom:.5em}
body:has([data-barba-namespace=howto]) #multi_play table{margin-left:auto;margin-right:auto}
body:has([data-barba-namespace=howto]) #multi_play tr th,body:has([data-barba-namespace=howto]) #multi_play tr td{border:2px solid #999;padding:.25em 1em}
body:has([data-barba-namespace=howto]) #multi_play tr th{width:12em;color:#fff;background-color:#48aee8;font-weight:normal;text-align:center;vertical-align:middle}
body:has([data-barba-namespace=howto]) #multi_play tr th.switch2{background-color:#b62828;letter-spacing:initial;white-space:nowrap}
body:has([data-barba-namespace=howto]) #multi_play tr th.switch{background-color:#b53e3e;letter-spacing:initial;white-space:nowrap}
body:has([data-barba-namespace=howto]) #multi_play tr th.invisible{background-color:rgba(0,0,0,0);border:none}
body:has([data-barba-namespace=howto]) #multi_play tr td{background-color:#fff}
body:has([data-barba-namespace=howto]) #single_play .caption{width:94%;max-width:1280px;-webkit-filter:drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5));filter:drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5));text-align:right;padding:10% 0;position:relative;margin-left:auto;margin-right:auto;margin-bottom:3em}
@media screen and (max-width: 960px){body:has([data-barba-namespace=howto]) #single_play .caption{text-align:center;padding-top:0;padding-bottom:50%;margin-bottom:initial}
}
body:has([data-barba-namespace=howto]) #single_play .caption::after{content:"";width:50vw;max-width:702px;height:35.3988603989vw;max-height:497px;background:url(../img/top/img_players_2.webp) center center/contain no-repeat;-webkit-mask:-webkit-gradient(linear, left top, left bottom, from(black), color-stop(90%, black), to(rgba(0, 0, 0, 0)));-webkit-mask:linear-gradient(to bottom, black 0%, black 90%, rgba(0, 0, 0, 0) 100%);mask:-webkit-gradient(linear, left top, left bottom, from(black), color-stop(90%, black), to(rgba(0, 0, 0, 0)));mask:linear-gradient(to bottom, black 0%, black 90%, rgba(0, 0, 0, 0) 100%);position:absolute;left:0;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=howto]) #single_play .caption::after{width:80vw;height:56.6381766382vw;left:50%;top:initial;bottom:0;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
}
body:has([data-barba-namespace=howto]) #single_play .caption img{width:48.3vw;max-width:644px;height:auto;position:relative;z-index:1}
@media screen and (max-width: 960px){body:has([data-barba-namespace=howto]) #single_play .caption img{width:64.4vw}
}
body:has([data-barba-namespace=howto]) #single_play .media-list{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-top:2em;margin-bottom:2em}
@media screen and (max-width: 640px){body:has([data-barba-namespace=howto]) #single_play .media-list>li{max-width:90%}
}
body:has([data-barba-namespace=howto]) #single_play .media-text-01{width:59.3243243243%;max-width:439px}
body:has([data-barba-namespace=map]) .caption{margin-bottom:2em}
body:has([data-barba-namespace=map]) .caption span{display:inline-block;position:relative}
body:has([data-barba-namespace=map]) .caption img{width:auto;height:14vw;max-height:110px}
body:has([data-barba-namespace=map]) .media-list{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-top:2em;margin-bottom:2em}
@media screen and (max-width: 640px){body:has([data-barba-namespace=map]) .media-list>li{max-width:90%}
}
@media screen and (max-width: 960px)and (orientation: portrait){body:has([data-barba-namespace=map]) #map .caption{margin-bottom:1em}
}
body:has([data-barba-namespace=map]) #map .map{width:80vw;max-width:1920px;height:auto;aspect-ratio:1920/980;background:url(../img/map/map.webp) center center/contain no-repeat;position:relative;margin-left:auto;margin-right:auto}
@media screen and (max-width: 960px){body:has([data-barba-namespace=map]) #map .map{width:100%;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
}
@media screen and (max-width: 960px)and (orientation: portrait){body:has([data-barba-namespace=map]) #map .map-sticky{background-color:#f3e4da;padding-top:1em;position:sticky;top:0;z-index:2}
body:has([data-barba-namespace=map]) #map .map-sticky::before{content:"";width:100%;height:1em;background-image:-webkit-gradient(linear, left top, left bottom, from(#f3e4da), to(rgba(243, 228, 218, 0)));background-image:linear-gradient(to bottom, #f3e4da 0%, rgba(243, 228, 218, 0) 100%);position:absolute;left:0;top:100%}
}
body:has([data-barba-namespace=map]) #map .map .area-list{width:100%;height:100%;text-align:left}
body:has([data-barba-namespace=map]) #map .map .area-list>li{display:inline-block}
body:has([data-barba-namespace=map]) #map .map .area-list>li:has(.area-balloon:hover){z-index:13}
body:has([data-barba-namespace=map]) #map .map .area-list .shortcut{display:none}
@media screen and (max-width: 960px){body:has([data-barba-namespace=map]) #map .map .area-list .shortcut{display:block}
}
body:has([data-barba-namespace=map]) #map .map .area-balloon{background-color:#fff;border:solid 1px #55a9dc;border-radius:1em;position:relative;z-index:2}
@media screen and (max-width: 960px){body:has([data-barba-namespace=map]) #map .map .area-balloon{display:none}
}
body:has([data-barba-namespace=map]) #map .map .area-balloon::before{content:"";width:.5em;height:calc(.5em + 0px);background-color:#fff;position:absolute;left:50%;z-index:1}
body:has([data-barba-namespace=map]) #map .map .area-balloon::after{content:"";width:calc(.5em + 1px);height:calc(.5em + 0px);background-color:#55a9dc;position:absolute;left:50%}
body:has([data-barba-namespace=map]) #map .map .area-balloon.bottom{-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%)}
body:has([data-barba-namespace=map]) #map .map .area-balloon.bottom::before{clip-path:polygon(0% 0%, 100% 0%, 50% 100%);bottom:0;-webkit-transform:translate(-50%, calc(100% - 1px));transform:translate(-50%, calc(100% - 1px))}
body:has([data-barba-namespace=map]) #map .map .area-balloon.bottom::after{clip-path:polygon(0% 0%, 100% 0%, 50% 100%);bottom:0;-webkit-transform:translate(-50%, calc(100% - 0px));transform:translate(-50%, calc(100% - 0px))}
body:has([data-barba-namespace=map]) #map .map .area-balloon.top{-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%)}
body:has([data-barba-namespace=map]) #map .map .area-balloon.top::before{clip-path:polygon(50% 0%, 100% 100%, 0% 100%);top:0;-webkit-transform:translate(-50%, calc(-100% + 1px));transform:translate(-50%, calc(-100% + 1px))}
body:has([data-barba-namespace=map]) #map .map .area-balloon.top::after{clip-path:polygon(50% 0%, 100% 100%, 0% 100%);top:0;-webkit-transform:translate(-50%, calc(-100% + 0px));transform:translate(-50%, calc(-100% + 0px))}
body:has([data-barba-namespace=map]) #map .map .area-balloon:hover .area-name{font-size:1em}
body:has([data-barba-namespace=map]) #map .map .area-balloon:hover .area-detail{max-width:99em;max-height:calc(180px + 9em);padding-top:1em;padding-bottom:1em;visibility:visible}
body:has([data-barba-namespace=map]) #map .map .area-balloon.disabled{pointer-events:none}
body:has([data-barba-namespace=map]) #map .map .area-name{color:#55a9dc;font-size:.8em;font-weight:bold;padding:.25em .5em;text-align:center;-webkit-transition:font-size .25s;transition:font-size .25s}
body:has([data-barba-namespace=map]) #map .map .area-detail{color:#333;font-size:.6em;padding:1em 1.5em;position:relative;-webkit-transition:max-width .25s,max-height .25s,padding-top .25s,padding-bottom .25s,visibility .25s;transition:max-width .25s,max-height .25s,padding-top .25s,padding-bottom .25s,visibility .25s;max-width:0;max-height:0;text-align:center;padding-top:0;padding-bottom:0;white-space:nowrap;visibility:hidden;overflow:hidden}
body:has([data-barba-namespace=map]) #map .map .area-detail::before{content:"";width:calc(100% - 3em);height:2px;background-image:radial-gradient(circle, #ccc 1px, transparent 1px);background-position:left top;background-repeat:repeat-x;background-size:4px 2px;position:absolute;left:50%;top:0;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
body:has([data-barba-namespace=map]) #map .map .area-detail a{width:320px;max-width:90vw;margin-left:auto;margin-right:auto}
body:has([data-barba-namespace=map]) #map .map .area-description{display:inline-block;text-align:left}
body:has([data-barba-namespace=map]) #map .map .area-01{position:absolute;left:54.2708333333%;top:28.0612244898%;z-index:12}
@media screen and (max-width: 960px){body:has([data-barba-namespace=map]) #map .map .area-01{position:absolute;left:54.2708333333%;top:28.0612244898%}
}
body:has([data-barba-namespace=map]) #map .map .area-02{position:absolute;left:67.6041666667%;top:41.3265306122%;z-index:11}
@media screen and (max-width: 960px){body:has([data-barba-namespace=map]) #map .map .area-02{position:absolute;left:67.6041666667%;top:41.3265306122%}
}
body:has([data-barba-namespace=map]) #map .map .area-03{position:absolute;left:29.5833333333%;top:23.4693877551%;z-index:10}
@media screen and (max-width: 960px){body:has([data-barba-namespace=map]) #map .map .area-03{position:absolute;left:31.6666666667%;top:30.612244898%}
}
body:has([data-barba-namespace=map]) #map .map .area-04{position:absolute;left:45.5729166667%;top:25%;z-index:9}
@media screen and (max-width: 960px){body:has([data-barba-namespace=map]) #map .map .area-04{position:absolute;left:46.6145833333%;top:25%}
}
body:has([data-barba-namespace=map]) #map .map .area-05{position:absolute;left:69.2708333333%;top:17.8571428571%;z-index:8}
@media screen and (max-width: 960px){body:has([data-barba-namespace=map]) #map .map .area-05{position:absolute;left:69.2708333333%;top:16.8367346939%}
}
body:has([data-barba-namespace=map]) #map .map .area-06{position:absolute;left:79.1666666667%;top:32.1428571429%;z-index:7}
@media screen and (max-width: 960px){body:has([data-barba-namespace=map]) #map .map .area-06{position:absolute;left:79.1666666667%;top:31.1224489796%}
}
body:has([data-barba-namespace=map]) #map .map .area-07{position:absolute;left:78.2291666667%;top:53.5714285714%;z-index:6}
@media screen and (max-width: 960px){body:has([data-barba-namespace=map]) #map .map .area-07{position:absolute;left:78.2291666667%;top:53.5714285714%}
}
body:has([data-barba-namespace=map]) #map .map .area-08{position:absolute;left:55.7291666667%;top:45.9183673469%;z-index:5}
@media screen and (max-width: 960px){body:has([data-barba-namespace=map]) #map .map .area-08{position:absolute;left:55.7291666667%;top:58.1632653061%}
}
body:has([data-barba-namespace=map]) #map .map .area-09{position:absolute;left:60.7291666667%;top:69.1836734694%;z-index:4}
@media screen and (max-width: 960px){body:has([data-barba-namespace=map]) #map .map .area-09{position:absolute;left:65.2083333333%;top:77.9591836735%}
}
body:has([data-barba-namespace=map]) #map .map .area-10{position:absolute;left:41.0416666667%;top:56.6326530612%;z-index:3}
@media screen and (max-width: 960px){body:has([data-barba-namespace=map]) #map .map .area-10{position:absolute;left:41.0416666667%;top:58.1632653061%}
}
body:has([data-barba-namespace=map]) #map .map .area-11{position:absolute;left:20.8333333333%;top:68.3673469388%;z-index:2}
@media screen and (max-width: 960px){body:has([data-barba-namespace=map]) #map .map .area-11{position:absolute;left:20.3125%;top:67.3469387755%}
}
body:has([data-barba-namespace=map]) #map .map .area-12{position:absolute;left:23.6979166667%;top:38.7755102041%;z-index:1}
@media screen and (max-width: 960px){body:has([data-barba-namespace=map]) #map .map .area-12{position:absolute;left:25.5208333333%;top:53.7755102041%}
}
body:has([data-barba-namespace=map]) #map .map .area-13{position:absolute;left:41.40625%;top:39.7959183673%;z-index:0}
@media screen and (max-width: 960px){body:has([data-barba-namespace=map]) #map .map .area-13{position:absolute;left:44.375%;top:40.8163265306%}
}
body:has([data-barba-namespace=map]) #map .map .shortcut{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
body:has([data-barba-namespace=map]) #map .map .shortcut img{width:6vw;min-width:24.7px;max-width:38px;height:6vw;min-height:24.7px;max-height:38px}
@media screen and (max-width: 960px){body:has([data-barba-namespace=map]) #map .area-list.bp-tablet{max-width:94%;display:block !important;margin-left:auto;margin-right:auto}
body:has([data-barba-namespace=map]) #map .area-list.bp-tablet li{margin-top:1em}
body:has([data-barba-namespace=map]) #map .area-list.bp-tablet .area-name{color:#55a9dc;font-weight:bold;text-shadow:-1px -1px 0 #fff,-1px 0px 0 #fff,-1px 1px 0 #fff,0px -1px 0 #fff,0px 0px 0 #fff,0px 1px 0 #fff,1px -1px 0 #fff,1px 0px 0 #fff,1px 1px 0 #fff;text-align:left}
body:has([data-barba-namespace=map]) #map .area-list.bp-tablet .media-frame{width:90%;max-width:640px;margin-left:auto;margin-right:auto}
}
@media screen and (max-width: 960px){body:has([data-barba-namespace=map]) #facility .prinny-comment-facility{margin-bottom:35%}
}
body:has([data-barba-namespace=map]) #facility .deco{position:absolute}
body:has([data-barba-namespace=map]) #facility .deco-1{width:8.8321167883vw;max-width:141px;height:auto;right:100%;top:0%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=map]) #facility .deco-1{width:17.6642335766vw;left:20%;top:110%;-webkit-transform:translate(-50%, 25%);transform:translate(-50%, 25%)}
}
body:has([data-barba-namespace=map]) #facility .deco-2{width:10vw;max-width:157px;right:100%;top:75%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=map]) #facility .deco-2{width:20vw;left:40%;top:110%;-webkit-transform:translate(-50%, 50%);transform:translate(-50%, 50%)}
}
body:has([data-barba-namespace=map]) #facility .deco-3{width:9.7810218978vw;max-width:152px;left:100%;bottom:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=map]) #facility .deco-3{width:19.5620437956vw;left:60%;top:110%;bottom:initial;-webkit-transform:translate(-50%, 5%);transform:translate(-50%, 5%)}
}
body:has([data-barba-namespace=map]) #facility .deco-4{width:8.9781021898vw;max-width:137px;left:100%;bottom:25%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=map]) #facility .deco-4{width:17.9562043796vw;left:80%;top:110%;bottom:initial;-webkit-transform:translate(-50%, 60%);transform:translate(-50%, 60%)}
}
body:has([data-barba-namespace=map]) #facility .media-text-01{width:84.4594594595%;max-width:625px}
body:has([data-barba-namespace=map]) #facility .media-text-02{width:94.1891891892%;max-width:697px}
body:has([data-barba-namespace=map]) #facility #assembly{margin-top:2em}
body:has([data-barba-namespace=map]) #facility #assembly .media-text-01{width:83.7837837838%;max-width:620px}
body:has([data-barba-namespace=map]) #facility #assembly .media-text-02{width:83.1081081081%;max-width:615px}
body:has([data-barba-namespace=map]) #facility #assembly .deco{width:10vw;max-width:205px;height:auto;max-height:initial;left:100%;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}
@media screen and (max-width: 960px){body:has([data-barba-namespace=map]) #facility #assembly .deco{width:15vw;left:initial;right:-2.5%;top:initial;bottom:105%;-webkit-transform:translate(0, 0%);transform:translate(0, 0%)}
}
body:has([data-barba-namespace=gallery]) .content_nav{padding:1em 0}
body:has([data-barba-namespace=gallery]) .content_nav [data-page=movie]{background-image:url(../img/gallery/navi/nav_movie.webp)}
body:has([data-barba-namespace=gallery]) .content_nav [data-page=movie]::after{background-image:url(../img/gallery/navi/nav_movie.webp)}
body:has([data-barba-namespace=gallery]) .content_nav [data-page=photo]{background-image:url(../img/gallery/navi/nav_photo.webp)}
body:has([data-barba-namespace=gallery]) .content_nav [data-page=photo]::after{background-image:url(../img/gallery/navi/nav_photo.webp)}
body:has([data-barba-namespace=gallery]) .content_nav:last-child .deco{display:none}
body:has([data-barba-namespace=gallery]) .content_nav .deco{width:11.2837837838vw;max-width:125.25px;min-width:66.8px;height:auto;max-height:initial;position:absolute;right:100%;top:50%;-webkit-transform:translate(-20%, -50%);transform:translate(-20%, -50%);z-index:-1;pointer-events:none}
@media screen and (max-width: 640px){body:has([data-barba-namespace=gallery]) .content_nav .deco{width:13.5405405405vw;left:0;right:initial;top:150%;-webkit-transform:translate(-10%, 0);transform:translate(-10%, 0)}
}
body:has([data-barba-namespace=product]) main{padding-bottom:0}
.bg_deco{position:sticky;top:0;z-index:-1}
.bg_deco::before{content:"";width:100vw;width:100dvw;height:100vh;height:100dvh;background:url(../img/product/bg_deco.webp) center center/auto 90% no-repeat;position:absolute;left:0;top:0}
@media screen and (orientation: portrait){.bg_deco::before{background-size:110% auto}
}
.bg_deco-wrapper{position:relative}
#order_guide .caption span,#store_benefits .caption span,#spec .caption span{display:inline-block;position:relative}
#order_guide .caption img,#store_benefits .caption img,#spec .caption img{width:auto;height:14vw;max-height:110px}
#order_guide .deco{position:absolute;z-index:-1;pointer-events:none}
#order_guide .caption .deco{width:18.1621621622vw;max-width:252px;height:auto;max-height:initial;left:100%;top:25%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}
@media screen and (max-width: 960px){#order_guide .caption .deco{width:22.7027027027vw}
}
#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 .edition_nav img{max-width:100%}
#order_guide .edition_nav{margin-bottom:1em;z-index:2}
#order_guide .edition_nav li{margin:1%}
#order_guide .edition_nav button{width:100%;height:0;background:left top/100% auto no-repeat;-webkit-filter:drop-shadow(4px 4px 0px rgba(0, 0, 0, 0.1));filter:drop-shadow(4px 4px 0px rgba(0, 0, 0, 0.1));position:relative}
#order_guide .edition_nav button:hover::before{opacity:1}
#order_guide .edition_nav button::before{content:"";width:100%;height:100%;background:0% 100%/100% auto no-repeat;position:absolute;left:0;top:0;pointer-events:none;-webkit-transition:opacity .25s;transition:opacity .25s;opacity:0}
#order_guide .edition_nav button[data-edition=nippon1_limited]{width:45vw;max-width:424px;padding-top:14.6226415094%;background-image:url(../img/product/edition_nav_nippon1_limited.webp)}
#order_guide .edition_nav button[data-edition=nippon1_limited]::before{background-image:url(../img/product/edition_nav_nippon1_limited.webp)}
#order_guide .edition_nav button[data-edition=standard]{width:39.0566037736vw;max-width:368px;padding-top:16.847826087%;background-image:url(../img/product/edition_nav_standard.webp)}
#order_guide .edition_nav button[data-edition=standard]::before{background-image:url(../img/product/edition_nav_standard.webp)}
#order_guide .edition_nav button.selected{pointer-events:none}
#order_guide .edition_nav button.selected::before{opacity:1}
#order_guide .edition_nav button.selected::after{content:"";width:1em;height:.5em;background-color:#db4343;clip-path:polygon(0% 0%, 100% 0%, 50% 100%);position:absolute;left:50%;top:100%;-webkit-transform:translate(-50%, 50%);transform:translate(-50%, 50%)}
#order_guide .edition_content.nippon1_limited .media-list{width:65vw;max-width:450px}
#order_guide .edition_content.nippon1_limited .media-container:nth-child(1) .deco{left:0;top:0;-webkit-transform:translate(-60%, -30%);transform:translate(-60%, -30%)}
@media screen and (max-width: 1500px){#order_guide .edition_content.nippon1_limited .media-container:nth-child(1) .deco{-webkit-transform:translate(-70%, 0%);transform:translate(-70%, 0%)}
}
@media screen and (max-width: 1200px){#order_guide .edition_content.nippon1_limited .media-container:nth-child(1) .deco{-webkit-transform:translate(-50%, 150%);transform:translate(-50%, 150%)}
}
@media screen and (max-width: 960px){#order_guide .edition_content.nippon1_limited .media-container:nth-child(1) .deco{-webkit-transform:translate(-40%, 0%);transform:translate(-40%, 0%)}
}
#order_guide .edition_content.nippon1_limited .media-container:nth-child(1) .deco img{width:20.3783783784vw;max-width:282.75px;height:auto;-webkit-animation:anime-floating_1 3s infinite ease-in-out;animation:anime-floating_1 3s infinite ease-in-out}
@media screen and (max-width: 960px){#order_guide .edition_content.nippon1_limited .media-container:nth-child(1) .deco img{width:25.472972973vw}
}
#order_guide .edition_content.nippon1_limited .media-container:nth-child(2) .deco{right:0;top:0;-webkit-transform:translate(30%, -100%);transform:translate(30%, -100%)}
@media screen and (max-width: 1200px){#order_guide .edition_content.nippon1_limited .media-container:nth-child(2) .deco{-webkit-transform:translate(50%, -100%);transform:translate(50%, -100%)}
}
@media screen and (max-width: 960px){#order_guide .edition_content.nippon1_limited .media-container:nth-child(2) .deco{-webkit-transform:translate(10%, -30%);transform:translate(10%, -30%)}
}
@media screen and (max-width: 640px){#order_guide .edition_content.nippon1_limited .media-container:nth-child(2) .deco{-webkit-transform:translate(30%, 30%);transform:translate(30%, 30%)}
}
#order_guide .edition_content.nippon1_limited .media-container:nth-child(2) .deco img{width:16.5945945946vw;max-width:230.25px;height:auto;-webkit-animation:anime-floating_2 3.5s infinite ease-in-out;animation:anime-floating_2 3.5s infinite ease-in-out}
@media screen and (max-width: 960px){#order_guide .edition_content.nippon1_limited .media-container:nth-child(2) .deco img{width:20.7432432432vw}
}
#order_guide .edition_content.standard .media-container:nth-child(1) .deco{left:0;top:0;-webkit-transform:translate(-60%, -30%);transform:translate(-60%, -30%)}
@media screen and (max-width: 1500px){#order_guide .edition_content.standard .media-container:nth-child(1) .deco{-webkit-transform:translate(-70%, 0%);transform:translate(-70%, 0%)}
}
@media screen and (max-width: 1200px){#order_guide .edition_content.standard .media-container:nth-child(1) .deco{-webkit-transform:translate(-25%, 220%);transform:translate(-25%, 220%)}
}
@media screen and (max-width: 1080px){#order_guide .edition_content.standard .media-container:nth-child(1) .deco{-webkit-transform:translate(-25%, 240%);transform:translate(-25%, 240%)}
}
@media screen and (max-width: 960px){#order_guide .edition_content.standard .media-container:nth-child(1) .deco{-webkit-transform:translate(-40%, 160%);transform:translate(-40%, 160%)}
}
@media screen and (max-width: 640px){#order_guide .edition_content.standard .media-container:nth-child(1) .deco{display:none}
}
#order_guide .edition_content.standard .media-container:nth-child(1) .deco img{width:20.3783783784vw;max-width:282.75px;height:auto;-webkit-animation:anime-floating_1 3s infinite ease-in-out;animation:anime-floating_1 3s infinite ease-in-out}
@media screen and (max-width: 960px){#order_guide .edition_content.standard .media-container:nth-child(1) .deco img{width:25.472972973vw}
}
#order_guide .edition_content.standard .media-container:nth-child(2) .deco{right:0;top:0;-webkit-transform:translate(75%, 125%);transform:translate(75%, 125%)}
@media screen and (max-width: 1200px){#order_guide .edition_content.standard .media-container:nth-child(2) .deco{-webkit-transform:translate(25%, 350%);transform:translate(25%, 350%)}
}
@media screen and (max-width: 960px){#order_guide .edition_content.standard .media-container:nth-child(2) .deco{-webkit-transform:translate(10%, 25%);transform:translate(10%, 25%)}
}
@media screen and (max-width: 640px){#order_guide .edition_content.standard .media-container:nth-child(2) .deco{display:none}
}
#order_guide .edition_content.standard .media-container:nth-child(2) .deco img{width:16.5945945946vw;max-width:230.25px;height:auto;-webkit-animation:anime-floating_2 3.5s infinite ease-in-out;animation:anime-floating_2 3.5s infinite ease-in-out}
@media screen and (max-width: 960px){#order_guide .edition_content.standard .media-container:nth-child(2) .deco img{width:20.7432432432vw}
}
#order_guide .edition_content .contents{width:100%;max-width:960px;font-weight:bold;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;line-height:1.2;margin-left:auto;margin-right:auto}
@media screen and (max-width: 960px){#order_guide .edition_content .contents{margin-left:initial}
}
#order_guide .edition_content .contents li{width:calc(50% - 1em);text-align:left;margin:.5em}
#order_guide .edition_content .contents small{font-weight:normal}
#order_guide .edition_content .price{font-size:1.5em;font-weight:bold;display:inline-block;margin-top:.25em;margin-bottom:1em}
#order_guide .edition_content .price small{font-size:.6em}
#order_guide .edition_content .text{font-size:.7em;padding:1em;margin-top:1em}
#order_guide .edition_content .text em{font-weight:bold}
#order_guide .media-wrapper{max-width:80vw;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto;margin-right:auto}
@media screen and (max-width: 1200px){#order_guide .media-wrapper{max-width:94%}
}
@media screen and (max-width: 960px){#order_guide .media-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
#order_guide .media-container{width:48%;position:relative;margin:1%}
@media screen and (max-width: 960px){#order_guide .media-container{width:98%;margin-top:2em}
}
#order_guide .media-container .media-list{width:100%}
#order_guide .package-list{width:100%;max-width:400px;margin-left:auto;margin-right:auto}
#order_guide .package-list li:nth-child(1){max-width:38.8457142857%;height:auto;margin:2.6485714286%}
#order_guide .package-list li:nth-child(2){max-width:49.1542857143%;height:auto;margin:3.3514285714%}
#order_guide .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)}
#order_guide .media.package{max-width:350px;max-height:350px}
#store_benefits .text{font-size:.8em;display:inline-block;position:relative}
#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:94%}
}
#store_benefits .store-list>li{width:23%;margin:1%}
@media screen and (max-width: 1280px){#store_benefits .store-list>li{width:31.3333333333%}
}
@media screen and (max-width: 640px){#store_benefits .store-list>li{width:48%}
}
#store_benefits .store-frame{height:100%;background-color:#fff;border:solid 3px #b97ac1;border-width:clamp(2px,1vw,3px);border-radius:15px;border-radius:clamp(3px,2vw,15px);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-name{background-color:#b97ac1;color:#fff;font-weight:bold;letter-spacing:normal;border-top-left-radius:10px;border-top-right-radius:10px;border-top-left-radius:clamp(1px,1vw,10px);border-top-right-radius:clamp(1px,1vw,10px);position:relative}
#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;margin-top:1em}
#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;margin-bottom:.5em}
#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{width:90%;max-width:9em;background-color:#b97ac1;color:#fff;font-size:.8em;font-weight:bold;border:solid 1px rgba(185,122,193,.5);border-radius:999em;display:inline-block;padding:.25em;position:relative;-webkit-transition:color .25s,background-color .25s;transition:color .25s,background-color .25s}
@media screen and (max-width: 960px){#store_benefits .store-link{max-width:initial;font-size:1em}
}
#store_benefits .store-link::before{content:"";width:.424264068em;height:.6em;background-color:#fff;clip-path:polygon(0% 0%, 100% 50%, 0% 100%);position:absolute;right:.25em;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:background-color .25s;transition:background-color .25s}
#store_benefits .store-link.sold_out{pointer-events:none}
#store_benefits .store-link.sold_out::after{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:hover{background-color:#fff;color:#b97ac1}
#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 .deco-wrapper{max-width:initial}
#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;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;max-width:94%;margin-left:auto;margin-right:auto}
}
#spec .spec-table>tbody>tr>th,#spec .spec-table>tbody>tr>td{line-height:1.2;padding:.25em 0em;padding:clamp(.25em,2vw,.5em) clamp(0em,1vw,.75em)}
#spec .spec-table>tbody>tr>th{color:#f37e0f;font-weight:600;text-align:center;white-space:nowrap;padding-left:0}
#spec .spec-table>tbody>tr>td{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 .platform-table 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:.75em}
#spec .platform-table tr:first-child{margin-top:0}
#spec .platform-table th{font-size:.8em;letter-spacing:initial;margin-bottom:.125em}
#spec .deco{right:0;top:0;position:absolute;-webkit-transform:translate(10%, -50%);transform:translate(10%, -50%);z-index:-1;pointer-events:none}
@media screen and (max-width: 1400px){#spec .deco{-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%)}
}
@media screen and (max-width: 1200px){#spec .deco{-webkit-transform:translate(10%, -100%);transform:translate(10%, -100%)}
}
@media screen and (max-width: 640px){#spec .deco{-webkit-transform:translate(0%, -100%);transform:translate(0%, -100%)}
}
#spec .deco img{width:18.972972973vw;max-width:263.25px;height:auto;-webkit-animation:anime-floating_2 3s infinite ease-in-out;animation:anime-floating_2 3s infinite ease-in-out}
@media screen and (max-width: 960px){#spec .deco img{width:23.7162162162vw}
}
body:has([data-barba-namespace=topics]) [data-barba=container]::after{display:none}
body:has([data-barba-namespace=topics]) .caption{text-align:center;margin-top:2em;margin-bottom:6%}
body:has([data-barba-namespace=topics]) .caption span{display:inline-block;position:relative}
body:has([data-barba-namespace=topics]) .caption img{width:auto;height:14vw;max-height:110px}
body:has([data-barba-namespace=topics]) .caption .deco{width:20vw;max-width:115.5px;height:auto;max-height:initial;left:100%;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);z-index:1}
@media screen and (max-width: 960px){body:has([data-barba-namespace=topics]) .caption .deco{width:25vw}
}
@media screen and (max-width: 640px){body:has([data-barba-namespace=topics]) .caption .deco{-webkit-transform:translate(-16%, -50%);transform:translate(-16%, -50%)}
}
body:has([data-barba-namespace=topics]) .deco{position:absolute;z-index:-1;pointer-events:none}
body:has([data-barba-namespace=topics]) .wrapper{background-color:#fff;padding-top:2em;padding-bottom:2em;position:relative}
body:has([data-barba-namespace=topics]) .wrapper::before{content:"";width:100%;height:0;padding-top:42.8645833333%;background:url(../img/bg_theme_park.webp) top left/100% auto no-repeat;position:absolute;left:0;bottom:calc(100% - 1px);z-index:-1;pointer-events:none}
body:has([data-barba-namespace=topics]) .wrapper::after{content:"";width:100%;height:100%;background-color:#fff;position:absolute;left:0;top:100%}
body:has([data-barba-namespace=topics]) .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]) .swiper-wrapper{max-width:initial}
}
body:has([data-barba-namespace=topics]) .swiper-slide{width:23%;height:auto;padding:1em;margin:1%}
@media screen and (max-width: 1280px){body:has([data-barba-namespace=topics]) .swiper-slide{width:31.3333333333%}
}
@media screen and (max-width: 1060px){body:has([data-barba-namespace=topics]) .swiper-slide{width:48%}
}
body:has([data-barba-namespace=topics]) .swiper-slide.new::before{content:"";width:5vw;min-width:25px;max-width:50px;height:1.7469879518vw;min-height:8.734939759px;max-height:17.4698795181px;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]) .swiper-slide.new::before{content:"";width:10vw;min-width:25px;max-width:50px;height:3.4939759036vw;min-height:8.734939759px;max-height:17.4698795181px;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]) .swiper-slide::after{content:"";width:100%;height:100%;border-radius:24px;border-radius:clamp(3px,4vw,24px);position:absolute;left:0;top:0;z-index:-1}
body:has([data-barba-namespace=topics]) .swiper-slide:first-child{display:none}
body:has([data-barba-namespace=topics]) .swiper-slide:nth-child(5n+1)::after{background-color:#e48280}
body:has([data-barba-namespace=topics]) .swiper-slide:nth-child(5n+2)::after{background-color:#ffc952}
body:has([data-barba-namespace=topics]) .swiper-slide:nth-child(5n+3)::after{background-color:#afd591}
body:has([data-barba-namespace=topics]) .swiper-slide:nth-child(5n+4)::after{background-color:#9dd9df}
body:has([data-barba-namespace=topics]) .swiper-slide:nth-child(5n+5)::after{background-color:#d0a9e6}
body:has([data-barba-namespace=topics]) .swiper-slide a.popup-movie::after{display:none}
body:has([data-barba-namespace=topics]) .swiper-slide a:hover .topics-image img{-webkit-transform:scale(1.1);transform:scale(1.1)}
body:has([data-barba-namespace=topics]) .swiper-slide a:hover .topics-text{opacity:.5}
body:has([data-barba-namespace=topics]) .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]) .swiper-slide a .topics-text{-webkit-transition:opacity .25s;transition:opacity .25s}
body:has([data-barba-namespace=topics]) .topics-image{border:solid 8px hsla(0,0%,100%,.6);border-width:clamp(1px,2vw,8px);border-radius:24px;border-radius:clamp(3px,4vw,24px);overflow:hidden;margin:calc(clamp(1px,2vw,8px)*-1)}
body:has([data-barba-namespace=topics]) .topics-image img{width:100%;height:auto}
body:has([data-barba-namespace=topics]) .topics-text{color:#333;font-size:clamp(13px,2vw,15px);letter-spacing:.05em;line-height:1.4;margin-top:calc(clamp(1px,2vw,8px) + .5em)}
body:has([data-barba-namespace=topics]) .topics-date{font-size:.8em}
body:has([data-barba-namespace=topics]) .topics-summary{font-weight:bold}
body:has([data-barba-namespace=trial]) .bg{width:100%;height:0;background:center center/cover no-repeat;padding-top:60.0520833333%;background-image:url(../topics/trial/img/bg.webp);position:absolute;left:0;top:0}
@media(max-aspect-ratio: 1920/1153){body:has([data-barba-namespace=trial]) .bg{padding-top:100vh}
}
body:has([data-barba-namespace=trial]) .caption{width:94%;max-width:1280px;text-align:left;margin-left:auto;margin-right:auto;margin-bottom:3em}
@media screen and (max-width: 960px){body:has([data-barba-namespace=trial]) .caption{text-align:center}
}
body:has([data-barba-namespace=trial]) .caption img{width:36.45vw;max-width:486px;height:auto}
@media screen and (max-width: 960px){body:has([data-barba-namespace=trial]) .caption img{width:60.75vw}
}
body:has([data-barba-namespace=trial]) .media-list{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-top:2em;margin-bottom:1em}
@media screen and (max-width: 640px){body:has([data-barba-namespace=trial]) .media-list>li{max-width:90%}
}
body:has([data-barba-namespace=trial]) .media-text-01{width:79.5945945946%;max-width:589px}
body:has([data-barba-namespace=trial]) .media-text-02{width:88.1081081081%;max-width:652px}
body:has([data-barba-namespace=trial]) .button-list{margin-bottom:2em}
body:has([data-barba-namespace=trial]) .sub_caption{margin-bottom:1em}
body:has([data-barba-namespace=trial]) .download-frame{max-width:94%;display:inline-block;border:solid 4px;border-radius:1em;padding:1em;color:#b879c0;background-color:#f5d7f9;border-color:#d8addd;-webkit-box-shadow:0px 0px 0px 2px #f5d7f9;box-shadow:0px 0px 0px 2px #f5d7f9}
body:has([data-barba-namespace=trial]) .platform_nav{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
@media screen and (max-width: 960px){body:has([data-barba-namespace=trial]) .platform_nav{-ms-flex-wrap:wrap;flex-wrap:wrap}
}
body:has([data-barba-namespace=trial]) #campaign table{width:94%;max-width:1060px;font-size:.9em;letter-spacing:normal;margin-left:auto;margin-right:auto;margin-top:2em}
body:has([data-barba-namespace=trial]) #campaign tbody{vertical-align:top;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-align:start;-ms-flex-align:start;align-items:flex-start}
body:has([data-barba-namespace=trial]) #campaign tr{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;margin-top:1em;margin-left:.5em;margin-right:.5em}
body:has([data-barba-namespace=trial]) #campaign tr.table-frame{background-color:#fff;border:solid 1px #55a9dc;border-radius:1em}
body:has([data-barba-namespace=trial]) #campaign tr.table-frame th{padding-top:.5em;padding-bottom:.5em}
body:has([data-barba-namespace=trial]) #campaign tr.table-frame td{padding-top:.5em;padding-bottom:.5em}
body:has([data-barba-namespace=trial]) #campaign tr.table-frame td::before{content:"";width:calc(100% - 1em);height:2px;background-image:radial-gradient(circle, #ccc 1px, transparent 1px);background-position:left top;background-repeat:repeat-x;background-size:4px 2px;position:absolute;left:50%;top:0;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
body:has([data-barba-namespace=trial]) #campaign th{white-space:nowrap;padding:0 1em}
body:has([data-barba-namespace=trial]) #campaign td{text-align:left;padding:0 1em 0 1.5em;position:relative}
body:has([data-barba-namespace=trial]) #campaign .notes{display:block}