@charset "utf-8";

/* Books詳細 */

/* .bookHeadline
----------------------- */
.bookHeadline{
  margin-top: 24px;
}
.bookHeadline__ttl{
  font-size: 1.6rem;
}
.bookHeadline__name{
  font-size: 1.6rem;
}
.bookHeadline__ver{
  font-size: 1.4rem;
}
@media all and (max-width :767px) {
}
/* .bookDeta
----------------------- */
.bookDeta{
    display:flex;
    -ms-flex-pack:distribute;
    justify-content:space-between;
    flex-wrap: wrap;
  margin-top: 24px;
}
.bookDeta .book__img{
  width: 120px;
}
.bookDeta .book__img img{
  width: 100%;
  height: auto;
}
.bookDeta .book__detail{
  /*width: calc(100% - 220px);*/
  width: calc(100% - 150px);
  font-size: 1.1rem;
}
.bookDeta .book__detail p{
  font-size: 1.1rem;
}
@media all and (max-width :767px) {
  .bookDeta{
    margin-top: 5vw;
  }
  .bookDeta .book__img{
    width: 32vw;
  }
  .bookDeta .book__detail{
    width: calc(100% - 35vw);
  }
}
/* .bookNote
----------------------- */
.bookNote{
  font-size: 1.5rem;
  margin-top: 24px;
}
.bookNote p{
  font-size: 1.5rem;
}
@media all and (max-width :767px) {
  .bookNote{
    margin-top: 5vw;
    font-size: 1.3rem;
  }
  .bookNote p{
    font-size: 1.3rem;
  }
}
/* bookShopArea_wrap
----------------------- */
.bookShopArea__ttl{
  font-weight: bold;
  font-size: 2rem;
  margin-top: 24px;
}
.bookShopArea_inner{
  margin-top: 20px;
}
.bookShopArea_inner__headline{
  background-color: #EDEDED;
  font-weight: bold;
  padding: 0.8em 1.5em;
  font-size: 1.5rem;
}
.bookShopArea_inner ul{
  display: flex;
  justify-content: flex-start;
    flex-wrap: wrap;
  background-color: #F7F7F7;
  padding: 25px 20px;
  gap: 10px;
}
.bookShopArea_inner ul li{
  background-color: #fff;
  width: calc((100% - 30px) / 4);
      display:flex;
    justify-content: center;
    align-items: center;
}
.bookShopArea_inner ul li a{
      display:flex;
    justify-content: center;
    align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  border: solid 1px #CCCCCC;
  width: 100%;
  height: 100%;
  padding: 0.8em 1em;
}
@media all and (max-width :767px) {
  .bookShopArea__ttl{
    font-size: 1.7rem;
  }
  .bookShopArea__ttl{
    margin-top: 6vw;
  }
  .bookShopArea_inner{
    margin-top: 5vw;
  }
  .bookShopArea_inner ul{
    padding: 5vw 4vw;
    gap: 3vw;
  }
  .bookShopArea_inner ul li{
    width: calc((100% - 3vw) / 2);
  }
}