/** https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.4/dist/css/splide.min.css */
.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}


/****************
* itemsContainer
*****************/
/*---------------------
アイテムレコメンド start
--------------------*/
/*レコメンド枠*/
.itemsContainer__wrapper{
  padding: 0 0 24px;
}
.itemsContainer__main{
  transition: opacity 1s, visibility 1s;
}
.itemsContainer__header{
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: bold;
  font-size: 22px;
  margin: 0 18px 16px;
}
@media only screen and (max-width: 767px) {
 .mainContent__category .itemsContainer{
    margin: 0 -18px;
  }
}
@media print, (min-width: 768px) {
  .itemsContainer__wrapper{
    /* padding: 0 0 60px; */
    padding: 0 84px 60px;
    max-width: 1368px;
    margin: 0 auto;
  }
  /* .mainContent__inner .itemsContainer__main{
    padding-right: 0;
    padding-left: 0;
  } */
  .mainContent__inner .itemsContainer__wrapper{/*maincontentの中にあるとき*/
    padding-right: 0;
    padding-left: 0;
  }
  .mainContent__inner .itemsContainer__headerArea{/*maincontentの中にあるとき*/
    padding-right: 0;
    padding-left: 0;
  }
  .itemsContainer__main{
    /* max-width: 1368px; */
    /* padding: 0 84px 30px; */
    padding: 0 0 30px;
    /* margin: 0 auto; */
  }
  .itemsContainer__inner{
    padding: 0 8%;/*親のwidthに対しての大きさ*/
  }
  .itemsContainer__header{
    font-size: 30px;
    margin-left: 0;
  }
  .splide__track{
    overflow: hidden;
  }
}

/*　閲覧履歴削除する前　*/
.itemsContainer__textBox.itemsContainer__textBox--removeHistory.-hidden{
  visibility: hidden;
  opacity:0;
}
.itemsContainer__headerArea{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  }
.itemsContainer__headerArea--spacedTop{
  padding: 24px 0 0;
}
@media print, (min-width: 768px) {
  .itemsContainer__headerArea{
    padding: 0 84px 0;
  }
  .itemsContainer__headerArea--spacedTop{
    padding-top: 40px;
    max-width: 1368px;
    margin: 0 auto;
  }
}
.itemsContainer__textBox.itemsContainer__textBox--deleteHistory{
  margin-left: auto;/*段落ちしても右寄せ*/
}
.itemsContainer__textBox--deleteHistory .itemsContainer__actionButton{
  text-align: left;
}

/*　閲覧履歴削除したあと　*/
.itemsContainer__main.-hidden,
.itemsContainer__textBox.itemsContainer__textBox--deleteHistory.-hidden{
  visibility: hidden;
  opacity: 0;
}
.itemsContainer__textBox--removeHistory{
  width: 100%;
  display: block;
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  transition: opacity 1s, visibility 1s;
}
.itemsContainer__wrapper{
  position: relative;
}
.itemsContainer__text{
  padding: 0 18px 8px;
  font-size: 14px;
}
.itemsContainer__actionButton{
  padding: 0 18px;
}
.itemsContainer__textBox--removeHistory .itemsContainer__actionButton{
  font-size: 14px;
  color: #666; 
  text-decoration: underline;
}

/*　商品　*/
.productBox__detail{
  text-align: left;
}
/*1行*/
.productBox__inner{
  padding: 0 10px;
}
.productBox__media{
  margin: 0 0 8px;
  position: relative;
  padding: min(160%, 300px) 0 0;/*親の高さ、180px以上にならない*/
}
.productBox__image{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 100%;
  object-fit: contain;
}
@media print, (min-width: 768px) {
  .productBox__media{
    padding: 125% 0 0;
    margin: 0 10% 8px;
  }
  .productBox__link:hover{
    opacity: .65;
  }
  .productBox__link{
    transition: opacity .4s ease;
  }
}
.productBox__detailTitle{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0 0 8px;
}
.productBox__detailAuthor,
.productBox__detailPrice{
  margin: 0 0 4px;
}
.productBox__detailAuthor{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #666;
  font-size: 12px;
}
.productBox__detailPrice{
  color: #e60009;
}
@media print, (min-width: 768px) {
  .productBox__detailTitle{
    -webkit-line-clamp: 1;
    font-size: 14px;
  }
  .productBox__detailAuthor{
    font-size: 13px;
  }
}
/*2行*/
@media (max-width: 767px) {
  .is-row2 .splide__list{
    flex-wrap: wrap;
    flex-direction: column;
    height: calc((40vw + 7.5em)*2 + 20px);
  }
  .is-row2 .splide__slide{
    height: calc(40vw + 7.5em);
    flex: 1 1 auto;
  }
}

