@charset "utf-8";
/* CSS Document */
.header_youtube {
	margin-bottom: 10px;
	padding: 15px;
	background: url("../images/side_back.gif");
}
.header_youtube .header_youtube_ttl {
	margin-bottom: 10px;
	color: #FFF;
	text-align: center;
	letter-spacing: .2em;
}
.header_column {
	position: relative;
	height: 390px;
	overflow-y: scroll;
	margin-bottom: 20px;
	padding: 20px 15px;
	background: #FFF;
}
.header_column .btn_view {
	position: absolute;
	top: 30px;
	right: 10px;
}
.header_column .btn_view a {
	display: inline-block;
	padding-right: 20px;
	background: url("../images/arrow003.gif") top 50% right no-repeat;
	color: #1FB8CC;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;	
}
.header_column .btn_view a:hover {
	text-decoration: underline;
}
.header_column .column_list li {
	margin: 15px 0 0;
}
.header_column .column_list li:nth-child(-n+3) {
	margin-top: 15px;
}
.header_column .column_list li a {
	text-decoration: none;
}
.header_column .column_list li a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.header_column .column_list .column_date {
	display: block;
	margin-bottom: 5px;
	color: #1FB8CC;
	font-size: 75%;/*12px*/
}
.header_column .column_list li a .column_ttl{
	text-decoration: underline;
}
.header_column .column_list li a:hover .column_ttl{
	text-decoration: none;
}
.header_column .column_list .column_ttl {
	font-size: 88%;/*14px*/
	font-weight: normal;
	line-height: 1.4;
}
@media screen and (max-width:640px) {
	.header_youtube {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.header_youtube iframe {
		width: 100%;
		height: 60vw;
	}
	.header_column {
		height: 70vw;
		margin: 0;
	}
	.header_column .column_list {
		margin: 0;
	}
	.header_column .column_list li {
		width: 100%;
	}
}