@charset "UTF-8";
/* line 2, sass/project/_page-book-sp.scss */
.l-section {
  margin-bottom: 20px;
}

/* line 7, sass/project/_page-book-sp.scss */
.l-section h2 {
  border-bottom: 1px solid #000;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

/* line 14, sass/project/_page-book-sp.scss */
.l-container {
  background-color: #fff;
}

/* ----------------------------------------------------------------------------------- BOOK */
/* line 21, sass/project/_page-book-sp.scss */
.p-book__detail {
  padding-top: 75px;
  /* スライダー */
}

/* line 25, sass/project/_page-book-sp.scss */
.p-book__detail > .l-container {
  background-color: #fff;
  padding-top: 5vw;
}

/* line 30, sass/project/_page-book-sp.scss */
.p-book__detail-col {
  margin: 0 auto;
  width: 85vw;
}

/* line 36, sass/project/_page-book-sp.scss */
.p-book__detail .slide-arrow {
  -webkit-transform: translateY(-50%);
  position: absolute;
  top: 50%;
          transform: translateY(-50%);
  z-index: 2;
}

/* line 43, sass/project/_page-book-sp.scss */
.p-book__detail .prev-arrow {
  left: -8.65625vw;
}

/* line 46, sass/project/_page-book-sp.scss */
.p-book__detail .next-arrow {
  right: -8.65625vw;
}

/* line 51, sass/project/_page-book-sp.scss */
.p-book__detail-slider-wrapper {
  position: relative;
}

/* line 54, sass/project/_page-book-sp.scss */
.p-book__detail-slider-wrapper .p-book__detail__btn-arrow {
  -webkit-transform: translateY(-50%);
  background-color: #fff;
  display: none;
  height: 6.25vw;
  position: absolute;
  right: -2.1875vw;
  top: 50%;
          transform: translateY(-50%);
  width: 6.25vw;
  z-index: 20;
}

/* line 65, sass/project/_page-book-sp.scss */
.p-book__detail-slider-wrapper .p-book__detail__btn-arrow:hover {
  cursor: poitner;
}

/* line 70, sass/project/_page-book-sp.scss */
.p-book__detail-slider-wrapper .p-book__detail__btn-buy {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  -webkit-transform: translateY(-50%) translateX(-50%);
  background-color: #fff;
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  display: none;
  left: 50%;
  margin-bottom: 0;
  padding: 20px;
  position: absolute;
  top: 50%;
          transform: translateY(-50%) translateX(-50%);
  z-index: 21;
}

/* line 82, sass/project/_page-book-sp.scss */
.p-book__detail-slider-wrapper .p-book__detail__btn-buy .p-book__detail__btn-buy-item {
  width: 67.1875vw;
}

/* line 86, sass/project/_page-book-sp.scss */
.p-book__detail-slider-wrapper .p-book__detail__btn-buy .p-book__detail__btn-buy-item.p-book__detail__btn-buy-item__shopgakken {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

/* line 92, sass/project/_page-book-sp.scss */
.p-book__detail-slider-wrapper .p-book__detail__btn-buy .p-book__detail__btn-buy-item.p-book__detail__btn-buy-item__shopgakken.shopgakken-nowonsale {
  background-image: url("../img/btn__shopgakken-nowonsale__sp.png");
}

/* line 96, sass/project/_page-book-sp.scss */
.p-book__detail-slider-wrapper .p-book__detail__btn-buy .p-book__detail__btn-buy-item.p-book__detail__btn-buy-item__shopgakken.shopgakken-stockless {
  background-color: #bababa;
  background-image: url("../img/btn__shopgakken-stockless__sp.png");
}

/* line 101, sass/project/_page-book-sp.scss */
.p-book__detail-slider-wrapper .p-book__detail__btn-buy .p-book__detail__btn-buy-item.p-book__detail__btn-buy-item__shopgakken.shopgakken-comingsoon {
  background-color: #3cf;
  background-image: url("../img/btn__shopgakken-comingsoon__sp.png");
}

/* line 106, sass/project/_page-book-sp.scss */
.p-book__detail-slider-wrapper .p-book__detail__btn-buy .p-book__detail__btn-buy-item.p-book__detail__btn-buy-item__shopgakken.shopgakken-reservation {
  background-color: #f96;
  background-image: url("../img/btn__shopgakken-reservation__sp.png");
}

/* line 119, sass/project/_page-book-sp.scss */
.p-book__detail__slider-item {
  height: 93.75vw;
  margin: 0 2.34375vw;
  position: relative;
  width: 71.875vw;
}

/* line 125, sass/project/_page-book-sp.scss */
.p-book__detail__slider-item img {
  -webkit-transform: translate(-50%, -50%);
  border: 1px solid #bababa;
  height: auto;
  left: 50%;
  max-height: 93.75vw;
  max-width: 71.875vw;
  position: absolute;
  top: 50%;
          transform: translate(-50%, -50%);
  width: auto;
}

/* line 142, sass/project/_page-book-sp.scss */
.p-book__detail-slider {
  height: 93.75vw;
  margin: 0 auto 60px;
  width: 71.875vw;
}

/* line 147, sass/project/_page-book-sp.scss */
.p-book__detail-slider .slick-slide {
  position: relative;
}

/* line 151, sass/project/_page-book-sp.scss */
.p-book__detail-slider .slick-slide a {
  height: 100%;
  width: 100%;
}

/* line 168, sass/project/_page-book-sp.scss */
.p-book__detail-slider img.prev-arrow[aria-disabled="true"] {
  display: none !important;
}

/* line 176, sass/project/_page-book-sp.scss */
.p-book__detail-slider-number {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 20px;
  text-align: center;
}

/* line 183, sass/project/_page-book-sp.scss */
.p-book__detail-slider .slick-counter {
  margin: 10px auto 0;
  text-align: center;
}

/* line 188, sass/project/_page-book-sp.scss */
.p-book__detail-slider span.current,
.p-book__detail-slider span.total {
  color: #000;
  font-size: 12px;
  line-height: 18px;
}

/* line 200, sass/project/_page-book-sp.scss */
.p-book__detail-label {
  background-color: #eff7f4;
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 15px;
}

/* line 206, sass/project/_page-book-sp.scss */
.p-book__detail-label-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* line 209, sass/project/_page-book-sp.scss */
.p-book__detail-label-row:last-child {
  margin-bottom: 0;
}

/* line 215, sass/project/_page-book-sp.scss */
.p-book__detail-label-headings {
  font-size: 12px;
  font-weight: bold;
  line-height: 30px;
  margin-right: 10px;
  text-align: right;
  width: 45px;
}

/* line 224, sass/project/_page-book-sp.scss */
.p-book__detail-label-list {
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      flex-wrap: wrap;
  width: calc(78.125vw - 40px);
}

/* line 230, sass/project/_page-book-sp.scss */
.p-book__detail-label-item {
  margin: 0 8px 8px 0;
}

/* line 233, sass/project/_page-book-sp.scss */
.p-book__detail-label-item:last-child {
  margin-right: 0;
}

/* line 239, sass/project/_page-book-sp.scss */
.p-book__detail-label-item.c-label--circle.level-excellent {
  background-color: #4bb65c;
  color: #fff;
}

/* line 244, sass/project/_page-book-sp.scss */
.p-book__detail-label-item.c-label--circle.level-fair {
  border: 2px solid #bababa;
  color: #bababa;
}

/* line 255, sass/project/_page-book-sp.scss */
.p-book__detail__subtitle {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 5px;
  margin-top: 15px;
}

/* line 261, sass/project/_page-book-sp.scss */
.p-book__detail__subtitle a {
  color: #1ea1f2;
}

/* line 266, sass/project/_page-book-sp.scss */
.p-book__detail__title {
  font-size: 20px;
  font-weight: bold;
  line-height: 25px;
  margin-bottom: 5px;
}

/* line 274, sass/project/_page-book-sp.scss */
.p-book__detail .c-icon--dvd {
  margin-bottom: 5px;
}

/* line 277, sass/project/_page-book-sp.scss */
.p-book__detail .c-icon--dvd.u-pc {
  display: none;
}

/* line 282, sass/project/_page-book-sp.scss */
.p-book__detail__author {
  color: #000;
  font-size: 14px;
  line-height: 24px;
  padding-bottom: 15px;
}

/* line 289, sass/project/_page-book-sp.scss */
.p-book__detail__author-item {
  display: inline-block;
  margin-right: 12px;
  position: relative;
}

/* line 294, sass/project/_page-book-sp.scss */
.p-book__detail__author-item::after {
  content: '\ff0f';
  display: block;
  left: 100%;
  position: absolute;
  top: 0;
}

/* line 304, sass/project/_page-book-sp.scss */
.p-book__detail__author-item:last-child::after {
  display: none;
}

/* line 310, sass/project/_page-book-sp.scss */
.p-book__detail__author-item a {
  color: #1ea1f2;
}

/* line 318, sass/project/_page-book-sp.scss */
.p-book__detail__price {
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 15px;
}

/* line 324, sass/project/_page-book-sp.scss */
.p-book__detail__btn-share {
  padding-bottom: 20px;
}

/* line 349, sass/project/_page-book-sp.scss */
.p-book__detail__table {
  margin-bottom: 15px;
}

/* line 352, sass/project/_page-book-sp.scss */
.p-book__detail__table span {
  display: inline-block;
  vertical-align: top;
}

/* line 356, sass/project/_page-book-sp.scss */
.p-book__detail__table span.p-book__detail__table-headings {
  width: 90px;
}

/* line 364, sass/project/_page-book-sp.scss */
.p-book__detail__releasedate, .p-book__detail__publisher, .p-book__detail__size, .p-book__detail__pagenumber, .p-book__detail__isbn {
  border-bottom: 1px solid #dcdcdc;
  font-size: 15px;
  height: auto;
  line-height: 25px;
}

/* line 375, sass/project/_page-book-sp.scss */
.p-book__detail__isbn {
  font-size: 15px;
  line-height: 25px;
  margin-bottom: 20px;
}

/* line 381, sass/project/_page-book-sp.scss */
.p-book__detail__btn-trial {
  font-size: 0;
  margin-bottom: 15px;
}

/* line 386, sass/project/_page-book-sp.scss */
.p-book__detail__btn-trial-item {
  background-color: #81cc8d;
  border-radius: 8px;
  height: 48px;
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
}

/* line 395, sass/project/_page-book-sp.scss */
.p-book__detail__btn-trial-item img {
  height: 18px;
  width: auto;
}

/* line 407, sass/project/_page-book-sp.scss */
.p-book__detail__btn-trial-item:nth-child(2) img {
  height: 19px;
}

/* line 413, sass/project/_page-book-sp.scss */
.p-book__detail__btn-trial-item a {
      -ms-flex-align: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
          justify-content: center;
  width: 100%;
}

/* line 420, sass/project/_page-book-sp.scss */
.p-book__detail__btn-trial-item a.u-pc {
  display: none;
}

/* line 427, sass/project/_page-book-sp.scss */
.p-book__detail__btn-buy {
  margin-bottom: 10px;
}

/* line 430, sass/project/_page-book-sp.scss */
.p-book__detail__btn-buy-headings {
  border-bottom: 1px solid #000;
  font-size: 12px;
  height: 9px;
  line-height: 18px;
  margin-bottom: 15px;
  position: relative;
  text-align: center;
}

/* line 440, sass/project/_page-book-sp.scss */
.p-book__detail__btn-buy-headings span {
  background-color: #fff;
  display: inline-block;
  padding: 0 5px;
}

/* line 449, sass/project/_page-book-sp.scss */
.p-book__detail__btn-buy-list {
  font-size: 0;
}

/* line 453, sass/project/_page-book-sp.scss */
.p-book__detail__btn-buy-item {
  background-color: #f0be5a;
  border-radius: 8px;
  display: inline-block;
  height: 48px;
  margin: 0 0 10px;
  text-align: center;
  width: 100%;
}

/* line 462, sass/project/_page-book-sp.scss */
.p-book__detail__btn-buy-item img {
  height: 18px;
  width: auto;
}

/* line 467, sass/project/_page-book-sp.scss */
.p-book__detail__btn-buy-item.p-book__detail__btn-buy-item__shopgakken {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

/* line 473, sass/project/_page-book-sp.scss */
.p-book__detail__btn-buy-item.p-book__detail__btn-buy-item__shopgakken.shopgakken-nowonsale {
  background-image: url("../img/btn__shopgakken-nowonsale__sp.png");
}

/* line 477, sass/project/_page-book-sp.scss */
.p-book__detail__btn-buy-item.p-book__detail__btn-buy-item__shopgakken.shopgakken-stockless {
  background-color: #bababa;
  background-image: url("../img/btn__shopgakken-stockless__sp.png");
}

/* line 482, sass/project/_page-book-sp.scss */
.p-book__detail__btn-buy-item.p-book__detail__btn-buy-item__shopgakken.shopgakken-comingsoon {
  background-color: #3cf;
  background-image: url("../img/btn__shopgakken-comingsoon__sp.png");
}

/* line 487, sass/project/_page-book-sp.scss */
.p-book__detail__btn-buy-item.p-book__detail__btn-buy-item__shopgakken.shopgakken-reservation {
  background-color: #f96;
  background-image: url("../img/btn__shopgakken-reservation__sp.png");
}

/* line 494, sass/project/_page-book-sp.scss */
.p-book__detail__btn-buy-item a {
      -ms-flex-align: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
          justify-content: center;
  width: 100%;
}

/* line 502, sass/project/_page-book-sp.scss */
.p-book__detail__btn-buy-item a.u-pc {
  display: none;
}

/* line 507, sass/project/_page-book-sp.scss */
.p-book__detail__btn-buy-item:hover {
  opacity: .7;
}

.p-book__detail__review{
  text-align: center;
  font-size: 14px;
  line-height: 22px;
  margin-top: 30px;
}
.p-book__detail__review a{
  border-bottom: 1px solid #fff;
  color: #1ea1f2;
}

/* line 535, sass/project/_page-book-sp.scss */
.p-book__index .c-book-text {
  color: #000;
  font-size: 12px;
  line-height: 18px;
}

/* line 574, sass/project/_page-book-sp.scss */
.p-book__author-author {
  color: #000;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  line-height: 25px;
  margin-bottom: 10px;
}

/* line 581, sass/project/_page-book-sp.scss */
.p-book__author-author a {
  color: #1ea1f2;
  font-weight: bold;
}

/* line 588, sass/project/_page-book-sp.scss */
.p-book__author-text {
  color: #000;
  font-size: 15px;
  line-height: 25px;
}

/* line 604, sass/project/_page-book-sp.scss */
.p-book__event .c-event-list {
  margin-bottom: 0;
}

/* line 618, sass/project/_page-book-sp.scss */
.p-book__notice .c-event-notice-list-item {
  display: block;
}

/* line 622, sass/project/_page-book-sp.scss */
.p-book__notice .c-event-notice-list-date {
  display: block;
  width: auto;
}

/* line 627, sass/project/_page-book-sp.scss */
.p-book__notice .c-event-notice-list-caption {
  width: auto;
}

/* line 631, sass/project/_page-book-sp.scss */
.p-book__notice .c-event-notice-list {
  margin-bottom: 0;
}

/* line 645, sass/project/_page-book-sp.scss */
.p-book__recommend .c-book-slider {
  margin-bottom: 0;
}

/* line 652, sass/project/_page-book-sp.scss */
.c-related-site {
  color: #000;
  margin-bottom: 60px;
}

/* line 662, sass/project/_page-book-sp.scss */
.c-related-site-item {
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 15px;
  padding-bottom: 15px;
  position: relative;
}

/* line 668, sass/project/_page-book-sp.scss */
.c-related-site-item:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding: 0;
}

/* line 676, sass/project/_page-book-sp.scss */
.c-related-site-sitename {
  -webkit-text-decoration-color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 6px;
  padding-left: 14px;
  position: relative;
          text-decoration-color: #fff;
}

/* line 687, sass/project/_page-book-sp.scss */
.c-related-site-sitename::after {
  content: '●';
  display: block;
  left: 0;
  position: absolute;
  top: 0;
}

/* line 697, sass/project/_page-book-sp.scss */
.c-related-site-caption {
  font-size: 12px;
  line-height: 18px;
}

/* line 707, sass/project/_page-book-sp.scss */
.p-book__modal01.u-pc {
  display: none;
}

/* line 719, sass/project/_page-book-sp.scss */
.p-book__modal02 .p-book__modal-btn-list,
.p-book__modal03 .p-book__modal-btn-list,
.p-book__modal04 .p-book__modal-btn-list,
.p-book__modal05 .p-book__modal-btn-list {
  display: inline-block;
  font-size: 0;
  margin: 0 auto;
  vertical-align: top;
  width: 84.375vw;
}

/* line 726, sass/project/_page-book-sp.scss */
.p-book__modal02 .p-book__modal-btn-list .p-book__modal-btn-item,
.p-book__modal03 .p-book__modal-btn-list .p-book__modal-btn-item,
.p-book__modal04 .p-book__modal-btn-list .p-book__modal-btn-item,
.p-book__modal05 .p-book__modal-btn-list .p-book__modal-btn-item {
  background-color: #f0be5a;
  border-radius: 8px;
  display: inline-block;
  height: 48px;
  margin: 0 2.5vw 10px 0;
  width: 40.9375vw;
}

/* line 734, sass/project/_page-book-sp.scss */
.p-book__modal02 .p-book__modal-btn-list .p-book__modal-btn-item a,
.p-book__modal03 .p-book__modal-btn-list .p-book__modal-btn-item a,
.p-book__modal04 .p-book__modal-btn-list .p-book__modal-btn-item a,
.p-book__modal05 .p-book__modal-btn-list .p-book__modal-btn-item a {
      -ms-flex-align: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          justify-content: center;
}

/* line 740, sass/project/_page-book-sp.scss */
.p-book__modal02 .p-book__modal-btn-list .p-book__modal-btn-item:nth-child(2n),
.p-book__modal03 .p-book__modal-btn-list .p-book__modal-btn-item:nth-child(2n),
.p-book__modal04 .p-book__modal-btn-list .p-book__modal-btn-item:nth-child(2n),
.p-book__modal05 .p-book__modal-btn-list .p-book__modal-btn-item:nth-child(2n) {
  margin-right: 0;
}

/* line 744, sass/project/_page-book-sp.scss */
.p-book__modal02 .p-book__modal-btn-list .p-book__modal-btn-item:nth-last-child(-n+2),
.p-book__modal03 .p-book__modal-btn-list .p-book__modal-btn-item:nth-last-child(-n+2),
.p-book__modal04 .p-book__modal-btn-list .p-book__modal-btn-item:nth-last-child(-n+2),
.p-book__modal05 .p-book__modal-btn-list .p-book__modal-btn-item:nth-last-child(-n+2) {
  margin-bottom: 0;
}

/* line 748, sass/project/_page-book-sp.scss */
.p-book__modal02 .p-book__modal-btn-list .p-book__modal-btn-item img,
.p-book__modal03 .p-book__modal-btn-list .p-book__modal-btn-item img,
.p-book__modal04 .p-book__modal-btn-list .p-book__modal-btn-item img,
.p-book__modal05 .p-book__modal-btn-list .p-book__modal-btn-item img {
  width: 108px;
}

/* line 756, sass/project/_page-book-sp.scss */
.p-book__modal02 .p-book__modal__caution,
.p-book__modal03 .p-book__modal__caution,
.p-book__modal04 .p-book__modal__caution,
.p-book__modal05 .p-book__modal__caution {
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  margin-top: 10px;
}

/* ----------------------------------------------------------------------------------- BOOK-MAGAZINE */
/* line 773, sass/project/_page-book-sp.scss */
.p-book-magazine__detail .c-icon--dvd {
  margin-bottom: 15px;
}

/* line 778, sass/project/_page-book-sp.scss */
.p-book-magazine__btn {
  font-size: 0;
}

/* line 781, sass/project/_page-book-sp.scss */
.p-book-magazine__btn-item {
  margin-bottom: 10px;
}

/* line 784, sass/project/_page-book-sp.scss */
.p-book-magazine__btn-item:last-child {
  margin-bottom: 0;
}

/* line 789, sass/project/_page-book-sp.scss */
.p-book-magazine__btn .c-button--sub2 {
  border: 2px solid #81cc8d;
  height: 48px;
  width: 100%;
}

/* line 794, sass/project/_page-book-sp.scss */
.p-book-magazine__btn .c-button--sub2 img {
  height: 18px;
  width: auto;
}

/* line 807, sass/project/_page-book-sp.scss */
.p-book-magazine__backnumber .c-book-list {
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      flex-wrap: wrap;
  margin: 0 auto;
  width: 85vw;
}

/* line 814, sass/project/_page-book-sp.scss */
.p-book-magazine__backnumber .c-book-item {
  margin-right: 6.25vw;
  width: 39.375vw;
}

/* line 818, sass/project/_page-book-sp.scss */
.p-book-magazine__backnumber .c-book-item:nth-child(2n) {
  margin-left: 0;
  margin-right: 0;
}

/* line 823, sass/project/_page-book-sp.scss */
.p-book-magazine__backnumber .c-book-item:nth-child(2n+1) {
  margin-left: 0;
}

/* line 827, sass/project/_page-book-sp.scss */
.p-book-magazine__backnumber .c-book-item:nth-last-child(-n+2) {
  margin-bottom: 0;
}

/* line 834, sass/project/_page-book-sp.scss */
.p-book-magazine__backnumber .c-book-title {
  color: #1ea1f2;
}

/* line 837, sass/project/_page-book-sp.scss */
.p-book-magazine__backnumber .c-button--buy {
  border-radius: 8px;
  height: 48px;
  margin-top: 10px;
  width: 100%;
}

/* line 844, sass/project/_page-book-sp.scss */
.p-book-magazine__backnumber .c-button--buy img {
  display: inline-block;
  height: 32px;
  width: auto;
}

/* line 851, sass/project/_page-book-sp.scss */
.p-book-magazine__backnumber a {
  height: auto;
}

/* line 855, sass/project/_page-book-sp.scss */
.p-book-magazine__backnumber .c-button--sub1 {
  display: block;
  height: 40px;
  margin: 0 auto;
  width: 160px;
}

/* line 867, sass/project/_page-book-sp.scss */
.p-book-magazine__recommend .c-book-list.c-book-slider {
  margin-bottom: 0;
}
