/* CSS Document */


@media (min-width:751px){
	#mv { background: url(../images/mv.jpg) center center no-repeat; background-size: cover; }
	#mv h2 { background: url(../images/ttl.png) center center no-repeat; }

	#p1 { padding: 80px 0; }
	#newsList li { border-bottom: #805C76 1px solid; padding-top: 40px; padding-bottom: 40px; }
	#newsList .cflex {  }
	#newsList .cflex .thumbNailWrap { margin-right: 15px; width: 200px; }
	#newsList .comment { font-size: 16px; line-height: 24px; width: 780px; width: calc( 100% - 215px); }

	#p1 h3.ch3 { margin-bottom: 40px; }
	#detail .detailText { margin-bottom: 30px; font-size: 16px; line-height: 24px; }
	.detailUpfile { margin-bottom: 30px; }

}
@media (min-width: 751px) and  (max-width:1500px){

}
@media (min-width: 751px) and  (max-width:1300px){
}
@media (max-width:750px){
	#mv { background: url(../images/mv.jpg) center center no-repeat; background-size: cover; }
	#mv h2 { background: url(../images/ttl.png) center center no-repeat; background-size: auto 30vw; }

	#p1 { padding: 12vw 0; }
	#newsList li { border-bottom: #805C76 1px solid; padding-top: 10vw; padding-bottom: 10vw; }
	#newsList .cflex { /*margin-bottom: 10vw;*/ }
	#newsList .cflex .thumbNailWrap { width: 60vw; margin-bottom: 6vw; display: block; }
	#newsList .comment { font-size: 3.7vw; line-height: 5vw; width: 100%; display: block; }

	#p1 h3.ch3 { margin-bottom: 4vw; line-height: 7vw; }
	#detail .detailText { margin-bottom: 4vw; font-size: 3.7vw; line-height: 5vw; }
	.detailUpfile { margin-bottom: 4vw; }

}