@charset "UTF-8";
@media(max-width:767px){
	body{
		font-family: "Shippori Mincho", serif;
		font-weight: 400;
		font-style: normal;
		color:#333;
		margin:0px;
	}
	.rcmbooks{
		display: flex;
		flex-wrap: wrap;
	}
	.book{
		margin:5%;
		width:40%;
		line-height:18px;
	}
	.bookimg{
		width:100%;
	}
	.auther{
		font-size: 12px;
	}
	a{
		color:#333;
		font-size:14px;
	}
	a:active{
		color:deepskyblue;
	}
	.nosp{
		display:none;
	}

}
@media(min-width:768px) and (max-width:1299px){
	body{
		font-family: "Shippori Mincho", serif;
		font-weight: 400;
		font-style: normal;
		color:#333;
		margin:0px;
	}
	.rcmbooks{
		display: flex;
		flex-wrap: wrap;
	}
	.book{
		margin:10px;
		width:25%;
		line-height:24px;
	}
	.bookimg{
		width:90%;
	}
	.auther{
		font-size: 14px;
	}
	a{
		color:#333;
		font-size:16px;
	}
	a:active{
		color:deepskyblue;
	}
}
@media (min-width:1300px){
	body{
		font-family: "Shippori Mincho", serif;
		font-weight: 400;
		font-style: normal;
		color:#333;
	}
	.rcmbooks{
		display: flex;
		flex-wrap: wrap;
		width:100%;
	}
	.book{
		margin:15px;
		width:120px;
		line-height:22px;
	}
	.bookimg{
		width:100%;
	}
	.auther{
		font-size: 14px;
	}
	a{
		color:#333;
		font-size:15px;
	}
	a:hover{
		color:deepskyblue;
	}
}