@charset "utf-8";


/* ニュース
----------------------- */

.page.news #main_img{
	background: url("../../news/images/main.jpg") no-repeat center / cover;
}

.page.news #page_catch::before{
	background: url("../../news/images/news.png") no-repeat right center / contain;
}

.page.news .h02{
	margin-bottom: 2rem;
}

.news_list li{
	border-bottom: 1px dashed #333;
	letter-spacing: 2px;
	background: #ffffff;
	
	transition: all .3s;
}

.news_list a{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	text-decoration: none;
	color: #333;
	font-size: 105%;
	padding:  2rem 1rem;
	position: relative;
}


/*.news_list a::after{
	content: ""; display: inline-block;
	width: 1rem; height: 1rem;
	border-radius: 4rem;
	
	box-sizing: border-box;
	background: url("../../news/images/arrow.png") no-repeat center / 20% #f3f3f3;
	
	position: absolute;
	top: 0; right: 2rem;
}*/


.news_list .day{
	display: inline-block;
	color: #fff;
	font-size: 80%;
	letter-spacing: 2px;
	padding: 0.5rem 1rem;
	margin:0 1rem 0 0;
	
	/*background: #01163b;*/
	background: #333;
}

.news_list li:hover{
	/*background: #f8f8f8;*/
	background: #01163b;
}

.news_list li:hover a{
	color: #fff;
}

/*.news_list li:hover .day{
	color: #01163b;
	background: #fff;
}*/


@media print, screen and (max-width: 480px){
	
	.news_list .day{
		margin:0 0 1rem;
	}
}


@media print, screen and (min-width: 1080px){

	.page.news .h02{
		margin-bottom: 4rem;
	}	
	
	.news_list a{
		display: block;
		font-size: 115%;
		padding:  2rem 15% 2rem 3%;
	}
	
	.news_list a::after{
		content: ""; display: inline-block;
		width: 2.5rem; height: 2.5rem;
		border-radius: 4rem;
		
		box-sizing: border-box;
		background: url("../../news/images/arrow.png") no-repeat center / 20% #f3f3f3;
		
		position: absolute;
		top: 50%; right: 2rem;
		transform: translateY(-50%);
	}
	
	.news_list .day{
		margin:0 3rem 0 0;
	}
	
}

/* 記事詳細 */

.news_content{
	color: #01163b;
	text-align: left;
	padding: 3rem 0 0;
	background-color: #fff;
	position: relative;
}

.news_content .day{
	letter-spacing: 5px;
	position: absolute;
	top: 0; right: 1rem;
}

.news_content .btn_wrap{
	text-align: center;
}

.news_content .button{
	padding:0.8rem 4rem;
}

.news_content h2{
	font-size:115%;
}

@media print, screen and (min-width: 1080px){
	
	.news_content{
		/*text-align: center;*/
	}
	
	.news_content .button{    
		letter-spacing: 2px;
	}
	
}



/*eof*/