@charset "utf-8";
/*
 * =======================================================
 *
 * [about]
 *
 * =======================================================
 */
/**
 * popup
 */
#popupWrapperMovie.popupWrapper {
	width: 70%;
	margin-left: -35%;
}
	#popupWrapperMovie.popupWrapper .closeVox {
		height: 50px;
	}
	#popupWrapperMovie.popupWrapper .popupCloseBt {
		position: absolute;
		top: 0;
		right: 0;
		width: 50px;
		height: 50px;
	}
#popupWrapperMovie .content {
	position: relative;
	padding-top: 56.25%;
	background: transparent;
}
	#popupWrapperMovie .content iframe {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
	}
	#popupWrapperMovie.popupWrapper .popupCloseBt span {
		width: 40px;
		height: 3px;
		background: #000;
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -1.5px 0 0 -20px;
	}
/**
 * videoWrap
 */
.videoWrap {
	width: 100%;
	margin: 0 auto;
}
	.videoWrap > ul {}
		.videoWrap > ul > li {
			margin-bottom: 50px;
		}
			.videoWrap > ul > li > a {
				display: block;
			}
	.videoWrap .thumb {
		position: relative;
		margin-bottom: 10px;
	}
	.videoWrap .thumb::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../../images/content/movie/ico_play.svg) center no-repeat;
	}
		.videoWrap .thumb img {
			width: 100%;
		}
	.videoWrap .title {
		color: #004EA2;
		font-weight: bold;
		font-size: 1.8rem;
	}
	.videoWrap .link {
		text-align: center;
		margin-top: 20px;
	}
		.videoWrap .link a {
			display: inline-block;
			background: #004EA2;
			font-size: 1.6rem;
			color: #FFF;
			text-decoration: none;
			padding: .5em 2.75em .5em 1.5em;
			border-radius: 5px;
			position: relative;
		}
		.videoWrap .link a::after {
			content: '';
			position: absolute;
			top: 50%;
			right: 20px;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 5px 0 5px 5px;
			border-color: transparent transparent transparent #FFF;
			margin-top: -5px;
		}
/**
 ****************************************************
 *
 * screens larger than 1024
 *
 ****************************************************
 */
@media screen and (min-width: 1025px) {
	#main {
		padding-right: 10px;
		padding-bottom: 10px;
	}
	.videoWrap {
		max-width: 1010px;
		padding: 0 10px 0 20px;
	}
}
/**
 ****************************************************
 *
 * screens smaller than 1025
 *
 ****************************************************
 */
@media screen and (max-width: 1024px) {
	.videoWrap {
		padding: 0  2.67% 25px;
	}
		.videoWrap > ul > li {
			margin-bottom: 35px;
		}
}
/**
 ****************************************************
 *
 * screens smaller than 568
 *
 ****************************************************
 */
@media screen and (max-width: 567px) {
	#popupWrapperMovie.popupWrapper {
		width: 100%;
		margin-left: -50%;
		padding: 0 2.67%;
	}
	.videoWrap {}
		.videoWrap > ul > li {
			width: 100%;
		}
}
/**
 ****************************************************
 *
 * screens larger than 567
 *
 ****************************************************
 */
@media screen and (min-width: 568px) {
	.videoWrap {}
		.videoWrap > ul {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			    flex-wrap: wrap;
			-webkit-box-pack: justify;
			    -ms-flex-pack: justify;
			        justify-content: space-between;
		}
			.videoWrap > ul > li {
				width: 48%;
			}
}