/* CSS Document */

@media (min-width:751px){
	#mv { background: url(../images/mv.jpg) center center no-repeat; background-size: cover; }
	#mv_in img{ margin-left: -68px; }
	header {
		top: 0;
	}
	#mv h2 {
		margin-left: -2em;
	}
	#p1 { padding: 100px 0 80px 0; }

	.up_ymd {
		font-size: 16px;
		margin-bottom: 15px;
	}
	.catName {
		font-size: 16px;
	}
/*	#p2 .title { 
		font-size: 18px;
		font-weight: normal;
		color: #6B442C;
		margin-bottom: 20px;
	 }
	 #p2 .title a { color: #6B442C; }
*/
	ul#newsList li {
		margin-bottom: 30px;
		border-bottom: #cccccc 1px solid;
		background: url(../../images/icon_arrow_g.svg) right 20px bottom 35px no-repeat;
	}
	ul#newsList li h4 {
		font-size: 18px;
		margin-bottom: 15px;
	}
	.comment{
		display:block;
		padding:3px 0;
		float:left;
		overflow:hidden;
		width:890px;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
	}
	.thumbNailWrap{
		display:block;
		width:110px;
		float:left;
		height:80px;
		overflow:hidden;
	}

} /* End @media (min-width:751px) */


/* ---------------------------------------------------------------------- */


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

} /* End @media (min-width: 751px) and  (max-width:1145px) */


/* ---------------------------------------------------------------------- */


@media (max-width:750px){
	#mv { background: url(../images/mv.jpg) center center no-repeat; background-size: cover; }
	#mv_in img{ margin-left: -14vw; width: 28vw; }

	#mv h2 {
		margin-left: -2em;
	}


	#p1 { padding: 12vw 0 12vw 0; }

	.up_ymd {
		font-size: 3.8vw;
		margin-bottom: 4vw;
	}
	.catName {
		font-size: 3.8vw;
	}
	ul#newsList li{
		margin-bottom: 4vw;
		border-bottom: #cccccc 1px solid;
		background: url(../../images/icon_arrow_g.svg) right 4vw center no-repeat;
	}
	ul#newsList li h4 {
		font-size: 4.6vw;
		margin-bottom: 2vw;
	}
/*	#p2 .title { 
		font-size: 3.8vw;
		font-weight: normal;
		color: #6B442C;
		display: block;	
		margin-top: 2vw;
		margin-bottom: 4vw;
	}
	 #p2 .title a { color: #6B442C; }
*/
	.comment{
		display:block;
		padding:0 0 0 2%;
		float:left;
		overflow:hidden;
		width:75%;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
	}
	.thumbNailWrap{
		display:block;
		width:23%;
		float:left;
		height:24%;
		overflow:hidden;
	}


} /* End @media (max-width:750px) */