@charset "utf-8";

.BookBox {
	clear: both;
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	border-radius: 10px;		/*角丸のサイズ*/
	margin-bottom: 15px;	/*ボックス同士のスペース*/
	overflow: hidden;
}

.BookBoxh4 {
	font-size: 100%;
	color: #163edc;	/*文字色*/
	margin-left: 36%;	/*左の写真とのバランスをとって設定*/
	margin-right: 2%;
	margin-top: 15px;
	border-bottom: 1px solid #163edc;	/*下側の線の幅、線種、色*/
	margin-bottom: 0.5em;
}

.borderbottom {
	border-bottom: 1px solid #163edc;	/*下側の線の幅、線種、色*/
}


.memo-box {
  border: 2px solid rgb(204,204,204);
  border-radius: 10px;
  margin: 2%;
  font-size: 0.95em;
}



.PhotoBox {
	float: left;		/*画像を左へ回り込み*/
	margin: 15px;	/*ボックス同士のスペース*/
	padding: 5px;		/*余白。ここに上の行で設定した背景色が出ます。*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	width: 30%;		/*写真の幅*/
	height: auto;	/*写真の高さ*/
}