/**
	書籍ブロック
----------------------------------------------------- **/

.books-acf-container {
	container-type: inline-size;
}

.books-headbox {
	padding: 16px 3%;
	border: 1px solid #ccc;
	margin-bottom: 32px;
}

.bookbox-figre {
	text-align: center;
	margin-bottom: 1em;
}

.book-type {
	font-size: 0.9375em;
	line-height: 1;
	padding: 0.2em 0.5em;
	border: 1px solid;
	width: max-content;
	margin-bottom: 0.5em;
}

.bookbox-title {
	font-size: 1.375em;
	margin-top: 0;
}

.books-dl {
	padding: 0.5em 0;
	border-top: 1px dotted;
	border-bottom: 1px dotted;
}

.books-dl > dt {
	font-weight: 400;
	float: left;
	margin-right: 0.5em;
}

.book-dt {
	display: inline-block;
	width: 4.5em;
	text-align: justify;
	text-justify: inter-character;
	text-align-last: justify;
}

.books-dl > dd { overflow: hidden; }

.store-list {
	text-align: right;
	list-style: none;
	padding: 0;
	margin: 1em 0 0;
}

.store-list a { font-weight: 700; }

.store-list button { font-size: 0.875em; }

@container ( min-width: 500px ) {

	.books-headbox {
		padding: 32px 3%;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.books-headbox .bookbox-figre {
		width: auto;
		max-width: 58%;
		max-height: 400px;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		margin: 0 2em 0 0;
	}

	.books-headbox .bookbox-figre img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center top;
	}

}

/* カード型 */

.post-row .books-loop {
	border: 1px solid #ccc;
	padding: 1.5em 5%;
}

.post-row .books-loop .bookbox-figre { width: auto; }

.post-row .bookbox-figre img {
	width: auto;
	max-width: 70%;
	max-height: 200px;
}

.post-row .books-loop .loop-title { font-size: 1.125em; }

.post-row .books-loop .btn-tx { text-align: center; }

@media screen and ( min-width: 641px ) {

	.post-row > .books-loop.loop-article {
		width: 31%;
		padding: 1.5em 3%;
	}

	.post-row .books-loop .loop-title { font-size: 1em; }
}

@media screen and ( min-width: 980px ) {

	.post-row > .books-loop.loop-article {
		width: 22.35%;
		padding: 1em;
	}
}