@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
blockquote {
	margin-bottom:1em;
	padding:1em;
	border:1px dotted #ddd;
	background-color: lavenderblush;
}

blockquote h2 {
	margin:0 0 10px 0;
	padding:0;
	font-size:12px;
	font-weight:normal;
	color:#ff0000;
	border:none;
}

blockquote p {
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
	color:#000;
	border:none;
}


/* 書籍リスト */

ul.booklist {
    margin:10px  auto ;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
 
ul.booklist li {
	overflow:hidden;
	margin:0  auto;
	float:left;
	padding:10px;
    border:0px solid #fff;
    background-color:#fff;
    list-style:none;
}



/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
	#main {
		float:none;
		width:100%;
	}

	#sub {
		float:none;
		width:100%;
	}

	.booklist ul {
		float:none;
		width:100%;
	}
	.booklist li {
		width:38.507%;
		margin: auto;		
	}
	.booklist li:nth-child(3n+1) {
		clear:both;
		float:left;
}
	
}