@charset "utf-8";

/* main */
#main{
	position: relative;
	margin: 0 auto;
	padding: 0;
}
#main .header{
	position: relative;
	margin: 0 auto;
	width: 100%;
}
#main .header img{width: 100%;}
#main h2{
	position: absolute;
	padding: 0;
	margin: 0;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60%;
	max-width: 400px;
}
/*.mainImage{
	position: relative;
	margin: 0 auto;
	width: 100%;
	height:0;
	padding-top: 24.12%;
	background-image: url("../img/news/main.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 0;
}*/


/* ニュース */
	#news{
	position: relative;
	margin: -2% auto -6% auto;
	background-color: #f2f2cc;
	box-shadow:0px 12px 16px -10px rgba(0,0,0,0.3) inset;
}
#news .contents-inner{
	padding: 10% 0;
	margin: 0 auto -10% auto;
	/*border-top: solid 1px #accb70;
	border-bottom: solid 1px #accb70;*/
}
#news h2{
	position: absolute;
	padding: 0;
	margin: 0;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60%;
	max-width: 400px;
	/*position: relative;
	margin: 4% auto;
	width: 100%;
	height:0;
	padding-top: 18%;
	background-image: url("../img/common/ttl_news.png");
	background-size: 50% auto;
	background-repeat: no-repeat;
	background-position: 50% 50%;*/
}
	
/* newslist */
.catArea{
	position: relative;
	margin: 30px auto 0 auto;
	width: calc(100% - 40px);
}
.catArea .category{
	position: relative;
	margin: 0 ;
	width:100%;
}
.catArea .list{
	position: relative;
	margin: 0 ;
	width:100%;
}
.catArea .list{margin: 10px auto;}
.catArea .list li a, .catArea .list li span{
	position: relative;
	display:block;
	margin:0;
	width:calc(100% - 6em);
}
/* newsdetail */
.newsdetail{
	position: relative;
	margin: 40px auto 0 auto;
	width: calc(100% - 80px);
	background-color: #ffffff;
	padding: 20px;
	border-radius: 10px;
}
.page-header{
	position: relative;
	display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 auto 10px auto;
	padding-bottom: 5px;
	border-bottom: dotted 1px #9fa0a0;
}
.newsdetail time{
	position: relative;
	width: 12em;
}
.newsdetail h1{
	position: relative;
	width: 100%;
	font-weight: 700;
	font-size: .16rem;
	text-align: left;
}
.newsdetail p{
	position: relative;
	margin: 10px auto 0 auto;
	text-align: left;
}
.adjacent_post_links{
	position: relative;
	margin: 40px auto 80px auto;
}

/* categorylist */
#categorylist{
	position: relative;
	margin:  0 auto;
	padding: 0 0 50px 0;
}
#categorylist .list{
	position: relative;
	margin: 30px auto 0 auto;
	width: calc(100% - 40px);
}
#categorylist .list li{
	position: relative;
	margin: 0 5px 10px 5px;
}
	
/*#newlist .newsWrap{
		margin: 0 auto;
		padding: 10% auto;
		max-width: 95%;
		gap:0 50px;
	}*/
/*#news ul.newsList{
	position: relative;
	margin: 0 auto;
	width: 96%;

}
#news ul.newsList li{border-bottom: solid 1px #d9d9d9; padding: .5em 0; text-align: left;}
#news ul.newsList li span{display: inline-block;padding-right: 3%;}
#news ul.newsList li:last-child{border-bottom: none;}
#news ul.newsList li a{ display: block; text-decoration: none; color: #4187c7;}*/







/* ----- pc ----- */
@media screen and (min-width: 641px) {
	
		
/* main */
#main{
	position: relative;
	margin: 0 auto;
}
#main .header{
	position: relative;
	margin: 0 auto;
}
#main .header img{
	position: relative;
	margin: 0 auto;
	width: 100%;
}
	#main .ttl{margin: 60px auto 90px auto;}

	
	/* news */
	#news{
	margin: -10px auto -20px auto;
}
	
	#news h2{
	position: relative;
	margin: 4% auto;
	width: 100%;
	height:0;
	padding-top: 18%;
	background-size: 30% auto;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
	#news .contents-inner{
		margin: 0 auto;
	padding: 100px 0;
	/*border-top: solid 1px #accb70;
	border-bottom: solid 1px #accb70;*/
}
	/* newslist */
	
	.catArea{
		margin: 60px auto 0 auto;
		width: 960px;
	}
	.catArea .category{width:10em;}
	.catArea .list{width:calc(960px - 10em);}
	.catArea .list{margin: 0 auto;}
	/* newsdetail */
	.newsdetail{
		width: 880px;
		margin: 20px auto 60px auto;
		padding: 40px;
		border-radius: 10px;
	}
	.newsdetail time{width: 8em;}
	.newsdetail h1{
		width: calc(100% - 15em);
		font-size: .18rem;
	}
	.newsdetail p{
		font-size: 18px;
		line-height: 1.8;
		margin: 20px auto ;}
	
	.adjacent_post_links{margin: 80px auto 120px auto;}
	
	/* categorylist */
	#categorylist{padding: 0 0 80px 0;}
	#categorylist .list{
		margin: 50px auto 0 auto;
		width: 860px;
	}
	#categorylist .list li a{
		padding: 10px .3em;
		font-size: .16rem;
	}
	/*#news ul.newsList{
		position: relative;
		margin: 0 auto;
		width: 740px;
		display: inline-block;
		vertical-align: middle;
		padding-bottom: 150px;

	}
	#news ul.newsList li{border-bottom: solid 1px #d9d9d9; padding: .5em 0 .5em .8em; text-align: left;}
	#news ul.newsList li span{display: inline-block; padding-right: 20px;}
	#news ul.newsList li:last-child{border-bottom: none;}
	#news ul.newsList li a{ display: inline-block; text-decoration: none; color: #4187c7;}*/
	/*#newlist .newsWrap{
		margin: 0 auto;
		padding: 100px auto;
		max-width: 940px;
		gap:0 50px;
	}
	#news .newsInner{
		position: relative;
		margin: 0;
		width: 730px;
	}*/
	/*#news .newsall a{
		padding-right: 50px;
		background-size: auto 8px;
	}*/

	

}