@charset "utf-8";
/*-----------------------------------------------
 * BOOKS
-------------------------------------------------*/
.booksLists{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: min(calc(40 / var(--def-ww) * 100vw), calc(40px * var(--max-percent)));
	row-gap: min(calc(32 / var(--def-ww) * 100vw), calc(32px * var(--max-percent)));
}
.bookList{
	width: 100%;
}
.bookList__link{
	width:100%;
	position:relative;
	text-decoration:none;
	pointer-events:none;
}
.bookList__img{
	width:100%;
	pointer-events:auto;
}
.bookList__img img{
	width:100%;
}
.bookList__title{
	color:#222;
	line-height:1.5;
	letter-spacing:0.02em;
	margin-top:10px;
	pointer-events:auto;
}

@media (hover:hover) and (pointer:fine){
	.bookList__img,
	.bookList__title{
		transition:.4s ease;
	}
	.bookList__link:hover .bookList__img{
		transform:rotate(2deg) scale(1.025);
		filter:drop-shadow(0 0 25px rgba(0,0,0,.25));
	}
	.bookList__link:hover .bookList__title{
		color:#d60011;
	}
}

@media screen and (max-width:767px){
	.booksLists{
		grid-template-columns: repeat(2, 1fr);
		column-gap: var(--sp-size-24);
		row-gap: var(--sp-size-48);
	}
	.bookList__title{
		font-size:91.6667%;
		margin-top:var(--sp-size-12);
		letter-spacing:-0.015em;
	}
	.bookListsSwiper__scrlbar{
		width:calc(558 / var(--def-ww) * 100vw);
		height:var(--sp-size-8);
		margin-top:var(--sp-size-80);
	}
}