/* book_list */
#book_list li { position: relative; }
#book_list li .img_box { aspect-ratio: 1/1; }
#book_list li:hover .img_box{filter: saturate(40%);}
#book_list li h3{height:auto;margin-top: 15px;-webkit-line-clamp: 2;font-size: 18px;font-weight: 500;}
#book_list li .atag_item { display: flex; justify-content: center; align-items: center; }
#book_list li .atag_item span { position: relative; max-width: 90%; height: auto; color: var(--g_100); opacity: 0; z-index: 5; -webkit-line-clamp: 2; }

/* book_area */
#book_area { border-top: 1px var(--g_200) solid; }

/* content_wrap */
#content_wrap #book_list {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 2em;}

/* album_list */
#album_list {width: 100%;margin: 2.5em auto 0;gap: 1.5em;display: grid;grid-template-columns: repeat(3, 1fr);}
#album_list >div img{aspect-ratio:4/3}

@media screen and (min-width: 1161px){
	#book_list li:hover .atag_item:before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
	#book_list li:hover span { opacity: 1; }
}
@media screen and (max-width: 768px){
	#content_wrap #book_list { grid-template-columns: repeat(2, 1fr); }
	#album_list {column-count: 2;grid-template-columns: repeat(2, 1fr);}
}