/* CSS Document */
@import url("reset.css");
@import url("common.css");
@import url("styles.css");

/* H2
---------------------------------------------------------- */
#h2Hanger::after{ background-image: url("../img/other/bg_h2.jpg");}


/* archive */
.news_hanger{	margin: 0 auto 50px auto;}

@media screen and (max-width: 690px){
	.news_hanger{	margin: 0 auto 20px auto;}
}

/* single */
.container{ padding-bottom: 0;}
.content{ max-width: 900px;}

.data{
	margin: 0 0 20px 0;
	padding: 15px 0 20px;
	border-bottom: 1px dotted #ccc;
	font-size: 0.9rem;
}

.page_link{
	margin: 30px 0 0 0;
	padding: 30px 0;
	border-top: 1px dotted #ccc;
}
.page_link li{
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.news_menu{
  width: 100vw;
	margin: 40px calc(50% - 50vw) 0;
	padding: 30px 0;
	background-color: #e4edf4;
}

.news_menu dl{ 
	margin: 10px;
	padding: 20px;
	background-color: rgba(255,255,255,0.40);
  -webkit-box-pack: justify;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: justify;
  justify-content: flex-start;
}

.news_menu dt{
	min-width: 20%;
	margin: 0;
	padding: 0;
	color: var(--mainColor);
	font-weight: 500;
}

.news_menu dd{ margin: 0;}

.news_menu dd ul{
	margin: 0;
	padding: 0;
}
.news_menu dd ul li{
	margin: 5px;
	padding: 0;
	list-style: none;
}
.news_menu dd ul li a{
	display: block;
	padding: 10px 15px;
	background-color: #fff;
	border-radius: 5px;
	text-decoration: none;
}

.arc select{ margin: 5px;}

#pageNavi{
	margin: 50px 0;
	padding: 20px 0;
	text-align: center;
	font-size: 0.9rem;
}

#pageNavi ul li{
	margin: 0 5px;
	display: inline-block;
	padding: 5px 0;
}

#pageNavi a{
	padding: 6px 10px;
	color: #006CB2;
	background-color: #FFFFFF;
	border: 1px solid #006CB2;
	border-radius: 5px;
	text-decoration: none;
}

#pageNavi a:hover{
	color: #FFFFFF;
	background-color: #006CB2;
	text-decoration: none;
}

#pageNavi span{
	padding: 6px 10px;
	background-color: #e4edf4;
	border-radius: 5px;
}

@media screen and (max-width: 690px){
	
	.news_menu{ padding: 10px 0;}
	.news_menu dl{
		margin: 5px 0;
		padding: 10px;
	}
	
	.news_menu dt{ width: 100%; text-align: center;}
	.news_menu dd{ width: 100%;}
	
	.news_menu dd ul{ justify-content: flex-start;}
	
	.arc select{ width: calc(100% - 10px);}
	
}