.clear{
	clear:both;
}

div#header_wrap{
	width:100%;
	height:auto;
}

div#header_wrap img{
	width:100%;
	height:auto;
}

	
.contents_wrap{
	max-width:970px;
	margin:0 auto;
	background:#FFFFE6;
}

.contents_inner{
}

.contents_column_wrap{
	margin-bottom:20px;
}

div.book_sumb_top_wrap{
	width:30%;
	float:left;
	margin-top:8%;
}

div.book_sumb_top_wrap a{
}

img.book_sumb_top{
	width:100%;
	height:auto;
}

div.book_info_wrap{
	width:66%;
	height:auto;
	padding:0 2%;
	float:left;
}

div.book_info_wrap p{
	padding:0 0 0 5%;
	font-size:26px;
	color:#502700;
	line-height:35px;
	letter-spacing:3px;
}

.dottedborder{
	border-bottom:#502700 dashed 1px;
}

h3.book_info_title{
	text-align:center;
	font-size:30px;
	color:#F9C;
	font-weight: bold;
	text-shadow:
		3px 3px 3px #FFFFFF,
		-3px 3px 3px #FFFFFF,
		3px -3px 3px #FFFFFF,
		-3px -3px 3px #FFFFFF;
}

a.book_title_button{
	width:80%;
	padding:2px;
	margin:0 auto;
	font-size:10px;
	display:block;
	text-align:center;
}


ul#book_list{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	width:auto;
	height:auto;
	max-width:800px;
	margin:0 auto;
	border:#9FC solid 5px;
	background:#fff;
}

ul#book_list li{
	height:320px;
	
	flex-basis:25%;
}

ul#book_list li img{
	width:auto;
	hright:auto;
	display:block;
	margin:10px auto;
}

.booktitle_text a{
	width:80%;
	padding:2px;
	margin:0 auto;
	font-size:12px;
	display:block;
	text-align:center;
}
.website{
	width:80%;
	text-align:center;
	padding:2%;
	border:#69F solid 1px;
	border-radius:5px;
	margin:0 auto;
}

.website a{
	
	color:#69F!important;
	text-decoration:none;
}

/*レイアウトチェンジ*/
@media screen and (max-width: 568px) {
	.ib{
		width:90%;
	}
	.h_tx{
		width:100%;
	}
	
	div.book_sumb_top_wrap{
		width:90%;
		float:none;
		margin:0 auto;
	}
	
	div.book_info_wrap{
		width:100%;
		float:none;
		padding:0;
		margin:0 auto;
	}
	
	div.book_info_wrap p{
		padding:0px;
		font-size:14px;
		line-height:17px;
	}
	
	.pc_icon{
		display:none;
	}
	
	h3.book_info_title{
		font-size:20px;
	}
}