.company{
    width: 100%;
}

table{
    width: 90%;
}

@media screen and (max-width: 768px) {
    ul.fs-pt-list.fs-pt-list--noMarker {
      display: flex !important;
      flex-direction: column !important;
    }
  
    ul.fs-pt-list.fs-pt-list--noMarker > li.fs-pt-list__item {
      width: 100% !important;
      box-sizing: border-box !important;
    }
  
    ul.fs-pt-list.fs-pt-list--noMarker a.fs-pt-list__link {
      display: flex !important;              /* 横並び */
      align-items: flex-start !important;    /* 上揃え */
      gap: 0.75em !important;                /* 日付と本文の間隔 */
      padding: 1px !important;
      text-decoration: none !important;
      box-sizing: border-box !important;
      flex-wrap: nowrap !important;          /* 折り返し禁止で左右 */
    }
  
    ul.fs-pt-list.fs-pt-list--noMarker a.fs-pt-list__link time {
      white-space: nowrap !important;
      width: 89px !important;                 /* 日付の幅を固定 */
      flex-shrink: 0 !important;             /*  日付が縮まない */
      padding: 2px;
      text-align: center;
    }
  
    <!-- ul.fs-pt-list.fs-pt-list--noMarker a.fs-pt-list__link {
        word-break: break-word !important;
      }
      ul.fs-pt-list.fs-pt-list--noMarker li.fs-pt-list__item::before,
      ul.fs-pt-list.fs-pt-list--noMarker a.fs-pt-list__link::before {
        content: none !important;   /* 疑似要素を完全に無効化 */
        display: none !important;
      }
    
      ul.fs-pt-list.fs-pt-list--noMarker a.fs-pt-list__link {
        padding-left: 0 !important;
        margin-left: 0 !important;
        text-indent: 0 !important;
      }
    
      ul.fs-pt-list.fs-pt-list--noMarker li.fs-pt-list__item {
        padding-left: 0 !important;
        margin-left: 0 !important;
      } -->
  }

/* 8/25追加 */

/* ============ 1) パンくず：PCのみ Category列の直上に揃える ============ */
@media (min-width:1024px){
  :root{
    --main-w: 1216px;  /* .fs-l-main の max-width */
    --pad: 8px;        /* .fs-l-main の左右 padding */
    --side: 280px;     /* 左サイド実幅（実測で調整） */
    --gap: 24px;       /* サイドとメインの間の余白 */
    --bc-top: 24px;    /* 上の余白 */
    --bc-bottom: 8px;  /* 下の余白 */
    --cat-pad: 1.6em;  /* 1〜2文字分だけ右に寄せる */
  }

  body.fs-body-category nav.fs-c-breadcrumb{
    max-width: var(--main-w);
    margin: var(--bc-top) auto var(--bc-bottom) !important;
    padding-inline: var(--pad);
    box-sizing: border-box;

    /* [カテゴリ][間][メイン] の3列を“器”側で作る */
    display: grid;
    grid-template-columns: var(--side) var(--gap) 1fr;
    align-items: start;
  }
  body.fs-body-category nav.fs-c-breadcrumb > .fs-c-breadcrumb__list{
    grid-column: 1;                 /* ← カテゴリ列の上 */
    justify-self: start;
    list-style: none;
    margin: 0;
    padding-left: var(--cat-pad);   /* 1～2文字分右へ */
    transform: none !important;     /* 以前の調整を無効化 */
  }
}

/* ============ 2) 商品グループ：共通初期化（崩れ防止） ============ */
.fs-c-subgroup .fs-c-subgroupList{
  list-style: none;
  margin: 0;
  padding: 0;
}
.fs-c-subgroup .fs-c-subgroupList > li{
  width: auto !important;    /* 既定の幅/floatを無効化 */
  margin: 0 !important;
  float: none !important;
  clear: none !important;
}

/* ラベルと矢印を常に1行で横並び */
.fs-c-subgroup .fs-c-subgroupList__link{
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 12px;
  min-height: 44px;
  width: 100%;
  box-sizing: border-box;
}
.fs-c-subgroup .fs-c-subgroupList__label{
  flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* 疑似要素の矢印をflex前提に修正（grid指定を打ち消す） */
.fs-c-subgroup .fs-c-subgroupList__link::after{
  content: "\e90c";
  font-family: "fs-icon" !important;
  font-size: 1.8rem;
  line-height: 1;
  color: #6492a8;
  margin-left: 12px;
  flex: 0 0 auto;
  align-self: center;
  grid-column: auto !important;
  grid-row: auto !important;
}

/* ============ 3) レスポンシブ列数 ============ */
/* SP（～767px）：最大2列＋余白 */
@media (max-width: 767px){
  .fs-c-subgroup .fs-c-subgroupList{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 12px;
    row-gap: 10px;
  }

}

/* PC（1024px～）：最大4列＋余白 */
@media (min-width:1024px){
  .fs-c-subgroup .fs-c-subgroupList{
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    column-gap: 16px;
    row-gap: 12px;
  }
}


/* ===== タブレット帯 768–1023px の調整 ===== */

/* パンくず：中央の器に合わせて余白だけ整える */
@media (min-width:768px) and (max-width:1023px){
  nav.fs-c-breadcrumb{
    max-width: var(--main-w);
    margin: 16px auto 8px;  /* 上下余白 */
    padding-inline: var(--pad);
    box-sizing: border-box;
  }
  nav.fs-c-breadcrumb .fs-c-breadcrumb__list{
    margin: 0; padding: 0;  /* 既定の字下げを打消し */
  }
}

/* 商品グループ：タブレットでもグリッド＆余白を適用（最大2列） */
@media (min-width:768px) and (max-width:1023px){
  .fs-c-subgroup .fs-c-subgroupList{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)); /* ←3列にしたい場合は 3 に */
    column-gap: 16px;
    row-gap: 12px;
    margin: 0; padding: 0; list-style: none;
  }
  .fs-c-subgroup .fs-c-subgroupList > li{
    float: none !important; clear: none !important;
    width: auto !important; margin: 0 !important;
  }
  /* 1件だけの時は全幅 */
  .fs-c-subgroup .fs-c-subgroupList > li:only-child{
    grid-column: 1 / -1 !important;
  }
}


