@charset "utf-8";
/*------------------------------------------------------------
短納期特集ページ（/tannouki/）専用
商品リストの折りたたみ：1行目だけ残して2行目以降を隠す
※マークアップは js/tannouki.js が付与（CMS本文の変更は不要）
2026-08-28 追加
------------------------------------------------------------*/

/* 閉じている間は先頭4件だけ表示（PC 4列＝1行 / SP 2列＝2行） */
.product_list.js_fold.is_closed > ul > li:nth-child(n+5) {
  display: none;
}

/*------------------------------------------------------------
「もっと見る」ボタン
------------------------------------------------------------*/
.fold_more {
  clear: both;
  /* 商品li下の余白（padding 50px + margin 50px）を詰めてボタンを近づける */
  margin: -45px 0 0;
  text-align: center;
}

.fold_more__btn {
  -webkit-appearance: none;
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  max-width: 360px;
  min-height: 48px;
  padding: 10px 20px;
  background: #fff;
  border: 1px solid #004b9e;
  border-radius: 6px;
  color: #004b9e;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.4;
  cursor: pointer;
}

.fold_more__btn:hover {
  background: #eaf2fb;
}

/* 閉じている＝下向き矢印 */
.fold_more__btn::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-right: 2px solid #004b9e;
  border-bottom: 2px solid #004b9e;
  transform: rotate(45deg);
}

/* 開いている＝上向き矢印 */
.product_list.js_fold:not(.is_closed) .fold_more__btn::after {
  margin-top: 4px;
  transform: rotate(-135deg);
}

@media screen and (max-width: 812px) {
  .fold_more {
    margin-top: -35px;
  }
  .fold_more__btn {
    min-height: 44px;
    font-size: 1.4rem;
  }
}