@charset "UTF-8";
/* CSS Document */
#gallery_wrap {
	width:100%;
	padding: 30px 15px;
}
.gallery_list{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	margin-bottom: 50px;
}
.gallery_list li{
	width:calc(100% / 4 - 10px);
	margin:0 5px 15px;
	overflow:hidden;
	padding:5px;
	text-align:center;
	border-radius: 10px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}
.gallery_list a.photo{
	display:block;
	width:100%;
	aspect-ratio: 1 / 1;
	margin:0 auto;
	padding: 10px;
	overflow:hidden;
	background-color: #fff;
}
p.detail_text{
	font-size: 0.9rem;
	text-align: center;
	font-weight: 500;
}

.photo img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
p.small_r{
	text-align: right;
	font-size: 0.9rem;
}

@media (max-width: 959px){
	.gallery_list li{
		width:calc(100% / 3 - 10px);
	}
}
@media (max-width: 749px){
	.gallery_list li{
		width:calc(100% / 2 - 10px);
	}
}
@media (max-width: 450px){
	.gallery_list a.photo{
		padding: 5px;
	}
}