/**************************
Compass Text Replacement
*/
/**************************
Inline List
*/
/**************************
Inline Block List
*/
/**************************
horizontal-list
*/
/**************************
Bullets
*/
/* simple clearfix */
/**************************
@mixin for sprite
*/
.h1_title_section {
		width: 100%;
		height: 301px;
		background: #f4f9ff;
		display: flex;
		border-bottom: 1px solid #1165b5;
}
@media (max-width: 570px) {
		.h1_title_section {
				flex-direction: column-reverse;
				height: auto;
		}
}
.h1_title_section > h1 {
		width: 357px;
		padding: 75px 0 35px;
		color: #1165b5;
		margin: 0 auto;
		text-align: center;
		font-size: 37.5px;
		font-family: "Noto Sans JP", sans-serif;
		font-style: italic;
		font-weight: normal;
		line-height: 1.3;
}
.h1_title_section > h1 > span {
		font-size: 44.11px;
}
.h1_title_section > h1 > img {
		width: 99px;
		display: block;
		margin: 20px auto 0;
}
@media (max-width: 845px) {
		.h1_title_section > h1 {
				font-size: 32px;
		}
		.h1_title_section > h1 > span {
				font-size: 36px;
		}
}
@media (max-width: 700px) {
		.h1_title_section > h1 {
				font-size: 25px;
		}
		.h1_title_section > h1 > span {
				font-size: 30px;
		}
}
@media (max-width: 570px) {
		.h1_title_section > h1 {
				width: 100%;
				padding: 30px 0 30px;
		}
}
.h1_title_section > p {
		width: 643px;
		background: url(/junior/movie/img/movie-title_bg.png) no-repeat center center/cover;
}
@media (max-width: 570px) {
		.h1_title_section > p {
				width: 100%;
				height: 100px;
		}
}

.vieo_section {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
}
@media (max-width: 950px) {
		.vieo_section {
				justify-content: space-around;
		}
}
.vieo_section .video_box {
		width: 280px;
		height: 280px;
		position: relative;
		margin-bottom: 30px;
}
.vieo_section .video_box .video_thum {
		width: 100%;
		height: 280px;
		cursor: pointer;
		display: inline-block;
		box-shadow: 0 0 16px rgba(166, 166, 166, 0.4);
		transition: 0.3s;
		overflow: hidden;
		position: relative;
}
.vieo_section .video_box .video_thum:hover {
		box-shadow: 0 0 18px #8f8f8f;
}
.vieo_section .video_box .video_thum > div {
		width: 100%;
		height: 200px;
}
.vieo_section .video_box .video_thum > div > img {
		width: 100%;
		transition: 0.3s;
}
.vieo_section .video_box .video_thum:hover > div > img {
		transform: scale(1.1);
}
.vieo_section .video_box .play-buttom {
		max-width: 71px;
		position: absolute;
		top: 65px;
		left: 50%;
		margin-left: -35px;
}
.vieo_section .video_box .play-buttom > img {
		width: 100%;
}
.vieo_section .video_box .video {
		width: 280px;
		height: 280px;
		position: absolute;
		top: 0;
}
.vieo_section .video_box .video > video {
		width: 100%;
		height: 100%;
}
.vieo_section .video_box .video_title {
		text-align: center;
		line-height: 1.5;
		padding: 20px 0;
}

.content_section .btn {
		margin-bottom: 40px;
}

.empty_sample {
		width: 280px;
}

section a {
		text-decoration: none;
}

.video_content {
		margin: auto;
		display: block;
}
@media screen and (min-width: 1000px), print {
		.video_content {
				max-width: 80vw;
				max-height: 80vh;
		}
}
@media screen and (max-width: 999px) {
		.video_content {
				max-width: 90vw;
				max-height: 90vh;
		}
}
.video_content.mfp-hide {
		display: none;
}
/*# sourceMappingURL=movie.css.map */