/* 下側のステータスだけ非表示（上は残す） */
.fs-body-category .fs-c-subgroup > ul.fs-c-subgroupList ~ .fs-c-listControl .fs-c-listControl__status{
  display: none !important;
}

/* 商品ページのパンくずをPCだけ整える（両方のシステムパーツに適用） */
@media (min-width:1024px){
  :root{
    --main-w: 1216px;  /* = .fs-l-main の max-width */
    --pad: 8px;        /* 左右の内側余白 */
    --bc-top: 16px;    /* 上マージン */
    --bc-bottom: 8px;  /* 下マージン */
    --bc-indent: 0;    /* 左に1～2文字分寄せたい時は 1.6em などに */
  }

  /* 器：中央幅に揃えて上下余白を付与（nav版・div版の両方） */
  .fs-body-product nav.fs-c-breadcrumb,
  .fs-body-product div.fs-c-breadcrumb{
    max-width: var(--main-w);
    margin: var(--bc-top) auto var(--bc-bottom);
    padding-inline: var(--pad);
    box-sizing: border-box;
  }

  /* リストの字下げをリセット＋任意のインデント */
  .fs-body-product nav.fs-c-breadcrumb .fs-c-breadcrumb__list,
  .fs-body-product div.fs-c-breadcrumb .fs-c-breadcrumb__list{
    list-style: none;
    margin: 0;
    padding-left: var(--bc-indent);
  }

  /* サブグループ側で ol が複数並ぶ場合の間隔 */
  .fs-body-product div.fs-c-breadcrumb .fs-c-breadcrumb__list + .fs-c-breadcrumb__list{
    margin-top: 6px; /* お好みで */
  }
}

/* 商品ページ(PC)：パンくずの ol と ol の間の余白をゼロに */
@media (min-width:1024px){
  /* まず各olのデフォ余白をゼロに */
  .fs-body-product nav.fs-c-breadcrumb .fs-c-breadcrumb__list,
  .fs-body-product div.fs-c-breadcrumb .fs-c-breadcrumb__list{
    margin: 0 !important;
    padding: 0;
    list-style: none;
  }
  /* 兄弟olの間に入っている上マージン系を念のため打ち消し */
  .fs-body-product div.fs-c-breadcrumb .fs-c-breadcrumb__list + .fs-c-breadcrumb__list{
    margin-top: 0 !important;
  }

  /* nav の直後にある div.fs-c-breadcrumb をピンポイント指定 */
  .fs-body-product nav.fs-c-breadcrumb + div.fs-c-breadcrumb{
    margin-top: 0 !important;
  }
}

/* 海人情報のリスト：6件目以降を非表示 */
.fs-p-dateList .fs-pt-list__item:nth-child(n+6) {
  display: none !important;
}

/* 8/25追加 */


/* ランキングのCSS↓ */

/* 共通：商品ブロックに相対位置を設定 */
.fs-c-productListItem {
  position: relative;
}

/* =======================
   1位：kiokunashi_A_
======================= */
.fs-c-productListItem:has(a[href*="kiokunashi_A_"])::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 40px solid #e60033;
  border-left: 40px solid transparent;
  z-index: 1;
}
.fs-c-productListItem:has(a[href*="kiokunashi_A_"])::after {
  content: "1";
  position: absolute;
  top: 4px;
  right: 6px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  z-index: 2;
}

/* =======================
   2位：new_uminchu-T_a
======================= */
.fs-c-productListItem:has(a[href*="new_uminchu-T_a"])::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 40px solid #e60033;
  border-left: 40px solid transparent;
  z-index: 1;
}
.fs-c-productListItem:has(a[href*="new_uminchu-T_a"])::after {
  content: "2";
  position: absolute;
  top: 4px;
  right: 6px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  z-index: 2;
}

/* =======================
   3位：umi-sakura-t-a
======================= */
.fs-c-productListItem:has(a[href*="umi-sakura-t-a"])::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 40px solid #e60033;
  border-left: 40px solid transparent;
  z-index: 1;
}
.fs-c-productListItem:has(a[href*="umi-sakura-t-a"])::after {
  content: "3";
  position: absolute;
  top: 4px;
  right: 6px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  z-index: 2;
}

/* =======================
   4位：kuromiumi_A_
======================= */
.fs-c-productListItem:has(a[href*="kuromiumi_A_"])::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 40px solid #e60033;
  border-left: 40px solid transparent;
  z-index: 1;
}
.fs-c-productListItem:has(a[href*="kuromiumi_A_"])::after {
  content: "4";
  position: absolute;
  top: 4px;
  right: 6px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  z-index: 2;
}

/* =======================
   5位：lagoon_A_
======================= */
.fs-c-productListItem:has(a[href*="lagoon_A_"])::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 40px solid #e60033;
  border-left: 40px solid transparent;
  z-index: 1;
}
.fs-c-productListItem:has(a[href*="lagoon_A_"])::after {
  content: "5";
  position: absolute;
  top: 4px;
  right: 6px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  z-index: 2;
}