@charset "utf-8";

/* ------------------------------------------------
  photo_gallery
------------------------------------------------- */

#photo_gallery{
}
#photo_gallery ul{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	position:relative;
	list-style:none;
	}
	#photo_gallery ul li{
		position:relative;
		width:300px;
		max-width:32.5%;
		margin:0 0 10px;
		border:1px solid #CCC;
	}
	#photo_gallery ul li:nth-child(3n+2):last-child{
		margin:0 33.8% 10px 0;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	#photo_gallery ul li{
		width:49%;
		max-width:100%;
	}
	#photo_gallery ul li:nth-child(3n+2):last-child{
		margin:0 0 10px;

}

/*------------------------------------------------
  ex
-------------------------------------------------*/