/* =========================================================
   FEATURE JOURNEYS 共通スタイル
   ※ 見出し（.secTitle.en / .secSub）は common.css の
      「見出し統一仕様」に完全準拠。
      本ファイル内での上書きは禁止。
      SPのみ必要な微調整はファイル末尾へまとめる。
========================================================= */

/* 背景（ニュートラルベージュ） */
.featureIndex {
  background: #f6f2ea;
  padding-bottom: 80px;
}

/* FEATURE JOURNEYS：左右の余白と最大幅 */
.featureIndex .container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
}

/* FEATURE JOURNEYS 見出しブロック */
.featureIndex .fiHead {
  text-align: center;
  padding-top: 48px;
  margin: 0 0 28px;
}

/* TRAVEL / CULTURE / FOOD の見出し */
.featureIndex .fiSectionHead {
  text-align: center;
  margin: 60px 0 16px;
}

/* カテゴリ見出し */
.fiCatTitle {
  font-size: 22px;
  font-weight: 700;
}
.fiCatSub {
  font-size: 14px;
  color: #7F5539;
  margin-top: 4px;
}

/* カードグリッド */
.fiGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin-top: 24px;
}

/* カード本体 */
.fiCard {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 0 0 1px #e5ded5 inset;
}

.fiCardLink {
  display: block;
  padding: 16px;
  color: inherit;
  text-decoration: none;
}

/* 仮カード（COMING SOON） */
.is-coming {
  opacity: 0.55;
  pointer-events: none;
}

/* サムネ画像 */
.fiThumb img,
.fiThumb.-placeholder {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 8px;
}

/* プレースホルダー色 */
.fiThumb.-placeholder {
  background: #e5ded5;
}

/* バッジ */
.fiBadge {
  display: inline-block;
  padding: 4px 10px;
  font-size: 12px;
  border-radius: 6px;
  margin-top: 10px;
}

/* バッジ色 */
.fiBadge.-travel  { background: #dceae2; color: #1b5c43; }
.fiBadge.-coming  { background: #e3ddd5; color: #7a6f65; }

/* タイトル/本文 */
.fiTitle {
  margin: 12px 0 4px;
  font-size: 18px;
}
.fiExcerpt {
  font-size: 14px;
  line-height: 1.7;
  color: #555;
  margin-bottom: 12px;
}

/* MORE */
.fiMore {
  font-size: 14px;
  color: #7F5539;
}

/* SP */
@media (max-width: 768px) {
  .fiGrid {
    grid-template-columns: 1fr;
    margin: 0;              /* 左右のマージンを0にして中央に配置 */
    padding: 0;             /* paddingを0にして不要なスペースを排除 */
  }

  /* 文字サイズ調整 */
  .fiCatTitle {
    font-size: 17.6px;  /* 22px * 0.8 */
  }
  .fiCatSub {
    font-size: 11.2px;  /* 14px * 0.8 */
  }
  .fiTitle {
    font-size: 14.4px;  /* 18px * 0.8 */
  }
  .fiExcerpt {
    font-size: 11.2px;  /* 14px * 0.8 */
  }
  .fiMore {
    font-size: 11.2px;  /* 14px * 0.8 */
  }
}