@charset "utf-8";
/* CSS Document */

/* --------------------------------------------------

book

-------------------------------------------------- */

.book-ttl{
	font-weight:bold;
	font-size:2rem;
	line-height:1.3;
}

/* --------------------------------------------------
book-list
-------------------------------------------------- */

.book-list li{
	display:flex;
	align-items:center;
	margin-bottom:2%;
	padding-bottom:2%;
	border-bottom:#CCC solid 1px;
}
.book-list li .pht{
	display:block;
	width:40%;
	padding-right:2%;
	max-width:300px;
	align-self: self-start;
}
.book-list li .txt{
	width:60%;
	padding:2%
}
.book-list li .pht-thumb img{
	max-height:100%;
}

@media screen and (max-width: 1100px) {
	.book-list li .pht{
		width:40%;
	}
	.book-list li .txt{
		width:60%;
	}
}
@media screen and (max-width: 800px) {
	.book-list li .pht{
		width:50%;
	}
	.book-list li .txt{
		width:50%;
	}
}
@media screen and (max-width: 600px) {
	.book-list li{
		flex-flow: column;
	}
	.book-list li .pht{
		width:100%;
		max-width:200px;
		padding:2%;
		align-self: center;
	}
	.book-list li .txt{
		width:100%;
	}
}