
/* 新着情報 ================================================== */
.news_wrap{
	padding: 70px 15px;
	background: #f8f4e6;
}
.news{
	max-width: 960px;
	margin: auto;
}

.news_in{
	width: 100%;
	height: 100%;
	margin: 0 ;
	padding: 10px;
}
.news_title{
	margin-bottom: 15px;
}



/* テキストCMS ================================================== */
ul#newsList{
	margin:0 0 1em;
	padding:0;
	color:#664e32;
}
ul#newsList li{
	color:#664e32;
	font-size:1em;
	line-height: 180%;
	margin-bottom:0.5rem;
	list-style-type:none;
	border-bottom: solid 1px #81cdb1;
}
ul#newsList a{
	color:#664e32;
	text-decoration:none;
}
ul#newsList a:hover{
	color:#81cdb1;
	text-decoration:none;
}

.up_ymd{
	color: #664e32;
	border-radius: 3px;
	font-weight: 500;
}
.catName{
	display:inline-block;
	padding:3px 8px;
	border:1px solid #ccc;
	border-radius:6px;
	font-size:11px;
	line-height:100%;
	margin:0 2px;
}

.comment{
	display:block;
	padding:3px 0;
	float:left;
	overflow:hidden;
	width:100%;
}

/* 画像表示CMS ================================================== */
.newsinner2{
	width: 100%;
	height: 250px;
	margin: 0 ;
	padding: 10px;
	overflow-y: auto;
}

#newsWrap2{
	margin: 10px;
	
}
#newsWrap2 ul#newsList2{
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
}
#newsWrap2 ul#newsList2 a{
	display: inline-block;
	width: calc(100% / 3 - 10px);
	margin: 0 5px 20px;
	color: #333;
	font-size:90%;
}
#newsWrap2 ul#newsList2 li{
	list-style-type: none;
}

/*サムネイル*/
.thumbNailWrap{
	display: block;
	width: 100%;
	height: 160px;
	overflow: hidden;
	min-height: 0%;
}
.thumbNailWrap img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition-duration: 0.5s;
}

#newsWrap2 ul#newsList2 a:hover .thumbNailWrap img{
	transform: scale(1.2);
	transition-duration: 0.5s;
}

/*日付*/
#newsWrap2 ul#newsList2 li .up_ymd{
	display: block;
}

#newsWrap2 ul#newsList2 li .title{
	display: block;
}



/*詳細ページ*/
#up_ymd{
	text-align:right;
	font-size:1rem;
	margin-bottom: 1em;
}
h2.stitle{
	font-weight: 500;
	font-size: 1.6em;
	margin-bottom: 1em;
	line-height: 150%;
}
h2.stitle::first-letter{
	color: #81cdb1;
}

.detailUpfile{
	margin:5px 0 35px;
	text-align:center;
}
.detailUpfile img{
	max-width:100%;
	height:auto;
}
.pNav{
	font-size:11px;	
}

@media (max-width: 959px){
	
	.news{
		flex-direction: column;
		justify-content: flex-start;
		align-content: flex-start;
		height: inherit;
	}
	.news_title{
		width: 100%;
	}
	.news_in{
		width: 100%;
		padding: 10px;
		max-height: 150px;
		overflow-y: auto;
	}

}
@media (max-width: 450px){

}
