/* book_list */
#book_list li >a{z-index:5} 
#book_list li img{width:100%;}
#book_list li .info{margin: 30px 0 0;display: flex;gap: 10px;flex-direction: column;}
#book_list li .info a.cate, #book_area .boooklist a.cate{font-size:14px;z-index: 6;}
#book_list li .info p, #book_area .boooklist .info p{font-size:14px;color: #6d6d6d;height: 92px;-webkit-line-clamp: 3;line-height: 2.2;width: 95%;text-align: justify;}
#book_list .boooklist .info_box:hover .info p{position:relative;z-index:2}
#book_list li .info .h3tit{position:relative;z-index:6;display: block;}
#book_list li .info .h3tit span{-webkit-line-clamp: 2;color: var(--secondary);font-weight: 500;background-image: linear-gradient(currentColor 1px, transparent 1px);background-repeat: no-repeat;background-size: 0% 1px;background-position: 0 100%;transition: background-size .3s cubic-bezier(.32,.72,0,1);font-size: 22px;line-height: 1.8;}

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

/* content_wrap */
#content_wrap #book_list {display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 4.5em 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: 1280px){
    #content_wrap #book_list{grid-template-columns: repeat(3, 1fr);}
}
@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: 980px){
    #content_wrap #book_list{grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 640px){
    #book_list li .info .h3tit span{font-size:20px;}
    #content_wrap #book_list{grid-template-columns: 1fr;}
	#album_list { column-count: 2; }
}