@charset "UTF-8";

.hoiku_year_album *{box-sizing: border-box;}
.hoiku_year_album{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.hoiku_year_album::after{
	content: "";
	display: block;
	width: 100%;
	height: 20px;
	background: #FFF2D9;
	border-bottom: 1px solid #ccc;
	position: relative;
	top: -20px;
	z-index: 9999;
}

.hoiku_year_album > div {
	width: 20%;
	border-bottom: 1px solid #ccc;
	margin-bottom: 14px;
	padding: 0 5px 14px;
	position: relative;
	max-height: 153px;
}

.hoiku_year_album > div > img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

@media screen and (max-width:767px) {
	.hoiku_year_album > div {
	width: 25%;
}

/* 現状レスポンシブにはサイト自体が対応していない */
/* @media only screen and (max-width: 960px) {
	.hoiku_year_album > div {width: calc(100% / 4);}
}

@media only screen and (max-width: 736px) {
	.hoiku_year_album > div {width: calc(100% / 3);}
} */