.book-list {margin:40px 0;padding:40px 0;border-top:thin solid #4c4c4c;border-bottom:thin solid #4c4c4c;}
.book-list__title {margin-bottom: 20px;}
.book-list__intro {font-size:1rem;}
.book-list__wrap {margin-top: 40px;}
.book-list__item {display: block; text-align:center;}
.book-list__cover {position: relative;margin-bottom:50px;}
.book-list__count {position: absolute; bottom: 0; left: 50%; transform:translate3d(-50%, 50%, 0); width: 60px; height:60px; border-radius:50%;background: rgba(255, 255, 255, 0.95); font-weight: 600; font-size: 24px;color: #222; line-height:60px;text-align:center;box-shadow: 0 0 20px #000;}

@media screen and (max-width: 576px) {
  .book-list__item {max-width: 90px; margin:0 auto 40px;}
}

@media screen and (min-width: 577px) {
  .book-list__wrap { display: flex; flex-wrap: wrap; margin-left:-9px;margin-right:-9px;}
  .book-list__item {width: calc(50% - 18px);margin:0 9px 40px;}
}

@media screen and (min-width: 992px) {
  .book-list {padding: 60px 0;}
}

@media screen and (min-width: 1501px) {
  .book-list__wrap {margin-left:-12px;margin-right:-12px;}
  .book-list__item {width: calc(33.33% - 24px); margin:0 12px 40px;}
}