@charset "UTF-8";

/* ===================================================================
   ニュース専用css
=================================================================== */

#contents.news {}
.news_content {}

/*一覧*/

.news_list {
	margin-bottom: 25px;
}
.news_item {
	padding:20px 15px;
	border-bottom:1px solid #707070;
}
.news_item:first-child {
	border-top: 1px solid #707070;
}
.news_link {
	display:block;
	padding:0 20px 0 0;
	position:relative;
}
.news_link:after {
	content:"";
	display:block;
	width:6px;
	height:6px;
	border-top:1px solid #000;
	border-left:1px solid #000;
	transform:rotate(135deg) translateY(-50%);
	position:absolute;
	top:50%;
	right:5px;
}
.news_title {
	font-size:12px;
	line-height: 1.4;
	margin-bottom: 5px;
}
.news_date {
	color:#b1b1b1;
	font-family: "Lato", sans-serif;
	font-size:12px;
}

/*詳細*/
.news_detail {
	margin-bottom: 60px;
}
.news_detail_content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-left: -20px;
	margin-right: -20px;
}
.news_detail_data {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 0 20px;
}
.news_detail_data.news_detail_data_column {}
.news_detail_date {
	color: #a0a0a0;
	font-family: "Lato", sans-serif;
	font-size: 13px;
	margin-bottom: 15px
}
.news_detail_title {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}
.news_detail_description {
	font-size: 13px;
	line-height: 1.5;
}
.news_detail_description * {
	font-size: 13px;
	line-height: 1.5;
}

.news_detail_photo {
	-webkit-flex-basis: 400px;
	-ms-flex-preferred-size: 400px;
	flex-basis: 400px;
	max-width: 400px;
	padding: 0 20px;
}
.news_detail_image {
	width: 100%;
	height: auto;
}

/* about_page
--------------------------------------------------------------------*/

.news_pager {
	margin-bottom: 30px;
	padding: 0 15px;
}
.pager {
	display: flex;
	justify-content: center;
	margin-left: -5px;
	margin-right: -5px;
	position: relative;
}
.pager li {
	display:inline-block;
	height: 30px;
	width: 30px;
	margin: 0 5px;
	position: relative;
}
.pager li a {
	display: block;
	font-size: 13px;
	line-height: 30px;
}
.pager .pager_number {
	line-height: 30px;
}
.pager .pager_number a {
	display: block;
	font-size: 13px;
	line-height: 30px;
	text-align: center;
}
.pager .pager_number.active span {
	display: block;
	font-size: 13px;
	line-height: 30px;
	color: #000;
	text-align: center;
	background-color: #e6e6e6;
}
.pager_number.brank span {}
.pager .pager_prev {
	position: absolute;
	top: 0;
	left: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-right: 20px;
}
.pager .pager_prev a:after {
	content: "";
	width: 8px;
	height: 8px;
	margin-top: -4px;
	margin-left: -2px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(-135deg);
	position: absolute;
	top: 50%;
	left: 50%;
}
.pager .pager_next {
	position: absolute;
	top: 0;
	right: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-left: 20px;
}
.pager .pager_next a:after {
	content: "";
	width: 8px;
	height: 8px;
	margin-top: -4px;
	margin-right: -2px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 50%;
}