/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 10 2025 | 10:28:39 */
.movie-page-section {
    position: relative;
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
    font-size: 16px;
    line-height: 1.7;
}

.date {
	font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
	color: black;
	letter-spacing: 1px;
}
.date i {
    margin-right: 3px;
    font-size: 15px; 
}

.movie-list-wrapper {
    display: flex;
    gap: 40px;
    max-width: 1200px;
    margin: 40px auto;
}

/* 左カラム */
.left-column {
    width: 560px;
}
.left-image img {
    width: 100%;
    height: auto;
    display: block;
	border-radius: 10px;
    border: solid #c41515 3px;
}
.left-text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    margin-top: 10px;
	line-height: 1.5;
}

/* 右カラム */
.right-column {
    flex: 1;
    display: flex;
    flex-direction: column;
	font-family: "Noto Sans JP", sans-serif;
}

/* 上下のボックス（元のSVG矩形） */
.top-box {
    font-size: 16px;
    line-height: 1.5;
}

/* YouTube動画を横幅100%で表示（上のボックスと同じ幅） */
.video-wrapper {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
	margin-top:70px;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.guest-ph {
	width: 164px;
	height: 164px;
	object-fit: cover;
	transition: transform 0.3s ease, filter 0.3s ease;
	border-radius:50%;
	border: solid #c41515 3px;
}

@media (max-width: 767px) {
    .movie-page-section {
        padding: 0; 
    }
    
    #section-header-sub {
    }
    .date {
        font-size: 14px;
    }
    .date i {
        font-size: 14px;
    }

    .movie-list-wrapper {
        flex-direction: column;
        gap: 20px;
        margin: 20px auto; 
    }

    .left-column {
        width: 100%; 
        margin: 0 auto; 
        max-width: 400px; 
    }
    .left-image img {
    }
    .left-text {
        text-align: left; 
    }

    .right-column {
        width: 100%; 
        padding: 0; 
    }

    .top-box {
        font-size: 16px;
        line-height: 1.6;
    }
}

@media (max-width: 767px) {
    .guest-ph {
        width: 110px;
        height: 110px;
    }
}