/* bookList */
#bookList ul { font-size: 0; }
#bookList ul li { position: relative; margin-bottom: 1px; width: 25%; display: inline-block; }
#bookList ul li:nth-child(6n) { width: 50%; }
#bookList ul li a.photo { margin-right: 1px; }
#bookList ul li h3 { position: absolute; padding: 5px 20px; width: calc(100% - 41px); background: rgba(0, 0, 0, .7); left: 0; bottom: 0; }
#bookList ul li h3 a { height: 30px; color: #fff; text-align: center; -webkit-line-clamp: 1; }

/* album-info */
#album-info { -moz-column-count: 4; -moz-column-gap: 15px; -webkit-column-count: 4; -webkit-column-gap: 15px; column-count: 4; column-gap: 15px; }
#album-info .album_box { margin: 0 0 15px; }

@media screen and (max-width: 1280px) {
	#bookList { padding: 50px 0 20px; }
	#album-info { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }
}
@media screen and (max-width: 980px) {
	#bookList ul li , #bookList ul li:nth-child(6n) { width: calc(100% / 3); }
	#album-info { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
}
@media screen and (max-width: 500px) {
	#bookList ul li , #bookList ul li:nth-child(6n) { width: 50%; }
	#bookList ul li:nth-child(3n) { width: 100%; }
	#album-info { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
}