@charset "utf-8";

#wrap{
	margin: 15px;
}
#contents{
	max-width: calc(200px * 5 + 20px * 4);
	margin: 0 auto;
}

.panel{
	display: inline-block;
	vertical-align: top;
}

@media screen and (max-width: 1200px){
	#contents{
		max-width: calc(200px * 4 + 20px * 3);
	}
}

@media screen and (max-width: 950px){
	#contents{
		max-width: calc(200px * 3 + 20px * 2);
	}
}
@media screen and (max-width: 690px){
	#contents{}
	.panel{
		width: calc((100% - 40px) / 3 - 1px);
	}
	.panel img{
		max-width: 100%;
	}
}