/* =========================================
   Airports page minimal styles 〔全張替え版〕
   スコープは .airports 配下に限定
   見出し統一：他ページと同じ数値／字間／整列
========================================= */

/* コンテナ */
.airports .container {
  width: 1100px;
  max-width: calc(100% - 40px);
  margin: 0 auto;
  padding-bottom: 80px; /* フッターとの余白調整（文字位置は影響しない） */
}

/* --- 見出し統一（airport専用・他CSSの上書きを確実に勝つ） --- */
.airports .secTitle.en {
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: 28px; /* PC版 */
  font-weight: 700;
  text-align: center;
}

.airports .secSub {
  margin-top: 6px;
  margin-bottom: 28px;
  color: #7F5539;
  font-size: 14px; /* PC版 */
  text-align: center;
}

/* Intro 見出しブロックの上下バランス（他ページと揃える） */
.airports .intro {
  padding-top: 48px;
  margin: 0 0 28px;
}

/* リード文は左寄せのまま（※必要なら center に変更） */
.airports .lead {
  margin: 6px 0 10px;
  line-height: 1.8;
}

/* セクション共通（見出し上下のリズム） */
.airports .section {
  margin-top: 56px;
}

/* テーブル周り（既存を活かしつつ最低限） */
.airports .tableWrap {
  margin-top: 12px;
  overflow-x: auto;
}
.airports .apTable {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px; /* PC版 */
}
.airports .apTable th,
.airports .apTable td {
  border: 1px solid #e5ded5;
  padding: 10px 12px;
  vertical-align: top;
}
.airports .apTable thead th {
  background: #f6f2ea;
  font-weight: 700;
}

/* Tips, notes */
.airports .check { margin: 8px 0 0 1.2em; }
.airports .note  { margin-top: 10px; font-size: 13px; color: #6d5a49; }

/* 旅のスタイルカード（既存に合わせて最小限） */
.airports .styleCards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 16px;
}
.airports .styleCard {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 0 0 1px #e5ded5 inset;
  padding: 16px;
}
.airports .stylePrice { margin-top: 8px; font-weight: 700; }
.airports .styleNote  { margin-top: 6px; font-size: 13px; line-height: 1.7; }

/* SPレスポンシブ（最下部に集約） */
@media (max-width: 768px) {
  .airports .container { padding-bottom: 60px; }
  .airports .styleCards { grid-template-columns: 1fr; }

  /* 見出し・サブタイトル・テーブルのフォントサイズをPC版の80%に調整 */
  .airports .secTitle.en {
    font-size: 22.4px;  /* PC版 28px の 80% */
  }

  .airports .secSub {
    font-size: 11.2px;   /* PC版 14px の 80% */
  }

  .airports .lead {
    font-size: 12px;  /* PC版 15px の 80% */
  }

  .airports .apTable {
    font-size: 12px;  /* PC版 15px の 80% */
  }
}