@charset "UTF-8";


#wrapper h1 {
	font-size: 1.714rem;
	background: #faf1f1;
	padding: 50px 0;
}

#wrapper .contents {
	background: rgba(182,142,138,.6);
}


#wrapper #photos {
	background: #FFF;
	border-bottom: none;
}
#wrapper #photos > div {
	border-bottom: solid 15px #faf1f1;
	padding: 40px 0;
}
#wrapper #photos > div:last-of-type {
	border-bottom: none;
}
#wrapper #photos > div h2 {
	font-size: 1.286rem;
	font-weight: bold;
	margin: 0 0 50px;
}

#wrapper #photos ul {
	display: flex;
	flex-wrap: wrap;
}
#wrapper #photos ul li {
	width: 25%;
	margin: 0;
}
#wrapper #photos ul li img {
	width: 100%;
}



/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width:899px) {

	#wrapper h1 {
		font-size: 1.286rem;
		padding: 20px 0;
	}

	#wrapper .contents {
		padding: 0;
	}

	#wrapper #photos {
		background: #FFF;
		border-bottom: none;
	}
	#wrapper #photos > div {
		border-bottom: solid 15px #faf1f1;
		padding: 25px 0;
	}
	#wrapper #photos > div:last-of-type {
	}
	#wrapper #photos > div h2 {
		font-size: 1.286rem;
		margin: 0 0 25px;
	}

	#wrapper #photos ul {
	}
	#wrapper #photos ul li {
		width: calc(100% / 3);
		margin: 0;
	}


}