@charset "utf-8";

/* soft-title */
#soft-title {
	background: #000;
}
#soft-title h1 {
	min-width: 298px;
	padding: 8px 8px 8px 14px;
	color: #FFF;
	font-size: 12px;
}

/* contents-inner */
#contents-inner img {
	vertical-align: bottom;
}

/* article-wrap */
.article-wrap {
	background: url(../img/article_wrap_bg01.gif) repeat-y;
	background-size: 100%;
}

/* article01 */
.article01 {
	padding-bottom: 9.0625%;
}
.article01 .movie-wrap {
	position: relative;
	margin: 0 8.125%;
}
.article01 .movie {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	border: 5px solid #000;
	background: #000;
}
.article01 .no-script {
	width: 100%;
}
.article01 .movie-inner {
	position: relative;
	padding-top: 56.25%;
}
.article01 .movie iframe {
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
}

/* article02 */
.article02 {
	padding-bottom: 5.3125%;
}
.article02 .btn {
	width: 92.1875%;
	margin: 0 0 0 4.6875%
}

/* clearfix */
.clearfix:after {
	content: '';
	display: block;
	clear: both;
}