/* ----------------------------------------

体験漫画

---------------------------------------- */

.movielist {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.movielist li {
	width: auto;
	background-image: linear-gradient(180deg, rgba(66, 66, 66, 1) 51%, rgba(0, 0, 0, 1) 51%);
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 30px;
}
.movielist .vid_contents {
width: 100%;/*背景色を横幅いっぱいに広げる*/
text-align: center;
margin: auto;
}
.movielist video.vid_main {
width: 100%;
max-width: 920px;/*PC版での最大幅*/
}


@media screen and (max-width: 1200px) {
.movielist {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-wrap: wrap;
}
.movielist li {
	width: auto;
	background-image: linear-gradient(180deg, rgba(66, 66, 66, 1) 51%, rgba(0, 0, 0, 1) 51%);
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 15px;
}
.movielist .vid_contents {
width: 100%;/*背景色を横幅いっぱいに広げる*/
text-align: center;
margin: auto;
}
.movielist video.vid_main {
width: 100%;
max-width: 920px;/*PC版での最大幅*/
}
}