@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css";
@import "reset.css";

/*hx*/
h2 { margin: 10px 0 0 0; }

/*リスト*/
.book-list { display: block; }
.book-list { width: 100%; }
.book-list { margin: 0; }
.book-list { padding: 0; }
.book-list { overflow: hidden; }
.book-list li { float: left; }
.book-list li { margin: 0; }
.book-list li { padding: 0; }
.book-list li { position: relative; }
.book-list li { width: 25%; }
.book-list li { overflow: hidden; }
.book-list li:before { content:""; }
.book-list li:before { display: block; }
.book-list li:before { padding-bottom: 142%; }
.book-list li img { width: 100%; }
.book-list li img { position: absolute; }
.book-list li img { top: 0; }
.book-list li img { left: 0; }
.book-list li img { bottom: 0; }
.book-list li img { right: 0; }
@media screen and (min-width: 900px){
 .book-list li { width: 16.6%; }
}
.to-list { margin: 5px 0; }
.to-list { text-align: right; }