/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 12 2025 | 00:37:14 */
.movie-section {
	position: relative;
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
}

#movie-list {
	display: flex;
	gap: 30px;
	flex-wrap: wrap;  
}
.movie-card {
	width: 380px;
	flex-shrink: 0;
	font-family: "Noto Sans JP", sans-serif;
}
.movie-image {
    width: 380px;
    height: 240px;
    object-fit: cover;
    border-radius: 7px;
	border: solid #c41515 3px;
    transition: transform 0.3s ease, filter 0.3s ease; 
	margin: 0;
	margin-top: 10px;
}
.movie-image:hover {
    transform: scale(0.98); 
    filter: brightness(0.8);  
	cursor: pointer;
}
@media (max-width: 767px) {
    .movie-card {
        width: 100%; 
    }
    .movie-image {
        width: 100%; /* 横幅いっぱいに */
        height: auto; 
    }
}
/* 時間 */
.movie-card h1 {
    font-size: 15px;
	line-height: 1.2;
	margin: 0;
	margin-bottom: 7px;
}
h1 i {
    margin-right: 3px;
    font-size: 15px; 
}
/* 作品名 */
.movie-card h2 {
	font-weight: 600;
	font-size: 24px;
	color: #c41515;
	line-height: 1.2;
	margin-top: 2px;
}
/* オープニング作品 */
.movie-card h3 {
	font-weight: 600;
	font-size: 14px;
	line-height: 1.2;
	margin-top: 7px;
}
/* クレジット */
.movie-card h4 {
    font-size: 10px;
	line-height: 1.3;
	margin: 0;
}

.mo-title {
	font-weight: 600;
	font-size: 24px;
	color: #c41515;
	line-height: 1.2;
}
.mo-tag  {
	font-weight: 600;
	font-size: 14px;
	line-height: 1.2;
	margin: 0;
}