@charset "UTF-8";
/* CSS Document */

.news_list li{
	padding: 30px 20px;
	border-bottom: 1px solid #DCDCDC;
}

.news_list li a{
	text-decoration: none;
	display: -webkit-flex;
	display: flex;
}


.news_list li span{
	font-family: "Futura Std Medium", "Futura XBlk BT", "FuturaBlack BT",'Hind', sans-serif;
	color: #0096e0;
	width: 130px;
	display: block;
}

.news_list li b{text-decoration: underline;display: block; width: calc(100% - 130px);}
.news_list li b:hover{text-decoration: none;}

@media screen and (max-width: 700px){
	.news_list li{padding: 20px 10px;}
	.news_list li a{display: block!important;}
	.news_list li span{width: 100%;}
	.news_list li b{width: 100%;}
}


/* ページャー */
.news_pager{
	margin: 60px 0;
	text-align: center;
}

.news_pager li{
	list-style: none;
	display: inline-block;
	margin: 0 3px;
}

.news_pager li a{
	border-radius: 5px;
	text-decoration: none;
	background: #0096e0;
	color: #FFFFFF;
	padding:5px 10px;
}

.news_pager li a:hover,.news_pager li a.active{
	background: #fee100;
	color: #0096e0;
}

.news_pager li a.next,.news_pager li a.prev{
	background: #FFFFFF;
	color: #0096e0;
	font-weight: bold;
}

.news_pager li a.next:hover,.news_pager li a.prev:hover{
	background: #FFFFFF;
	color: #0096e0;
	opacity: 0.6;
}