@charset "UTF-8";

#movie_area {
	margin:0 auto 80px auto;
	overflow:hidden;
}

#movie_list {
	margin-top:60px;
}

#movie_list:after {
	content: '';
	display:block;
	clear:both;
}

#movie_list li {
	float:left;
	width:calc( 100% / 4 );
	overflow:hidden;
	list-style-type:none;
}

#movie_list li a {
	display:block;
	width:100%;
}

#movie_list li p {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

#movie_list li p:first-of-type {
	font-family: 'Zen Old Mincho';
	font-size:18px;
	line-height:26px;
	padding:6px 6px 0 6px;
}

#movie_list li p:nth-of-type( n+2 ) {
	font-size:11px;
	line-height:20px;
	padding:4px 6px 4px 6px;
}

#movie_list li div {
	max-height:60px;
	font-size:11px;
	line-height:20px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
	padding:4px 6px 4px 6px;
	margin-bottom:30px;
}

#movie_list li img {
	aspect-ratio: 16 / 9;
	object-fit:cover;
}

@media screen and (max-width:580px) {
	#movie_list li {
		width:calc( 100% / 2 );
	}
	#movie_list li p:first-of-type {
		font-size:15px;
		line-height:20px;
	}
}

@media screen and (max-width:400px) {
	#movie_list li p:first-of-type {
		font-size:12px;
		line-height:17px;
	}
}