@charset "utf-8";
/* CSS Document */
.movie_p{
	margin: 1%;
}
.movie_year_box{

}
.movie_year{
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    padding: 0.5%;
	width:50%;
	float:left;
	height: 57px;
}
.movie_year_next{
	width:25%;
	height: 57px;
	line-height: 57px;
	float:left;
    text-align: left;
	padding-left: 2%;
}
.movie_year_prev{
	width:25%;
	height: 57px;
	line-height: 57px;
	float:left;
    text-align: right;
	padding-right: 2%;
}
.movie_year_next a,.movie_year_prev a{
    color: #4d2600;
    font-weight: bold;
}
.movie_box{
    float: left;
    width: 24%;
    margin: 0.5%;
}
.movie_box a{
	display:block;
}
.movie_box a:hover{
	opacity:0.8;
}
.movie_box:nth-child(4n+1){
	clear:both;
}
.movie{
    height: 250px;
    width: 100%;
    object-fit: cover;
}
.movie_date{
    display: block;
    text-align: center;
	color:#111;
	background: #fdff89;
	padding-top: 2%;
}
.movie_ttl{
    display: block;
    text-align: center;
	color:#111;
	font-weight: bold;
	background: #fdff89;
	padding-bottom: 2%;
}
/*動画集個別ページ*/
.kobetu_tbl{
	max-width:100%;
	width:900px;
	margin:auto;
	margin-top: 3%;
}
.kobetu_tbl td{
	padding:1%;
}
.kobetu_date{
	text-align: center;
    font-weight: bold;
}
.kobetu_tbl td iframe{
	width:100%;
}

@media screen and ( max-width:1400px) {
.movie {
    height: 17vw;
}
}
@media screen and ( max-width:900px) {
.movie_box {
    float: left;
    width: 49%;
}
.movie_box:nth-child(2n+1){
	clear:both;
}
.movie {
    height: 35vw;
}
.movie_year_prev,.movie_year_next {
    height: 50px;
    line-height: 50px;
}
.movie_year {
    font-size: 1.5em;
    height: 50px;
}
}
@media screen and ( max-width:768px) {
.movie_year_box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.movie_year {
    width: 100%;
	height: auto;
    order: 1;
}
.movie_year_next {
    order: 2;
}
.movie_year_prev{
    order: 3;
}
.movie_year_prev,.movie_year_next {
	height: auto;
    line-height: 1.5em;
	width: 50%;
    text-align: center;
}
}
@media screen and ( max-width:425px) {
.movie_box {
    width: 99%;
	margin-bottom: 2%;
}
.movie {
    height: 70vw;
}

}