@charset "utf-8";
/*!
 *  CSS
 * ---------------------------------------------
 * 下層ページのcss
 *
 */

/*===================================
	NEWS一覧
=====================================*/
/*
---------------------------------*/






/*===================================
	NEWS詳細
=====================================*/
/*  detailHead
---------------------------------*/

.detailHead {
	margin-bottom: 46px;
}
.detailHead:after {
	display: block;
	width: 100%;
	height: 3px;
	border-top: solid 1px #f8f8f8;
	border-bottom: solid 1px #f8f8f8;
	background: #eee;
}
.detailHead time,.detailHead .cat {
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
}
.detailHead time,.detailHead .cat a {
	color: #666;
}
.detailHead time {
	margin-right: 1em;
	padding-right: 1em;
	/*border-right: solid 1px #666;*/
}
.detailHead h2 {
	margin: 8px 0 17px;
	font-size: 24px;
	line-height: 1.6;
}

/*  news__post
---------------------------------*/

.news__post {
	font-size: 15px;
	line-height: 1.8;
}
.news__post p {
	margin-bottom: 2em;
}
img.imgcenter {
	margin: auto;
}
img.imgleft {
	float: left;
	margin-left: 20px;
}
img.imgrgiht {
	float: right;
	margin-right: 20px;
}
.news__post + .more.box {
	margin: 100px auto 110px;
}


/*  entry__list__sec
---------------------------------*/

.entry__list + .more {
	margin-top: 0.5em;
	margin-bottom: 1.5em;
}

/*  list
---------------------------------*/

.news__detai__list {
	margin: 0 -15px;
}
.news__detai__list li {
	position: relative;
	width: 270px;
	margin: 0 15px 40px;
	line-height: 1.6;
}
.news__detai__list figure {
	width: 270px;
	height: 270px;
	margin-bottom: 15px;
}
.news__detai__list li span {
	color: #666;
	font-size: 13px;
}
.news__detai__list li h3 {
	margin-bottom: 0.2em;
}
.news__detai__list li p {
	font-size: 13px;
}
.news__detai__list li p b {
	font-size: 16px;
}
.news__detai__list li p.summary {
	margin-top: 0.5em;
}
.news__detai__list li a:hover {
	opacity: .7;
}
.news__detai__list a:hover h3,
.news__detai__list a:hover p {
	color: #777;
}

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

	/*===================================
		NEWS一覧
	=====================================*/

	.filterSp > dl > dt {
		margin: 0 0 55px 20px;
	}


	/*===================================
		NEWS詳細
	=====================================*/
	/*  detailHead
	---------------------------------*/

	.detailHead {
		margin: 45px 20px 35px;
	}
	.detailHead time,.detailHead .cat {
		font-size: 24px;
	}
	.detailHead h2 {
		margin: 16px 0;
		font-size: 32px;
		line-height: 1.6;
	}

	/*  news__post
	---------------------------------*/

	.news__post {
		margin: 0 20px;
	}
	.news__post {
		font-size: 28px;
		line-height: 1.6;
	}
	.news__post + .more.box {
		margin: 80px 80px 115px;
	}

	/*  entry__list__sec
	---------------------------------*/

	.inner .entry__list__sec .more {
		margin-left: 20px;
		margin-right: 20px;
	}

		/* news__detai__sec
	---------------------------------*/
	.news__detai__sec {
		margin: 0 20px 150px;
	}
	.news__detai__list {
		margin: 0 -10px -30px;
	}
	.news__detai__list li {
		width: 345px;
		margin: 0 10px 50px;
	}
	.news__detai__list figure {
		width: 345px;
		height: 345px;
		margin-bottom: 18px;
	}
	.news__detai__list li span {
		font-size: 24px;
	}
	
	.news__detai__list li h3 {
		font-size: 28px;
	}
	
	.news__detai__list li p {
		font-size: 18px;
	}
	
	.news__detai__list li p b {
		font-size: 28px;
	}
	
	.news__detai__list li p.summary {
		font-size: 24px;
	}
	.news__detai__sec .more.box {
		margin-top: 70px;
	}

}