@charset "utf-8";

@media screen and (min-width: 800px) {
#Gallery {
	width: 1080px;
	margin: auto;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 0px;
}
#Gallery ul {
}
#Gallery ul li {
	float: left;
	width: 270px;
}
#Gallery ul li img {
	width: 264px;
	height: 264px;
	object-fit: cover;
	margin: auto 3px 6px 3px;
}
}

@media screen and (max-width: 800px) {
#Gallery {
	width: 98%;
	margin: auto 1% auto 1%;
	text-align: center;
	padding-top: 2%;
	padding-bottom: 0%;
}
#Gallery ul {
}
#Gallery ul li {
	float: left;
	width: 33.333333%;
}
#Gallery ul li img {
	width: 98%;
	height: 17.5vh;
	margin: auto 1% 1.5% 1%;
	object-fit: cover;
}	
}