/* book_list */
#book_list li { position: relative; }
#book_list li .img_box {aspect-ratio: 4 / 3;}
#book_list li .atag_item { display: flex; justify-content: center; align-items: center; }
#book_list li .time{margin-top:10px;}
#book_list li .h3  {height: auto;color: #333;-webkit-line-clamp: 2;font-weight: 500;}
#book_list li  article {height: auto;color: var(--g_500);-webkit-line-clamp: 2;margin-top: 10px;font-size: 14px;font-weight: 300;letter-spacing: 0.05em;}

/* 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: 1.5em; }

/* album_list */
#album_list { width: 100%; margin: 2.5em auto 0; column-count: 3; column-gap: 1em; }
#album_list >div { margin: 0 auto 1em; break-inside: avoid; box-shadow: 0 0 .5em var(--g_200); }

@media screen and (max-width: 980px){
    #content_wrap #book_list{grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 640px){
	#content_wrap #book_list { grid-template-columns: repeat(2, 1fr); }
	#album_list { column-count: 2; }
}
@media screen and (max-width: 550px){
	#content_wrap #book_list {grid-template-columns: 1fr;}
}