@charset "UTF-8";
/****************************************************
SCSSで制作しているため、このファイルは編集しないでください。

****************************************************/
/* local-path */
/* wp-path */
/* common
---------------------------------------------------*/
.attention {
  color: #cc1142;
  text-align: right;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0 0 3px 0;
}

.book-list {
  margin: 0 0 60px 0;
}
.book-list .new-icon {
  background: #cc1142;
  color: #fff;
  font-size: 10px;
  font-size: 1rem;
  padding: 3px 5px;
}
.book-list .out-print {
  color: #cc1142;
  margin: 0 0 0 3px;
}
.book-list th {
  display: none;
}
.book-list tbody tr {
  border: solid 1px #ccc;
  display: block;
  margin: 0 0 20px 0;
}
.book-list tbody td {
  display: block;
  padding: 0 5px 5px;
  width: 100%;
}
.book-list tbody td .researcher {
  float: left;
}
.book-list tbody td:before {
  float: left;
  width: 90px;
  display: inline-block;
}
.book-list tbody td:nth-of-type(2):before {
  content: "研究代表";
}
.book-list tbody td:nth-of-type(3):before {
  content: "頁数";
}
.book-list tbody td:nth-of-type(4):before {
  content: "価格（税込）";
}
.book-list tbody td:nth-of-type(1) {
  background: #f1f1f1;
  padding: 5px;
  margin: 0 0 5px 0;
}

.book-attention {
  margin: 0 0 30px 0;
}

.ndl {
  background: #22589f;
  color: #fff;
  font-size: 10px;
  font-size: 1rem;
  display: inline-block;
  margin: 0 0 0 3px;
  padding: 0 5px;
}

/* @media (min-width: 768px)
---------------------------------------------------*/
@media screen and (min-width: 768px) {
  .book-list {
    margin: 0 0 100px 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .book-list th {
    display: table-cell;
    background: #f6f6f6;
    padding: 10px 3px;
    border-top: solid 1px #555;
    border-bottom: solid 1px #555;
  }
  .book-list tbody tr {
    border: none;
    display: table-row;
    margin: 0;
  }
  .book-list tbody td {
    display: table-cell;
    padding: 10px;
    width: auto;
    border-bottom: dotted 1px #ccc;
  }
  .book-list tbody td .researcher {
    float: none;
  }
  .book-list tbody td:before {
    float: none;
    width: 0;
    display: inline-block;
  }
  .book-list tbody td:nth-of-type(2):before {
    content: "";
  }
  .book-list tbody td:nth-of-type(3):before {
    content: "";
  }
  .book-list tbody td:nth-of-type(4):before {
    content: "";
  }
  .book-list tbody td:nth-of-type(1) {
    background: none;
    padding: 10px 10px 10px 0;
    margin: 0;
    width: 60%;
  }
  .book-list tbody td:nth-of-type(2) {
    width: 19%;
  }
  .book-list tbody td:nth-of-type(3) {
    width: 10%;
    text-align: right;
    padding-right: 10px;
  }
  .book-list tbody td:nth-of-type(4) {
    width: 11%;
    text-align: right;
  }

  .book-attention {
    padding: 10px 20px;
    background: rgba(34, 88, 159, 0.1);
    border-radius: 3px;
    margin: 0 0 50px 0;
  }
  .book-attention dt {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .book-attention dd {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
/* @media (min-width: 1024px)
---------------------------------------------------*/
/* @media (min-width: 1230px)
---------------------------------------------------*/
@media screen and (min-width: 1230px) {
  .book-list tbody td:nth-of-type(1) {
    width: 67%;
  }
  .book-list tbody td:nth-of-type(2) {
    width: 17%;
  }
  .book-list tbody td:nth-of-type(3) {
    width: 8%;
  }
  .book-list tbody td:nth-of-type(4) {
    width: 8%;
  }
}
/* print
---------------------------------------------------*/
@media print {
  .book-list {
    margin: 0 0 100px 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .book-list th {
    display: table-cell;
    background: #f6f6f6;
    padding: 10px 3px;
    border-top: solid 1px #555;
    border-bottom: solid 1px #555;
  }
  .book-list tbody tr {
    border: none;
    display: table-row;
    margin: 0;
  }
  .book-list tbody td {
    display: table-cell;
    padding: 10px;
    width: auto;
    border-bottom: dotted 1px #ccc;
  }
  .book-list tbody td .researcher {
    float: none;
  }
  .book-list tbody td:before {
    float: none;
    width: 0;
    display: inline-block;
  }
  .book-list tbody td:nth-of-type(2):before {
    content: "";
  }
  .book-list tbody td:nth-of-type(3):before {
    content: "";
  }
  .book-list tbody td:nth-of-type(4):before {
    content: "";
  }
  .book-list tbody td:nth-of-type(1) {
    background: none;
    padding: 10px 10px 10px 0;
    margin: 0;
    width: 60%;
  }
  .book-list tbody td:nth-of-type(2) {
    width: 19%;
  }
  .book-list tbody td:nth-of-type(3) {
    width: 10%;
    text-align: right;
    padding-right: 10px;
  }
  .book-list tbody td:nth-of-type(4) {
    width: 11%;
    text-align: right;
  }

  .book-attention {
    padding: 10px 20px;
    background: rgba(34, 88, 159, 0.1);
    border-radius: 3px;
    margin: 0 0 50px 0;
  }
  .book-attention dt {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .book-attention dd {
    font-size: 12px;
    font-size: 1.2rem;
  }
}