@charset "UTF-8";
/* 動画 一覧テーブル */
.movie-archive-wrap {
	max-width: 1080px;
	margin: 0 auto;
}
.movie-list {
	width: 100%;
	border-collapse: separate;
	border-spacing: 4px;
	table-layout: fixed;
	margin: 0;
}
.movie-list th,
.movie-list td {
	padding: 18px 16px;
	vertical-align: middle;
	text-align: center;
	word-break: break-word;
}
.movie-list thead th {
	background: #00469c;
	background: var(--color_main, #00469c);
	color: #fff;
	font-weight: 500;
	letter-spacing: 0.3em;
	font-size: 1.05em;
	padding: 20px 16px;
}
.movie-list__th-title,
.movie-list__title {
	width: 55%;
}
.movie-list__th-video,
.movie-list__video {
	width: 45%;
}
.movie-list tbody tr:nth-child(odd) td {
	background: #eef4fc;
	background: var(--color_pale02, #eef4fc);
}
.movie-list tbody tr:nth-child(even) td {
	background: #ffffff;
}
.movie-list__title {
	color: #333;
	color: var(--color_text, #333);
	font-size: 1.05em;
	line-height: 1.9;
}
.movie-list__embed {
	position: relative;
	width: 100%;
	max-width: 360px;
	margin: 0 auto;
}
.movie-list__embed::before {
	content: "";
	display: block;
	padding-top: 56.25%;
}
.movie-list__embed iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.movie-list__novideo {
	color: #999;
	font-size: 0.9em;
}

@media (max-width: 600px) {
	.movie-list,
	.movie-list thead,
	.movie-list tbody,
	.movie-list tr,
	.movie-list th,
	.movie-list td {
		display: block;
		width: 100%;
	}
	.movie-list thead {
		display: none;
	}
	.movie-list tbody tr {
		margin-bottom: 18px;
	}
	.movie-list__title {
		font-weight: 600;
		padding-bottom: 10px;
	}
}