/* もっとみる */
.itemsContainer__textBox--info{
  text-align: right;
  position: relative;
  bottom: 30px;
}
@media (min-width: 768px) {
  .itemsContainer__textBox--info{
    position: relative;
    bottom: 90px;
    max-width: 1368px;
    padding: 0 84px 0;
    margin: 0 auto;
  }
}
.itemsContainer__textBox.itemsContainer__textBox--infoTop{
  margin-left: auto;
  background :url(https://content.bookoff.co.jp/common/images/arrow-gray.svg) no-repeat;
  background-position: right 4px center; /*右側から4px*/
  background-size: contain;
}
.itemsContainer__textBox--infoTop .itemsContainer__text{
  padding: 0 30px 8px 18px;
}

/* 一覧表示 */
.is-displayAll .itemsContainer__inner{
  display: flex;
  flex-wrap: wrap;
  padding: 0 18px;
  justify-content: space-between;
}
.is-displayAll .itemsContainer__contents{
  width: calc((100% - 32px) / 3);
  margin-bottom: 24px;
  padding: 0;
}
@media print, (min-width: 768px) {
  .is-displayAll .itemsContainer__contents{
    width: calc((100% - 60px) / 6);
    margin: 0 0 30px;
  }
}

/*　splide.cssの上書き start　*/
@media (max-width: 767px) {
  .splide__track{
    overflow-x: auto; /*スクロールバー*/
    padding: 0 0 0 8px;
  }
  .splide.is-initialized:not(.is-active) .splide__list {/*destroyのとき横並びにする*/
      display: flex;
  }
  .splide__slide{
    width: calc( 100% /3.5 );
  }
  .itemsContainer__contents{
    padding: 0 8px;
  }
}
/*矢印*/
.splide__arrow,
.splide__pagination{
  display: none;
}
@media print, (min-width: 768px) {
  .productBox__media{
    padding: 125% 0 0;
  }
  .splide__arrow{
    display: block;
    background-image: url(https://content.bookoff.co.jp/common/images/arrow-pagination.webp);
    background-size: contain;
    background-repeat: no-repeat;
    width: 80px;
    height: 200px;
    background-color: transparent;
    background-position: center;
    top: 40%;
  }
  .splide__arrow--prev{
    /* left: 6em; */
    left: 0;
  }
  .splide__arrow--next{
    /* right: 6em; */
    right: 0;
    transform: translateY(-50%) rotate(180deg);/*transformは合成されないので再記必要*/
  }
  .splide__pagination{
    display: flex;
  }
}
/*ページネーション*/
.splide__pagination{
  bottom: auto;/*テスト*/
}
.splide__pagination__page{
  opacity: unset;
}
.splide__pagination__page.is-active{
  background: #003894;
  transform: none;
}
/* splide.cssの上書き end */

/* タイトル、著者、価格の非表示 */
.is-title-none .productBox__detailTitle {
  display: none;
}
.is-author-none .productBox__detailAuthor {
  display: none;
}
.is-price-none .productBox__detailPrice {
    display: none;
}
/*---------------------
アイテムレコメンド end
--------------------*/

/*---------------------
コンテンツレコメンド start
--------------------*/
/*　レコメンド枠　*/
.contentsRecommend .itemsContainer__inner{
  display: flex;
  flex-wrap: wrap;
  margin: 0 13px;
  justify-content: space-around;
}
@media print, (min-width: 768px) {
  .contentsRecommend .itemsContainer__inner{
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
  }
}

/*　中身　*/
.contentsRecommend .productBox__media{
  margin: 0 0 8px;
  padding: 0;
  position: static;
}
.contentsRecommend .productBox__image{
  position: static;
  transform: none;
}
@media print, (min-width: 768px) {
  .contentsRecommend .productBox__media{
    margin: 0 0 12px;
  }
}
.contentsRecommend .productBox__detailTitle{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin: 0 0 8px;
}
.contentsRecommend .itemsContainer__contents{
  width: calc(100% / 3 - 10px);
  margin: 0 0px 24px;
  padding: 0;
}
@media print, (min-width: 768px) {
  .contentsRecommend .productBox__detailTitle{
    -webkit-line-clamp: 2;
    font-size: 14px;
  }
  .contentsRecommend .itemsContainer__contents{
    padding: 0 8px;
    width: calc(100% / 6);
  }
}
/*---------------------
コンテンツレコメンド end
--------------------*/

/* 追加（CLS対策が終わったら削除） start */
.js-recommend {
  min-height: 1px;
}
/* 追加（CLS対策が終わったら削除） end */