@charset "UTF-8";



	
/* movie-list
------------------------------  */
.movie-list .items {
	padding-top: 40px;
	margin-top: 35px;
	border-top: dashed 1px #212121;
}
	.movie-list .items .movie {
		width: 40%;
		overflow: hidden;
		aspect-ratio: 16 / 9;
		border-radius: 10px;
	}
		.movie-list .items .movie iframe {
			width: 100%;
			height: 100%;
			aspect-ratio: 16 / 9;
		}

	.movie-list .items .text {
		width: 56%;
	}
		.movie-list .items .text h2 {
			font-size: 2.4rem;
			font-weight: 700;
			line-height: 1.3em;
			margin-bottom: 15px;
		}

		.movie-list .items .text .read {
			font-size: 1.6rem;
			line-height: 1.7em;
			margin-bottom: 15px;
		}

		.movie-list .items .text dl {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			margin-bottom: 10px;
		}
			.movie-list .items .text dl dt {
				width: 76px;
				height: 24px;
				background: #fff;
				border-radius: 3px;
				font-size: 1.2rem;
				line-height: 24px;
				text-align: center;
			}
			.movie-list .items .text dl dd {
				font-size: 1.4rem;
				line-height: 1.4em;
				padding-left: 12px;
			}
				.movie-list .items .text dl dd a {
					text-decoration: underline;
				}
				.movie-list .items .text dl dd a:hover {
					text-decoration: none;
				}

		.movie-list .items .text a.link {
			display: block;
			margin-top: 12px;
		}
@media screen and (max-width: 1024px) {
	.movie-list .items .movie {
		border-radius: 1vw;
	}
	
	.movie-list .items {
		padding-top: 4vw;
		margin-top: 3.5vw;
	}
		.movie-list .items .text h2 {
			font-size: 2.4vw;
			margin-bottom: 1.5vw;
		}

		.movie-list .items .text .read {
			font-size: 1.6vw;
			margin-bottom: 1.5vw;
		}

		.movie-list .items .text dl {
			margin-bottom: 1vw;
		}
			.movie-list .items .text dl dt {
				width: 7.6vw;
				height: 2.4vw;
				border-radius: 0.3vw;
				font-size: 1.2vw;
				line-height: 2.4vw;
			}
			.movie-list .items .text dl dd {
				font-size: 1.4vw;
				padding-left: 1.2vw;
			}

		.movie-list .items .text a.link {
			margin-top: 1.2vw;
		}
}
@media screen and (max-width: 767px) {
	.movie-list .items .movie {
		border-radius: 2vw;
	}
	
	.movie-list .items {
		display: block;
		padding-top: 7vw;
		margin-top:  6.5vw;
	}
		.movie-list .items .movie {
			width: 100%;
		}
	
		.movie-list .items .text {
			width: 100%;
			padding-top: 3vw;
		}
			.movie-list .items .text h2 {
				font-size: 4.4vw;
				margin-bottom: 2.5vw;
			}

			.movie-list .items .text .read {
				font-size: 3.3vw;
				margin-bottom: 3vw;
			}

			.movie-list .items .text dl {
				margin-bottom: 1.6vw;
			}
				.movie-list .items .text dl dt {
					width: 20vw;
					height: 6vw;
					border-radius: 0.6vw;
					font-size: 3.0vw;
					line-height: 6.3vw;
				}
				.movie-list .items .text dl dd {
					font-size: 3.4vw;
					padding-left: 2.4vw;
					padding-top: 1vw;
				}

			.movie-list .items .text a.link {
				margin-top: 3vw;
			}
}