/* カスタマイズ用CSS */
  section {
      width: 100%;
      max-width: 1280px;
      margin: 0 auto;
  }

  .ec-productCard__image img {
      height: auto;
  }

/* ===== ここから暫定対応（SCSS修正のリリース後に削除する） =====
     商品カードリストの5分割幅指定がフリーページにも当たり、カードが0〜数pxに潰れて
     「カートに入れる」ボタンが操作できなくなる不具合の回避。
     フリーページは /site/user_data/ /site/pages/ /site/doc/ の3ルートがあるため
     body の id 前方一致で3つとも対象にする。他ページには当たらない。 */
  @media only screen and (min-width: 768px) {
      /* 4枚以下のリスト（＝崩れているもの）を元の198px幅に戻す */
      body[id^="page_user_data"] .ec-productCardList:not(.ec-productCardList--scrollable) .ec-productCardList__container .ec-productCardList__track
  .ec-productCardList__item:nth-last-child(-n+4):first-child,
      body[id^="page_user_data"] .ec-productCardList:not(.ec-productCardList--scrollable) .ec-productCardList__container .ec-productCardList__track
  .ec-productCardList__item:nth-last-child(-n+4):first-child ~ .ec-productCardList__item {
          width: 198px;
          max-width: 100%;
      }

      /* 5枚以上のリストは1行5枚を維持しつつ、存在しない矢印用余白120pxの引き算をやめる */
      body[id^="page_user_data"] .ec-productCardList:not(.ec-productCardList--scrollable) .ec-productCardList__container .ec-productCardList__track
  .ec-productCardList__item:nth-last-child(n+5),
      body[id^="page_user_data"] .ec-productCardList:not(.ec-productCardList--scrollable) .ec-productCardList__container .ec-productCardList__track
  .ec-productCardList__item:nth-last-child(n+5) ~ .ec-productCardList__item {
          width: calc((100% - 88px) / 5);
          max-width: 198px;
      }

      /* 例外: single-rayout は style.css で「幅auto・最大800px・2カラム」に設計されているため、
         198px に固定すると画像が潰れてバッジが重なる。ページ側のレイアウトに任せる。 */
      body[id^="page_user_data"] .ec-productCardList:not(.ec-productCardList--scrollable) .ec-productCardList__container .ec-productCardList__track
  .ec-productCardList__item.single-rayout:nth-last-child(-n+4):first-child,
      body[id^="page_user_data"] .ec-productCardList:not(.ec-productCardList--scrollable) .ec-productCardList__container .ec-productCardList__track
  .ec-productCardList__item:nth-last-child(-n+4):first-child ~ .ec-productCardList__item.single-rayout,
      body[id^="page_user_data"] .ec-productCardList:not(.ec-productCardList--scrollable) .ec-productCardList__container .ec-productCardList__track
  .ec-productCardList__item.single-rayout:nth-last-child(n+5),
      body[id^="page_user_data"] .ec-productCardList:not(.ec-productCardList--scrollable) .ec-productCardList__container .ec-productCardList__track
  .ec-productCardList__item:nth-last-child(n+5) ~ .ec-productCardList__item.single-rayout {
          width: auto;
      }
  }
  
  /* ===== ここまで暫定対応 ===== */