/* =====================================================
   price.css
   料金・申込ページ専用CSS（完成形・確定版）
===================================================== */

/* -----------------------------
   共通レイアウト
------------------------------ */
h3 {
  margin: 30px 0 10px;
  font-size: 1.2rem;
  font-weight: bold;
}
h3::before {
  color: var(--accent);
  content: "●";
  display: inline-block;
}
.section-inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 16px;
}

/* -----------------------------
   料金表 共通設定
------------------------------ */
.download-table-wrapper {
  margin: 0px auto 0px;
  padding: 10px 0 20px;
  overflow-x: auto;
}

/* -----------------------------
   テーブル基本
------------------------------ */
.download-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
}

/* 共通セル */
.download-table th,
.download-table td {
  padding: 10px 12px;
  font-size: 0.95rem;
  line-height: 1.5;
  vertical-align: middle;
  border-bottom: 1px solid #e5e7eb;
  text-align: center; /* ★ 表の中身は中央揃え */
}

/* -----------------------------
   見出し行（thead）
------------------------------ */
.download-table thead th {
  background: #f2f5f3;
  font-weight: 600;
}

/* 表タイトル（colspan 使用時） */
.download-table thead th[colspan] {
  font-size: 1rem;
  font-weight: 600;
  border-bottom: 2px solid #cfd8d3;
}

/* -----------------------------
   本文（tbody）
------------------------------ */

/* 行見出し（和食など） */
.download-table tbody th {
  font-weight: 500;

  /* ★ 色が付くのを完全に防ぐ */
  background: transparent !important;
}

/* 備考 */
.download-table tbody td:nth-child(3) {
  color: #555;
  font-size: 0.9rem;
}

/* -----------------------------
   備考列 幅指定
------------------------------ */
.download-table th.remark,
.download-table td.remark {
  width: 18%;
  max-width: 220px;
  white-space: normal;
}

/* -----------------------------
   コンパクト表（日帰り等）
------------------------------ */
.download-table-wrapper.compact .download-table th,
.download-table-wrapper.compact .download-table td {
  padding: 8px 10px;
  font-size: 0.9rem;
}

/* -----------------------------
   注記テキスト
------------------------------ */
.attention,
.table-note {
  width: 100%;
  margin: 0 auto 48px;
  font-size: 1rem;
  color: #444;
  line-height: 1.4;
}

/*
  ▼ミドルサイズ（タブレット）=============================================================================
*/
@media (max-width: 1059px) {
}
/*▲ミドルサイズ ここまで    =============================================================================*/

/*
  ▼スモールサイズ（スマホ）=============================================================================
*/
@media (max-width: 700px) {
}
/*▲スモールサイズ ここまで ============================================================================*/