@charset "utf-8";

.gallery {
	display: flex;
	flex-wrap: wrap;
}

.gallery li {
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 20px;
}
.gallery li:nth-child(4n) {
	margin-right: 0;
}
.gallery li img {
	border: 3px solid #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.6);
}

/* ---------------------------------------------
	768px 以下
--------------------------------------------- */
@media only screen and (max-width: 768px) {

	.gallery li {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 20px;
	}
	.gallery li:nth-child(2n) {
		margin-right: 0;
	}
	

}

/* ---------------------------------------------
	640px 以下
--------------------------------------------- */
@media only screen and (max-width: 640px) {


}

/* ---------------------------------------------
	480px 以下
--------------------------------------------- */
@media only screen and (max-width: 480px) {


}