@charset "utf-8";

/*----- archive -----*/
.ttl_area.news{background:url(/img/news/h1_news.jpg) no-repeat center/cover;}
.content_area.news{padding:55px 20px 100px;}
.news_list{
	padding:0;
	margin-bottom:50px;
}
.news_item{
	list-style:none;
	margin:0;
}
.news_link{
	position:relative;
	display:flex;
	align-items:center;
	padding:23px 50px 24px 25px;
	border-bottom:1px solid #ccc;
	color:#333 !important;
	text-decoration:none;
	transition:border 0.3s;
}
.news_link:hover{border-color:#0D83C7;}
.news_link::after{
	content:'';
	position:absolute;
	top:0;
	right:25px;
	bottom:0;
	width:10px;
	height:10px;
	margin:auto;
	border-top:1px solid #0D83C7;
	border-right:1px solid #0D83C7;
	transform:rotate(45deg);
	transition:right 0.3s;
}
.news_link:hover::after{right:15px;}
.news_date{width:120px;}
.news_ttl{
	width:calc(100% - 120px);
	margin:0;
	transition:color 0.3s;
}
a:hover .news_ttl{color:#0D83C7;}

.wp-pagenavi{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.current, .wp-pagenavi a{
	position:relative;
	padding:5px 1px;
	margin:0 17px;
	color:#333 !important;
	font-size:1.7rem;
	letter-spacing:1.7px;
	line-height:2.9rem;
}
.wp-pagenavi a{text-decoration:none !important;}
.current, .wp-pagenavi a:hover{color:#0D83C7 !important;}
.current::after, .wp-pagenavi a::after{
	content:'';
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	margin:auto;
	background:#0D83C7;
	opacity:0;
	transition:opacity 0.3s;
}
.current::after, .wp-pagenavi a:hover::after{opacity:1;}
.extend{
	display:flex;
	align-items:center;
	margin:0 17px;
	font-size:1.7rem;
	letter-spacing:1.7px;
	line-height:2.9rem;
}


/*----- single -----*/
.ttl_area.news_post{
	height:230px;
	background:#F2F9FE;
}
.news_post .page_ttl{color:#333;}
.content_area.news_post{padding-top:55px;}
.news_post .news_date{
	width:auto;
	margin-bottom:25px;
	font-size:1.4rem;
	letter-spacing:1.4px;
}
.news_post .link_btn{margin-top:45px;}


@media screen and (min-width:768px) and (max-width:1024px){

/*----- archive -----*/
.content_area.news{padding-top:40px;}
.news_list{margin-bottom:40px;}
.news_link{padding:17px 45px 18px 20px;}
.current, .wp-pagenavi a{
	padding:5px 1px;
	margin:0 15px;
	font-size:1.6rem;
	letter-spacing:1.6px;
}
.extend{
	margin:0 12px;
	font-size:1.6rem;
	letter-spacing:1.6px;
}


/*----- single -----*/
.ttl_area.news_post{height:180px;}
.content_area.news_post{padding-top:45px;}
.news_post .news_date{
	font-size:1.3rem;
	letter-spacing:1.3px;
	margin-bottom:20px;
}

}


@media screen and (max-width:767px){

/*----- archive -----*/
.content_area.news{padding-top:30px;}
.news_list{margin-bottom:25px;}
.news_link{
	display:block;
	padding:12px 40px 14px 20px;
}
.news_link::after{
	width:9px;
	height:9px;
}
.news_date{
	display:block;
	width:auto;
	margin-bottom:8px;
}
.news_ttl{width:auto;}
.current, .wp-pagenavi a{
	padding:1px 0;
	margin:0 12px;
	font-size:1.5rem;
	letter-spacing:1.5px;
}
.extend{
	margin:0 7px;
	font-size:1.5rem;
	letter-spacing:1.5px;
}


/*----- single -----*/
.ttl_area.news_post{
	min-height:140px;
	height:auto;
	padding:20px;
}
.content_area.news_post{padding-top:40px;}
.news_post .news_date{
	font-size:1.2rem;
	letter-spacing:1.2px;
	margin-bottom:15px;
}

}