@charset "UTF-8";
/* ============================================================
   製品シリーズページ 新デザイン（2026-09 サイト改修）
   - 黒座布団を撤去し白背景
   - シャフト画像を画面幅いっぱいに表示・drop-shadowで立体感
   - 行全体をクリッカブルにして詳細ページへ遷移
   - モデル名＋調子表記（縦並び・グルーピングなし）
   - 凡例の表示順は 元調子 → 先調子（2026-09-18 先方指示）
   - 調子バーのハイライト位置は 左=元調子 〜 右=先調子（2026-09-25 先方指示）
   ※ 調子アイコンの色分けは仮。正式仕様表受領後に --kick-* を更新
   ============================================================ */

:root {
  --kick-saki:     #e60033; /* 先調子（仮） */
  --kick-sakinaka: #f39800; /* 先中調子（仮） */
  --kick-naka:     #009944; /* 中調子（仮） */
  --kick-nakamoto: #0068b7; /* 中元調子（仮） */
  --kick-moto:     #1d2088; /* 元調子（仮） */
}

.seriesV2 {
  background: #fff;
  padding: 50px 0 100px;
  overflow-x: hidden;
}
.seriesV2__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* 調子の凡例（元→先の順で並べる） */
.kickLegend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 24px;
  padding: 14px 18px;
  border: 1px solid #e5e5e5;
  margin-bottom: 10px;
}
.kickLegend__title {
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: .08em;
  color: #1a1a1a;
  margin-right: 4px;
}
.kickLegend__item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 1.2rem;
  color: #444;
}
.seriesV2 .mockNote {
  font-size: 1.1rem;
  color: #999;
  text-align: right;
  margin-bottom: 30px;
}

/* 製品行（1モデル＝1行、行全体がリンク） */
.shaftRow {
  display: block;
  position: relative;
  padding: 34px 0 44px;
  border-bottom: 1px solid #eee;
  text-decoration: none;
  color: #1a1a1a;
  transition: background .25s ease;
}
.shaftRow:hover { background: #fafafa; }

.shaftRow__head {
  max-width: 1200px;
  margin: 0 auto 6px;
  padding: 0 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 18px;
}
.shaftRow__name {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.3;
  margin: 0;
}
.shaftRow__view {
  margin-left: auto;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: .14em;
  color: #888;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: color .25s ease;
}
.shaftRow__view::after {
  content: "→";
  transition: transform .25s ease;
}
.shaftRow:hover .shaftRow__view { color: #c8102e; }
.shaftRow:hover .shaftRow__view::after { transform: translateX(5px); }

/* 調子チップ */
.kickChip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 1.25rem;
  font-weight: 700;
  color: #333;
  background: #f4f4f4;
  border-radius: 3px;
  padding: 5px 12px;
  letter-spacing: .06em;
}
.kickChip svg { display: block; }
.kickChip--pending { color: #999; font-weight: 400; }

/* シャフト画像：画面幅いっぱい・座布団なし・ドロップシャドウ */
.shaftRow__img {
  width: 100vw;
  margin: 18px calc(50% - 50vw) 0;
  padding: 14px 0 18px;
}
.shaftRow__img img {
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 14px 10px rgba(0, 0, 0, .28));
  transition: filter .3s ease, transform .3s ease;
}
.shaftRow:hover .shaftRow__img img {
  filter: drop-shadow(0 20px 14px rgba(0, 0, 0, .38));
  transform: translateY(-3px);
}

@media only screen and (max-width: 1024px) {
  .shaftRow__name { font-size: 1.8rem; }
  .shaftRow { padding: 24px 0 30px; }
  .shaftRow__img { padding: 8px 0 10px; }
  .shaftRow__img img { filter: drop-shadow(0 8px 6px rgba(0, 0, 0, .28)); }
  .shaftRow__view { display: none; }
}