@charset "utf-8";
/* CSS Document */

.pageimg{
	margin-bottom:40px;
}


.short-movie-list{
    display:flex;
    flex-wrap:wrap;
	column-gap: 30px;
	margin-bottom:50px;

}

.short-movie-list .item{
	width:calc( (100% - 60px) / 3);
	background:#f5f5f5;
	padding:20px;
	border-radius: 15px;
	box-shadow: 5px 5px 0px  #e5e5e5;
	margin-bottom:35px;


}


.short-movie-list .movie{
	position:relative;
	height:500px;
	margin-bottom:10px;
}

.short-movie-list .movie img{
	border-radius: 10px;

	width:100%;
	height:100%;
	object-fit: cover;
	max-width: initial;
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
}

.short-movie-list .movie2 iframe{
	width:100%;
	height:300px;
}

.short-movie-list .date{
	margin-bottom:5px;
}



@media only screen and (max-width: 768px) {

.short-movie-list .item{
	width:100%;
}
.short-movie-list .movie{
	height:300px;
}

}