@charset "utf-8";
/*--------------------------------------
	copyright : yuyu design.
--------------------------------------*/

@import url(normalize.css);
@import url(../plugin/fontawesome/css/all.min.css);
@import url(../plugin/aos/aos.css);
/*@import url(../plugin/OwlCarousel/assets/owl.carousel.min.css); @import url(../plugin/OwlCarousel/assets/owl.theme.default.css);*/
/*@import url(../plugin/lightGallery/css/lightgallery.min.css);*/
/*@import url(../plugin/Remodal/remodal.css); @import url(../plugin/Remodal/remodal-default-theme.css);*/
@import url(../plugin/slick/slick.css); @import url(../plugin/slick/slick-theme.css);
@import url(common_parts.css);
@import url(common.css);

/*
 movie
==============================*/

/* index-header ----------*/
#index-header { position: relative; z-index: 2; margin-bottom: 3vw; padding: 7rem 2rem 0; }
#index-header .inner { position: relative; }
#index-header h1 { color: #FFF; line-height: 1; }
#index-header h1 span { display: block; text-align: center; }
#index-header h1 .e { font-size: 10rem; font-weight: 800; font-family: 'Saira Extra Condensed', sans-serif; letter-spacing: 0.05em; }
#index-header h1 .j { margin-top: 3rem; font-size: 3.6rem; }
@media screen and (max-width:1460px) {
	#index-header { background-size: 140%; }
}
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#index-header { padding-top: 4rem; }
	#index-header h1 { margin-bottom: 4rem; }
	#index-header h1 .e { font-size: 8rem; }
	#index-header h1 .j { margin-top: 1rem; font-size: 2.4rem; }
}

/* mv ----------*/
#mv { width: 100%; height: 18vw; background-image: url(../images/movie/bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
@media screen and (max-width:1024px) { /* iPad 横 l */
	#mv { height: 30vw; }
}
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#mv { height: 40vw; }
}

/* index-contents ----------*/
.index-contents {}
.index-contents .inner { position: relative; }
.index-contents .inner::after { position: absolute; z-index: 5; bottom: -16rem; right: 0; content: ""; width: 22.4rem; height: 22.5rem; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; background-image: url(../images/movie/bg2.svg); }
.index-contents .list_1 { position: relative; padding-bottom: 4rem; }
.index-contents .list_1::after { position: absolute; z-index: 1; top: 10rem; right: 10%; content: ""; width: 200%; height: calc(100% - 10rem); border-radius: 50rem; background-color: #FFF; }
.index-contents .list_1 li { position: relative; z-index: 2; }
.index-contents .list_1 li a { text-decoration: none; }
.index-contents .list_1 li a:hover { opacity: 1; }
.index-contents .list_1 li img { margin-bottom: 1rem; border-radius: 2rem; }
.index-contents .list_1 li .pw { position: relative; display: block; }
.index-contents .list_1 li .pw::before { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: 25%; background-image: url(../images/movie/icon_play.svg); transition: all 0.3s ease-out; }
.index-contents .list_1 li a:hover .pw::before { opacity: 0.5; background-size: 30%; }
.index-contents .list_1 li .t { display: block; padding-left: 1rem; border-left: solid 4px #EF4E16; color: #003B80; line-height: 1.4; font-size: 2.4rem; text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF,  0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF; }
@media screen and (max-width:1200px) {
	.index-contents .inner::after { bottom: -20rem; }
}
@media screen and (max-width:896px) { /* iPhone 横 m */
	.index-contents .inner::after { bottom: 0; width: 22.4vw; height: 22.5vw; }
	.index-contents .list_1::after { border-radius: 15rem; }
}