@charset "utf-8";


/*---------------------------------------------------------------------------------------
	contents
----------------------------------------------------------------------------------------*/

article{
	overflow: hidden;
}
/* mv */
#contents figure.mv{
	height: 400px;
	background: url(images/mv.jpg) no-repeat center top;
	background-size: cover;
}
#contents figure.mv img{
	display: none;
}
/* read */
#contents div.read{
	padding: 30px 3%;
	background: #e6e6e6;
}
#contents div.read p{
	max-width: 1040px;
	margin: 0 auto;
	text-align: left;
}
#contents p.read2{
	max-width: 1040px;
	margin: 0 auto 40px;
	text-align: left;
}
/* photo */
#contents ul.photo2,
#contents ul.photo3,
#contents ul.photo4{
	clear: both;
	overflow: hidden;
}
#contents ul.photo2 li{
	float: left;
	width: 49.5%;
	margin-right: 1%;
	margin-bottom: 20px;
}
#contents ul.photo2 li:nth-child(2n){
	margin-right: 0;
}
#contents ul.photo3 li{
	float: left;
	width: 32.5%;
	margin-right: 1.25%;
}
#contents ul.photo3 li:nth-child(3n){
	margin-right: 0;
}
#contents ul.photo2 li img,
#contents ul.photo3 li img{
	margin-bottom: 10px;
}
#contents ul.photo4 li{
	float: left;
	width: 66.5%;
}
#contents ul.photo4 li:nth-child(2),
#contents ul.photo4 li:nth-child(3){
	float: right;
	width: 32.9%;
	margin-bottom: 0.5%;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width: 1100px){
	/* mv */
	#contents figure.mv{
		height: auto;
		background: none;
		overflow: hidden;
	}
	#contents figure.mv img{
		display: block;
		width: 120%;
		margin-left: -10%;
		height: auto;
	}
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width: 768px){
	/* read */
	#contents div.read{
		padding: 15px 3%;
		background: #e6e6e6;
	}
	#contents div.read p{
		max-width: 1040px;
		margin: 0 auto;
		text-align: left;
	}
	#contents p.read2{
		max-width: 1040px;
		margin: 0 auto 40px;
		text-align: left;
	}
	/* photo */
	#contents ul.photo2,
	#contents ul.photo3{
		clear: both;
		overflow: hidden;
	}
	#contents ul.photo2 li{
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	#contents ul.photo2 li:nth-child(2n){
		margin-right: 0;
	}
	#contents ul.photo3 li{
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	#contents ul.photo3 li:nth-child(3n){
		margin-right: 0;
	}
	#contents ul.photo2 li img,
	#contents ul.photo3 li img{
		margin-bottom: 5px;
	}
	#contents ul.photo4 li{
		float: none;
		width: 100%;
		margin-bottom: 1%;
	}
	#contents ul.photo4 li:nth-child(2){
		float: left;
		width: 49.5%;
		margin-bottom: 0;
	}
	#contents ul.photo4 li:nth-child(3){
		float: right;
		width: 49.5%;
		margin-bottom: 0;
	}
}