/* shared overwrite */
body{background-color: #000;}
.l-wrapper{display: flex;}
.l-wrapper>.l-contents{padding: 0;height: 100vh;height: 100svh;}

.movie-slide .video-js .vjs-big-play-button{display: none !important;}

/* player */
.player-wrap{background-color: #000;display: flex;height: 100%;overflow: hidden;}
.player{display: flex;justify-content: center;position: relative;height: 100%;transform: translateY(0);transition: transform .1s ease;}
.player video{max-width: 100%;max-height: 100%;}

/* theme */
.theme{color: #fff;position: absolute;bottom: 40px;left: 30px;font-size: 1.9rem;font-weight: 500;text-shadow: 2px 2px 2px rgba(0,0,0,1),1px 1px 1px rgba(0,0,0,1);z-index: +1;}

/* link */
.link-shop{display: flex;align-items: center;flex-direction: column;text-align: center;position: absolute;bottom: 125px;right: 30px;z-index: +1;}
.link-shop img{width: 40px;}
.link-shop span{color: #fff;display: block;font-size: 1.1rem;font-weight: 700;text-shadow: 2px 2px 2px rgba(0,0,0,1),1px 1px 1px rgba(0,0,0,1);line-height: 1.2;margin-top: 5px;}
.link-copy{display: flex;align-items: center;flex-direction: column;text-align: center;position: absolute;bottom: 40px;right: 30px;z-index: +1;}
.link-copy img{width: 40px;}
.link-copy span{color: #fff;display: block;font-size: 1.1rem;font-weight: 700;text-shadow: 2px 2px 2px rgba(0,0,0,1),1px 1px 1px rgba(0,0,0,1);line-height: 1.2;margin-top: 5px;}
.link-back{background-color: rgba(255,255,255,.7);border-radius: 50%;display: block;font-size: 0;line-height: 0;position: absolute;top: 30px;right: 30px;width: 30px;height: 30px;z-index: +1;}
.link-back::before,
.link-back::after{background-color: #000;content: "";position: absolute;top: calc(50% - 1px);left: calc(50% - 10px);width: 20px;height: 2px;transform: rotate(45deg);}
.link-back::after{transform: rotate(-45deg);}

/* slide */
.movie-slide{background-color: #000;display: flex;justify-content: center;height: 100vh;height: 100svh;}
.movie-slide video-js{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.movie-slide .poster{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: +2;}
.movie-slide .poster img{width: 100%;height: 100%;}
.movie-slide .inner{position: relative;width: 100%;height:100%;}
.movie-slide .swiper{height: 100%;width: 100%;}
.movie-slide .swiper-wrapper{height: 100%;width: 100%;}
.movie-slide .swiper-slide{height: 100%;display: flex;justify-content: center;align-items: center;position: relative;}
.movie-slide .video-js .vjs-big-play-button {top: 50%;left: 50%;transform: translate(-50%,-50%);}