img{width:100%;vertical-align:middle}#top{position:relative}.logo{width:65%;position:absolute;top:67%;left:31%}@media screen and (min-width: 1024px){.logo{width:40vw;top:38vw;left:59.5vw}}.logo{will-change:transform;opacity:0}.logo.flip-anime{will-change:transform;animation:fadein .7s ease forwards;opacity:1}@media screen and (min-width: 1024px){.logo.flip-anime{animation:flipin .7s linear forwards;opacity:1;transform:translateZ(0) scale(1);-webkit-transform:translateZ(0) scale(1)}}@keyframes flipin{0%{opacity:0;transform:translateZ(0) scale(1.5) rotateY(200deg);-webkit-transform:translateZ(0) scale(1.5) rotateY(200deg)}100%{opacity:1;transform:translateZ(0) scale(1) rotateY(0deg);-webkit-transform:translateZ(0) scale(1) rotateY(0deg)}}@keyframes fadein{0%{opacity:0}100%{opacity:1}}.slidein{-webkit-transition:all .4s ease;transition:all .4s ease;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}.slidein.slidein-anime{animation:slidein .4s ease forwards;animation-delay:.5s}@keyframes slidein{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}100%{webkit-clip-path:inset(0);clip-path:inset(0)}}@media screen and (min-width: 1024px){.pc-flex-wrap{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:30px}}@media screen and (min-width: 1024px){#info{width:calc(50% - 60px);display:flex;flex-direction:column;justify-content:center;align-items:center}}@media screen and (max-width: 1560px)and (min-width: 1024px){.pc-flex-wrap{align-items:flex-end}}.info-wrap{display:flex;justify-content:center;gap:15px;margin:7% auto;padding:0 5%}@media screen and (min-width: 1024px){.info-wrap{margin:40px auto}}.bnr-item{width:85%;margin:7% auto 0;display:block;border:solid 1px #828282}@media screen and (min-width: 1024px){.bnr-item{width:75%;margin:50px auto 0}}.theater-btn{border:solid 1px #fff;color:#fff;width:50%;height:50px;display:flex;justify-content:center;align-items:center;font-size:1.2em;font-style:italic;font-family:serif;letter-spacing:2px;font-weight:bold}@media screen and (min-width: 1024px){.theater-btn{width:330px}}.theater-btn:hover{opacity:1;background:#fff;color:#010d21}.offi-x-btn{border:solid 1px #fff;color:#fff;width:50px;height:50px;display:flex;justify-content:center;align-items:center;font-size:1.5em}.offi-x-btn:hover{opacity:1;background:#fff;color:#010d21}#mvtk-widgets-container{margin:7% auto 0}#intro{padding:15% 4% 45%;background:url(../img/intro/bg.webp) no-repeat bottom;background-size:100%}@media screen and (min-width: 1024px){#intro{padding:3vw 0 40vw}}.intro-lead{margin:7% auto}@media screen and (min-width: 1024px){.intro-lead{width:750px;margin:50px auto}}.movie-area-container{position:relative}#movie-area{display:block;overflow:hidden;height:-webkit-fill-available;height:150vw;left:0;position:relative;top:0;width:100%;background:#000}@media screen and (min-width: 1024px){#movie-area{height:880px}}#movie-area::after{content:"";width:100%;height:100%;display:block;position:relative;z-index:1;background:#000;opacity:.4}#movie-area span{width:100%;height:100%;position:absolute;z-index:2;display:block;background:url(../common/img/overlay.png) repeat;background-size:2px}#movie-area video{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:100%;min-width:100%}@media screen and (min-width: 1024px){#movie-area video{min-height:100%;height:auto}}#story{position:absolute;top:7vh;z-index:2}@media screen and (min-width: 1024px){#story{padding:5% 0}}.story-lead{margin:10% auto 13%}@media screen and (min-width: 1024px){.story-lead{margin:70px auto;width:800px}}.loop-ph{width:100%;overflow:hidden;position:relative;display:flex;align-items:center}.loop-ph img{display:inline-block;width:auto;height:33vw}@media screen and (min-width: 1024px){.loop-ph img{height:17vw}}.cast-staff-bg{position:relative;clip-path:inset(0)}.cast-staff-bg::before{content:"";width:100%;height:100vh;background:url(../img/cast/bg.webp) no-repeat center;background-size:cover;position:fixed;top:0;left:0}#cast{padding:10% 5% 5%}@media screen and (min-width: 1024px){#cast{padding:7% 0}}.cast-container{margin:13% auto;display:flex;flex-wrap:wrap;justify-content:center;gap:30px;align-items:flex-start}@media screen and (min-width: 1024px){.cast-container{width:90%;max-width:1300px;margin:70px auto;gap:50px}}.cast-item{width:40%;position:relative}@media screen and (min-width: 1024px){.cast-item{width:14%;transition:all .4s ease}.cast-item:hover{opacity:1;transform:rotate(-7deg) !important}}.cast-item::after{content:"";width:100%;height:100%;background:url(../img/cast/ura.webp) no-repeat center;background-size:cover;position:absolute;top:0;left:0}.cast-item.card-flip{animation:flip 1s ease forwards;animation-delay:1s}.cast-item.card-flip::after{animation:clear 1s ease forwards;animation-delay:1s}@keyframes flip{0%{transform:rotateY(180deg)}100%{transform:rotateY(0deg)}}@keyframes clear{0%{opacity:1}100%{opacity:0}}#staff{padding:5% 5% 15%}@media screen and (min-width: 1024px){#staff{padding:0 0 50px}}.staff-container{margin:7% auto}@media screen and (min-width: 1024px){.staff-container{width:70%;display:flex;flex-wrap:wrap;gap:0 50px;margin:60px auto}}.staff-item{display:flex;justify-content:space-between;align-items:center;padding:3% 2%;border-bottom:solid 1px hsla(0,0%,100%,.3098039216)}@media screen and (min-width: 1024px){.staff-item{width:calc(50% - 25px);padding:15px 10px}}.staff-item:last-child{border-bottom:none}.staff-name{color:#fff;line-height:1.5;font-style:italic}.staff-name dt{font-size:.9em}.staff-name dd{font-size:1.3em;font-weight:600}.staff-prof-btn{display:flex;justify-content:center;align-items:center;color:#0b1423;font-size:12px;font-style:italic;background:#fff;padding:2px 6px;line-height:0;border:solid 1px #fff}@media screen and (min-width: 1024px){.staff-prof-btn:hover{opacity:1;background:none;color:#fff}.staff-prof-btn:hover .plus{border:solid 1px #fff}.staff-prof-btn:hover .plus::before,.staff-prof-btn:hover .plus::after{background:#fff}}.staff-prof-btn .plus{width:1em;height:1em;display:flex;position:relative;margin-left:.5em;align-items:center;justify-content:center;border:solid 1px #0b1423}.staff-prof-btn .plus::before{content:"";width:70%;height:1px;background:#133d43;display:block;position:relative}.staff-prof-btn .plus::after{content:"";width:1px;height:70%;background:#133d43;display:block;position:absolute}.modaal-wrapper{height:100svh !important;overflow:visible}.cast-modal{display:none;width:86%;margin:0 auto;padding:20px}.modaal-content-container{padding:4% 4% 10%}.modaal-inner-wrapper{padding:0}.modaal-container{background:url(../img/common/bg.webp) no-repeat;background-size:cover;box-shadow:none;height:auto;width:100%;height:100vh;color:#000;position:unset;margin:0 auto;padding:40px 0 0}@media screen and (min-width: 1024px){.modaal-container{width:80%;max-width:1000px;height:auto;max-height:89vh;overflow:scroll;background:url(../img/common/bg.webp) no-repeat center;background-size:cover;border:solid 1px #dee3ff}}.modaal-content{height:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.modaal-container::-webkit-scrollbar{display:none}.modaal-content::-webkit-scrollbar{display:none}.modaal-wrapper .modaal-close{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;top:0;right:0;border-radius:0;width:45px;height:30px;margin:5px;background:#dee3ff}.modaal-wrapper .modaal-close::before,.modaal-wrapper .modaal-close::after{background:#000;top:auto;left:auto;width:1px;height:33px}.modaal-wrapper .modaal-close:hover{opacity:.7}.modaal-close:before{-webkit-transform:rotate(-60deg);-ms-transform:rotate(-60deg);transform:rotate(-60deg)}.modaal-close:after{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.modaal-overlay{z-index:9998}.modal-cast-container{color:#fff;text-align:center}.modal-charaname{text-align:center;font-style:italic;line-height:1.5;display:inline-block;position:relative;color:#dee3ff;margin:0 auto 1em}.modal-charaname::before{content:"";width:25px;height:25px;display:block;border-top:solid 1px #dee3ff;border-left:solid 1px #dee3ff;position:absolute;top:10px;transform:rotate(-45deg) skew(-10deg, -10deg);left:-30px}.modal-charaname::after{content:"";width:25px;height:25px;display:block;border-top:solid 1px #dee3ff;border-left:solid 1px #dee3ff;position:absolute;top:10px;transform:rotate(135deg) skew(-10deg, -10deg);left:auto;right:-30px}.modal-name{font-size:1.3em;font-weight:bold;font-style:italic;margin:0 auto 1em}.prof-ttl{text-align:left;color:#dee3ff;font-style:italic;border-bottom:solid 1px #dee3ff;line-height:1.5;margin:0 auto 1em}.prof-txt{text-align:left}.modal-staffname{text-align:center;font-style:italic;line-height:1.5;display:inline-block;position:relative;color:#dee3ff;margin:0 auto 1em}.modal-staffname::before{content:"";width:20px;height:20px;display:block;border-top:solid 1px #dee3ff;border-left:solid 1px #dee3ff;position:absolute;top:0;transform:rotate(-45deg) skew(-10deg, -10deg);left:-30px}.modal-staffname::after{content:"";width:20px;height:20px;display:block;border-top:solid 1px #dee3ff;border-left:solid 1px #dee3ff;position:absolute;top:0;transform:rotate(135deg) skew(-10deg, -10deg);left:auto;right:-30px}#trailer{padding:30px 0;position:relative}#trailer .swiper-pagination{text-align:left;padding-left:20px}#trailer .swiper-pagination-bullet{width:7px;height:7px;border-radius:0;transform:rotate(45deg);margin:0 5px;background:#fff;opacity:1}#trailer .swiper-pagination-bullet-active{background:#00d8eb}#trailer .swiper-button-container{display:flex;justify-content:center;width:95px;position:absolute;gap:15px;bottom:40px;left:auto;right:10px;z-index:2}#trailer .swiper-button-next,#trailer .swiper-button-prev{width:40px;height:40px;border:solid 1px #fff;position:relative}#trailer .swiper-button-next:after,#trailer .swiper-button-prev:after{font-size:1.8em}#trailer .swiper-button-prev,#trailer .swiper-container-rtl .swiper-button-next{left:auto;right:auto}#trailer .swiper-button-next,#trailer .swiper-container-rtl .swiper-button-prev{right:auto;left:auto}.pc-modal-movie,.pc{display:none}.sp{display:block}#movie-container{width:100%;margin:0 auto;padding:0 0 25px;opacity:0;transition:opacity .6s ease}#movie-container.swiper-container-horizontal{opacity:1}.movie-thumb-box{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border:1px solid #eee}.movie-thumb-box img{position:absolute;top:0;left:0;width:100%;height:100%}.youtube{width:100%;height:auto;aspect-ratio:16/9}.movie-thumb-list li{width:100%;padding:0}.movie-cap{text-align:left;color:#fff;width:70%;padding:10px 20px}.play-icon{color:#e60027;width:52px;height:58px;font-size:60px;position:absolute;top:0px;left:0px;right:0px;bottom:0px;margin:auto;display:block;line-height:1em}.movie-thumb-box:hover .play-icon{opacity:.8}.movie-thumb-list .slider-arrow{position:absolute;top:50%;height:60px;margin-top:-50px;color:#aaa;line-height:36px;font-size:28px;cursor:pointer;width:30px;z-index:10}.movie-thumb-list .slider-arrow img{width:100%}.movie-thumb-list .slider-prev{left:0}.movie-thumb-list .slider-next{right:0}#trailer-play{padding:30px}#trailer-play a{transition:opacity .2s ease;opacity:.7}#trailer-play a:hover{opacity:1}.btn-container li{position:relative;border:1px solid #7f1e1e;border-radius:50px;margin:0 0 10px;padding:7px 15px;text-align:center}.btn-container li.new::after{content:"New";font-size:.8em;background:#7f1e1e;position:absolute;top:-4px;left:-4px;padding:2px}.btn-container li a{display:block;color:#fff;font-size:20px;text-decoration:none;transition:color .3s ease}.btn-container li a:hover{color:#7f1e1e}.swiper-container{padding:0 0 20px}.swiper-pagination-bullet{background:#ccc}.swiper-pagination-bullet-active{opacity:1;background:#aaa}@media screen and (min-width: 1024px){.pc{display:block}.sp{display:none}#trailer{margin:0;padding:60px 0;width:50%}.pc-modal-movie{content:"";position:absolute;display:block;width:100%;height:100%}.youtube{pointer-events:none}}