@charset "utf-8";
/* CSS INFORMATION -====================================================
File name : feature.css
Description : 特集ページ
===================================================================== */

/* =====================================================================
*    特集トップ
* =================================================================== */
.feature_main {
	width: 81.25%;
	margin-left: auto;
	margin-right: auto;
}

.feature_main .img iframe,
.feature_main .img video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.feature_main .date {
	height: 25px;
	color: #FFF;
	font-size: 16px;
	line-height: 25px;
	font-weight: bold;
	display: inline-block;
	float: left;
	background-color: #6c2363;
	border-radius: 2px;
	padding-left: 1em;
	padding-right: 1em;
	margin-top: 3.8462%;
	margin-bottom: 5.7693%;
}

.feature_main .corner_name {
	clear: both;
	color: #6c2363;
	font-size: 18px;
	line-height: 1.2em;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px dotted #333;
}

.feature_main .feature_title {
	font-size: 18px;
	line-height: 1.2em;
	font-weight: bold;
	margin-top: 1.9231%;
}

.feature_main .catch {
	font-size: 16px;
	line-height: 1.5em;
	margin-top: 3.8462%;
}

@media screen and (min-width:700px) {
	.feature_main {
		width: 100%;
		overflow: hidden;
	}

	.feature_main .img {
		width: 47.3685%;
		float: left;
		margin-right: 5.2632%;
	}

	.feature_main .date {
		float: none;
		border-radius: 3px;
		padding-left: 3.9474%;
		padding-right: 3.9474%;
		margin-top: 0;
		margin-bottom: 10px;
		font-size: 18px;

	}

	.feature_main .corner_name {
		clear: none;
		margin-left: 52.6316%;
		font-size: 20px;
	}

	.feature_main .feature_title {
		margin-top: 15px;
		margin-left: 52.6316%;
		font-size: 20px;
	}

	.feature_main .catch {
		margin-top: 20px;
		margin-left: 52.6316%;
		font-size: 16px;
	}
}


/* =====================================================================
*    特集トップ・過去の特集：月別アーカイブ
* =================================================================== */
.pastoa_month {
	width: 85.7143%;
	margin-top: 14.2858%;
	margin-left: auto;
	margin-right: auto;
}

.pastoa_month .select_wrap {
	width: 100%;
	position: relative;
	display: block;
	margin-left: auto;
}

.pastoa_month .select_wrap::before {
	content: '';
	width: 40px;
	height: 100%;
	background: #6c2363;
	border-radius: 3px;
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
}

.pastoa_month .select_wrap select {
	width: 100%;
	height: 40px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: #6c2363;
	font-size: 16px;
	background: transparent;
	position: relative;
	z-index: 1;
	border: 1px solid #6c2363;
	border-radius: 3px;
	margin: 0;
	padding: 0 40px 0 10px;
}

.pastoa_month .select_wrap select::-ms-expand {
	display: none;
}

.pastoa_month .select_wrap::after {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 14px;
	z-index: 0;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: #fff transparent transparent transparent;
	margin: auto 0;
}

.pastoa_month .no_selectval {
	font-size: 16px;
	line-height: 1.5em;
	margin-top: 8.3334%;
	margin-left: auto;
	margin-right: auto;
	display: none;
}

@media screen and (min-width:700px) {
	.pastoa_month {
		width: 89.4737%;
		margin-top: 60px;
	}

	.pastoa_month.index {
		width: 100%;
	}

	.pastoa_month.index .oa_list {
		width: 89.4737%;
		margin-left: auto;
		margin-right: auto;
	}

	.pastoa_month .month_ttl_s {
		margin-bottom: 20px;
	}

	.pastoa_month .select_wrap {
		width: 68%;
	}

	.pastoa_month .select_wrap select {
		font-size: 18px;
	}

	.pastoa_month .no_selectval {
		font-size: 18px;
	}
}

@media screen and (min-width:1000px) {
	.pastoa_month .select_wrap {
		width: 53%;
	}
}

/* =====================================================================
*    特集トップ・過去の特集：過去の放送内容
* =================================================================== */
#past_oa {
	width: 87.5%;
	text-align: center;
	margin-top: 10.9375%;
	margin-left: auto;
	margin-right: auto;
}

.archive_oa {
	width: 87.5%;
	margin-left: auto;
	margin-right: auto;
}

.archive_oa .pastoa_ttl {
	margin-bottom: 7.1429%;
}

@media screen and (min-width:700px) {
	#past_oa {
		width: 100%;
		margin-top: 30px;
	}

	.archive_oa {
		width: 100%;
	}

	.archive_oa .pastoa_ttl {
		margin-bottom: 60px;
	}
}