@charset "utf-8";



h2{width: 95%; max-width: 924px; margin: 0 auto; padding: 180px 0  5% 0;}

h3{width: 95%; max-width: 924px; margin: 0 auto 3% auto; padding-bottom:2%; font-size:30px; text-align: center; border-bottom: solid 1px #605d77; color: #605d77; font-weight: 600;}


.movie-bg{background:url(../img/movie/movie-bg.jpg) top center no-repeat; -moz-background-size:100% auto; background-size:100% auto; }

.movie-crumb{background:url(../img/movie/crumb-bg.png) top center no-repeat; -moz-background-size:100% auto; background-size:100% auto; animation-name: fade-inanime; animation-duration: 2s;}

.movie-cont-box{width: 95%; max-width: 924px; margin: 0 auto; justify-content: center;}

.movie-cont-bg{position: relative; width: 48%; margin-bottom: 10%; margin: 1% 1% 10% 1%;}


.movie-cont-bg-line{ width: 100%; max-width: 723px;}
.movie-thumbnail{ position: absolute; top:0; width: 98%; max-width: 723px;}
.movie-play-btn{position: absolute; top:0; width: 100%; max-width: 723px;}
.movie-cont-title{width: 80%; max-width: 402px; position: absolute; bottom:-10%; left: 0; right: 0; margin: auto; color: #fff; text-align: center; padding: 12px 0; font-size: 16px;
background:url(../img/movie/movie-cont-title.png) top center no-repeat; -moz-background-size:100% 100%; background-size:100% 100%;
}

.movie-play-btn:hover{filter: contrast(140%); filter:alpha(opacity=65); -moz-opacity:0.30; -khtml-opacity:0.30; opacity:0.30;}
.movie-thumbnail:hover{filter: contrast(140%);}

@media screen and (max-width: 700px) {
h2{width: 95%; max-width: 924px; margin: 0 auto; padding: 30% 0  5% 0;}
.movie-cont-bg{position: relative; width: 98%; margin-bottom: 10%; margin: 1% 1% 20% 1%;}
.movie-cont-title{font-size: 3vw;}

.movie-bg{background:url(../img/movie/movie-bg.jpg) top center no-repeat; -moz-background-size:auto 100%; background-size:auto 100%; }
.movie-crumb{background:url(../img/movie/crumb-bg.png) top center no-repeat; -moz-background-size:100% auto; background-size:100% auto; animation-name: fade-inanime; animation-duration: 2s;}

}






























/* anime */

@keyframes fade-inanime {
    0% {opacity: 0;}
    100% {opacity: 1;}
}