@charset "UTF-8";
/* 書評の森用のCSSファイルです */

/* 目次 */
#forest_index {
	width:100%;
	margin:16px auto 32px;
	padding:16px;
	border:solid 4px #f1f1f1;
}

#forest_index h2{
	font-size:2.4rem;
	color:#333;
	text-align:center;
	margin-bottom:16px;
}

#forest_index h2::before{
	content:url("https://www.igaku-shoin.co.jp/application/files/4117/9118/3389/book_l.png");
	padding-right:32px;
	vertical-align:middle;
}

#forest_index h2::after{
	content:url("https://www.igaku-shoin.co.jp/application/files/4917/9118/3389/book_r.png");
	padding-left:32px;
	vertical-align:middle;
}

#forest_index ul li{
	margin-bottom:16px;
}

#forest_index ul li a{
	font-size:1.8rem;
	color:#333;
	font-weight:bold;
}

#forest_index ul li .writer{
	display:block;
	font-size:1.4rem;
	color:#333;
	font-weight:500;
}
/* 目次用　ここまで */

/* 書評ブロック */

/* スクロール時の対策 */
#review01,#review02{
	padding-top: 132px;
	margin-top: -100px;
}
/* スクロール時の対策　ここまで */

#review01 .book_info_text p,#review02 .book_info_text p{
	margin-bottom: 0;
}

div.book_info,div.book_review{
	padding:16px 0;
}

.book_info>*{
	vertical-align:top;
}

.book_info_text>p,.book_info_text>h2{
	margin:0;
	padding:0;
}

.book_info{
	display: flex;
	gap: 16px;
}

.book_info figure{
flex-shrink: 0;
}

.book_info img{
	/* margin-right:16px; */
	border: 1px solid #e3e3e3;
}

.book_info .book_title{
	font-size:2.4rem;
	font-weight:bold;
	color:#333;
	line-height:1.3;
	padding-bottom:4px;
}

.book_info a:hover img{
	-webkit-box-shadow: 0 0 10px 0 rgb(0, 0, 0, .2);
	box-shadow: 0 0 10px 0 rgb(0, 0, 0, .2);
}
.book_info a:hover h2.book_title{
	text-decoration: underline;
}

.book_info .book_writer{
	font-size:1.4rem;
	color:#4d4d4d;
	line-height:1.5;
	padding-bottom:16px;
}

.book_info .reviewer_name{
	font-size:1.4rem;
	color:#003745;
	line-height:1.5;
	padding-bottom:8px;
}

.book_info .reviewer_name>span{
	background-color:#003745;
	color:#fff;
	line-height:1;
	padding:4px 10px;
	margin-right:10px;
}

.book_info .reviewer_title{
	font-size:1.2rem;
	color:#003745;
	line-height:1.5;
}
/* 書評ブロック　ここまで */


/* SP用 */

@media screen and (max-width: 63.9375em){
	 /* 目次用 */
	#forest_index h2{
		font-size:1.9rem;
	} 
	 /* 目次用 ここまで */

	/* 書籍名 */
	.book_info .book_title{
		font-size:1.9rem;
	}
	/* 書籍名　ここまで */
}
/* SP用　ここまで */