@charset "utf-8";
/*
---------------------------------------
# Device:S/M/L Regions
# File:css/movie.css
# Version:1.00
# Update:2018.09.07
---------------------------------------
*/

/*-----------------------------------
Section (Contents Area)
-----------------------------------*/
.movie-content {
	width:100%;
	font-size:1.125rem;
	line-height:1.5em;
	}

@media screen and (max-width:1279px) {
	.movie-content { 
		width:auto;
		}
	}
.movie-content h2 {
	border-bottom:0.0625rem solid #dddddd;
	padding:0 0 1.0rem;
	font-size:1.75rem;
	line-height:1.4;
	}
.movie-content img {
	vertical-align:middle;
	height:auto;
	max-height:1.2em;
	}

@media screen and (max-width:1279px) {
	.movie-content h2 {
		padding:1.0rem 0;
		}
	}

@media screen and (max-width:640px) {
	.movie-content h2 {
		padding:0 0 0.5rem;
		font-size:1.1875rem;
		}
	}

/*-----------------------------------
Common
-----------------------------------*/
.moviebody {
	margin: 30px 0;
	}

.movie-wrap {
	position: relative;
	padding-bottom: 56.25%; /* aspect ratio 16:9 */
	height: 0;
	overflow: hidden;
	}

.movie-wrap iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	}

.movie-wrap video{
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	}

/* 20240124 */
.movie_comment {
    margin-top: 20px;
}