/* CSS Document */
#books .book_box {
  margin-bottom: 4.3em; }
  #books .book_box:last-child {
    margin-bottom: 0; }
  #books .book_box .book_info {
    display: flex; }
    #books .book_box .book_info > .thumb {
      padding-right: 8px;
      width: 23%; }
      #books .book_box .book_info > .thumb img {
        width: 90%; }
    #books .book_box .book_info > div p {
      margin: 0; }
    #books .book_box .book_info h3 {
      margin-top: 0;
      margin-bottom: 8px;
      font-size: 15px; }
    #books .book_box .book_info .info_text {
      width: 77%; }

.more a {
  display: block;
  padding: 15px 0;
  text-align: center; }
  .more a span {
    position: relative;
    display: inline-block;
    padding-left: 18px; }
    .more a span:before {
      content: "";
      display: block;
      width: 12px;
      height: 1px;
      background-color: #767676;
      position: absolute;
      left: 0;
      top: 10px; }
    .more a span:after {
      content: "";
      display: block;
      width: 12px;
      height: 1px;
      background-color: #767676;
      position: absolute;
      left: 0;
      top: 10px;
      transform: rotate(90deg); }

#webmedia dl {
  margin-bottom: 13.9%;
  height: 16vh;
  overflow-y: scroll;
  border: 1px solid #e5e5e5;
  padding: 1.4rem;
  box-sizing: border-box;
}
#webmedia dt {
    font-family: "A1ゴシック R", "A1 Gothic R", "A1 Gothic R JIS2004", sans-serif;
}
#webmedia dd {
  margin: 8px 0 16px;
  padding-bottom: 16px;
  border-bottom: 1px dotted #e5e5e5;
}
#webmedia dd a {
  display: inline-block;
  background: #f2f2f2;
  font-size: 1.2rem;
  padding: 0 0.5em;
  text-decoration: none;
}