/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 27 2026 | 08:31:34 */
/* ===========================================================
   タヒボHP 追加CSS（Customizer用 / Sydneyテーマと共存）

   貼り付け先: WP管理画面 → 外観 → カスタマイズ → 追加CSS
   対象ページ: 6つのタヒボ独自クラス使用ページ
   方針: Sydneyテーマには干渉せず、.taheebo-* 等の独自クラスだけ装飾
   =========================================================== */


/* ─────────────────────────────────────────
   ⚠️ 重要：森背景画像のURL
   ─────────────────────────────────────────
   下記 url(...) の中を、本番にアップロードした forest-bg.jpg の
   URLに**Ctrl+H で置換**してください。
   例: /wp-content/uploads/2026/05/forest-bg.jpg
   ───────────────────────────────────────── */


/* ───── ページヒーロー（見出し帯：森背景＋深緑オーバーレイ） ───── */
.taheebo-page-hero {
  background:
    linear-gradient(rgba(15,110,86,0.80), rgba(13,31,26,0.86)),
    url(https://tokyo-taheebo.com/wp/wp-content/uploads/2026/05/forest-bg.jpg) center/cover no-repeat !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 32px !important;
  padding: 80px 24px !important;
  box-sizing: border-box !important;
  text-align: center !important;
}
.taheebo-page-hero h1,
.taheebo-page-hero .wp-block-heading {
  font-family: 'Noto Serif JP', serif !important;
  color: #ffffff !important;
  font-size: 1.9rem !important;
  line-height: 1.5 !important;
  margin: 0 0 12px !important;
}
.taheebo-page-hero p {
  color: rgba(255,255,255,0.92) !important;
  font-size: 14px !important;
  line-height: 1.9 !important;
  max-width: 620px !important;
  margin: 0 auto !important;
}


/* ───── 本文エリア ───── */
.taheebo-content {
  background: #FAFAF8 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 56px 24px !important;
  box-sizing: border-box !important;
}
.taheebo-content > * {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.taheebo-content h2,
.taheebo-content > h2.wp-block-heading {
  font-family: 'Noto Serif JP', serif !important;
  color: #1C2B27 !important;
  font-size: 1.4rem !important;
  line-height: 1.6 !important;
  margin: 2.4rem auto 1rem !important;
  padding-bottom: 0.6rem !important;
  border-bottom: 2px solid rgba(15,110,86,0.2) !important;
}
.taheebo-content > h2:first-child {
  margin-top: 0 !important;
}
.taheebo-content h3 {
  font-family: 'Noto Serif JP', serif !important;
  color: #0F6E56 !important;
  font-size: 1.1rem !important;
  margin: 1.6rem auto 0.6rem !important;
}
.taheebo-content p {
  color: #2C4A40 !important;
  font-size: 14px !important;
  line-height: 2.0 !important;
  margin-bottom: 1rem !important;
}
.taheebo-content ul,
.taheebo-content ol {
  color: #2C4A40 !important;
  font-size: 14px !important;
  line-height: 2.0 !important;
  padding-left: 1.4em !important;
  margin-bottom: 1.2rem !important;
}
.taheebo-content li {
  margin-bottom: 0.5rem !important;
}
.taheebo-content a {
  color: #0F6E56 !important;
  text-decoration: underline !important;
}
.taheebo-content a:hover {
  color: #085041 !important;
}

/* 本文内のdisclaimer-bar（注意書き） */
.taheebo-content .disclaimer-bar {
  background: #F2FAF7 !important;
  border: 1px solid rgba(15,110,86,0.18) !important;
  border-radius: 6px !important;
  padding: 16px 20px !important;
  margin-top: 2rem !important;
  text-align: left !important;
  font-size: 12px !important;
  color: #4A6058 !important;
  line-height: 1.8 !important;
}


/* ───── 本文インライン画像（バナー） ───── */
.taheebo-content .taheebo-inline-img,
.taheebo-inline-img {
  max-width: 760px !important;
  margin: 0.5rem auto 1.8rem !important;
}
.taheebo-inline-img img {
  width: 100% !important;
  height: auto !important;
  border-radius: 8px !important;
  display: block !important;
}
.taheebo-inline-img figcaption,
.taheebo-inline-img .wp-element-caption {
  font-size: 11px !important;
  color: #8AA39A !important;
  text-align: center !important;
  margin-top: 6px !important;
}


/* ───── 会社概要テーブル ───── */
.taheebo-content .taheebo-company-table,
.taheebo-company-table {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0.5rem auto 1.5rem !important;
  border-collapse: collapse !important;
  font-size: 14px !important;
  border-top: 2px solid rgba(15,110,86,0.25) !important;
}
.taheebo-company-table th,
.taheebo-company-table td {
  text-align: left !important;
  vertical-align: top !important;
  padding: 14px 16px !important;
  border-bottom: 1px solid rgba(15,110,86,0.15) !important;
  line-height: 1.8 !important;
}
.taheebo-company-table th {
  width: 30% !important;
  color: #0F6E56 !important;
  font-weight: 700 !important;
  background: #F2FAF7 !important;
  white-space: nowrap !important;
}
.taheebo-company-table td {
  color: #2C4A40 !important;
}


/* ───── 情報カード（横3カラム → SP縦積み） ───── */
.taheebo-content .wp-block-columns.taheebo-info-cards,
.wp-block-columns.taheebo-info-cards {
  display: flex !important;
  gap: 16px !important;
  margin: 1.2rem auto 1.6rem !important;
  max-width: 760px !important;
  flex-wrap: wrap !important;
}
.taheebo-info-cards .wp-block-column {
  flex: 1 1 0 !important;
  background: #ffffff !important;
  border: 1.5px solid rgba(15,110,86,0.15) !important;
  border-top: 3px solid #0F6E56 !important;
  border-radius: 0 0 8px 8px !important;
  padding: 18px !important;
  margin: 0 !important;
  min-width: 0 !important;
}
.taheebo-info-cards .wp-block-column h3,
.taheebo-info-cards .wp-block-column .wp-block-heading {
  font-family: 'Noto Serif JP', serif !important;
  color: #0F6E56 !important;
  font-size: 1rem !important;
  margin: 0 0 0.5rem !important;
  border-bottom: none !important;
  padding-bottom: 0 !important;
}
.taheebo-info-cards .wp-block-column p,
.taheebo-info-cards .wp-block-column li {
  font-size: 13px !important;
  color: #4A6058 !important;
  line-height: 1.8 !important;
  margin: 0 0 0.4rem !important;
}
.taheebo-info-cards .wp-block-column ul {
  padding-left: 1.2em !important;
  margin: 0.3rem 0 !important;
}


/* ───── CTA / 予約セクション ───── */
.taheebo-cta,
.taheebo-consult {
  background: #F2FAF7 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 48px 24px !important;
  box-sizing: border-box !important;
  text-align: center !important;
  border-top: 1px solid rgba(15,110,86,0.15) !important;
}
.taheebo-cta h2,
.taheebo-consult h2,
.taheebo-cta .wp-block-heading,
.taheebo-consult .wp-block-heading {
  font-family: 'Noto Serif JP', serif !important;
  color: #1C2B27 !important;
  font-size: 1.3rem !important;
  margin: 0 auto 12px !important;
  max-width: 620px !important;
  border-bottom: none !important;
  padding-bottom: 0 !important;
}
.taheebo-cta > p,
.taheebo-consult > p {
  color: #4A6058 !important;
  font-size: 14px !important;
  line-height: 1.9 !important;
  margin: 0 auto 24px !important;
  max-width: 620px !important;
}
.taheebo-cta .wp-block-buttons {
  display: flex !important;
  justify-content: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}
.taheebo-cta .wp-block-button__link,
.taheebo-cta .wp-element-button {
  background: #0F6E56 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 16px 40px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  display: inline-block !important;
  text-decoration: none !important;
}
.taheebo-cta .wp-block-button__link:hover {
  background: #085041 !important;
}


/* ───── Nitte 予約ボタン ───── */
.nitte-booking-cta {
  background: #ffffff !important;
  border: 1.5px solid rgba(15,110,86,0.2) !important;
  border-radius: 8px !important;
  padding: 36px 24px !important;
  text-align: center !important;
  max-width: 620px !important;
  margin: 1rem auto !important;
}
.nitte-booking-cta p {
  color: #2C4A40 !important;
  font-size: 14px !important;
  margin: 0 0 16px !important;
}
.nitte-btn {
  display: inline-block !important;
  background: #0F6E56 !important;
  color: #ffffff !important;
  padding: 16px 40px !important;
  border-radius: 4px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
.nitte-btn:hover {
  background: #085041 !important;
  color: #ffffff !important;
}


/* ───── 外部資料ページ用（taheebo-section + consult-box） ───── */
.taheebo-section {
  width: 100% !important;
  max-width: 100% !important;
  padding: 48px 24px !important;
  box-sizing: border-box !important;
}
.taheebo-section > .wp-block-group__inner-container,
.taheebo-section > * {
  max-width: 800px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.taheebo-section h2 {
  font-family: 'Noto Serif JP', serif !important;
  color: #1C2B27 !important;
  font-size: 1.4rem !important;
  margin: 0 0 1rem !important;
}
.section-label {
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  color: #0F6E56 !important;
  text-transform: uppercase !important;
  margin-bottom: 6px !important;
}
.section-divider {
  display: block !important;
  width: 40px !important;
  height: 2px !important;
  background: #0F6E56 !important;
  margin: 0.6rem 0 1.2rem !important;
}
.consult-box {
  background: #F2FAF7 !important;
  border: 1.5px solid rgba(15,110,86,0.2) !important;
  border-radius: 8px !important;
  padding: 28px !important;
  margin: 1rem 0 !important;
}
.consult-box p {
  color: #2C4A40 !important;
  font-size: 14px !important;
  line-height: 1.9 !important;
}
.consult-box .wp-block-button__link {
  background: #0F6E56 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 14px 28px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}


/* ===========================================================
   モバイル（max-width: 768px）
   =========================================================== */
@media (max-width: 768px) {
  .taheebo-page-hero {
    padding: 40px 20px !important;
  }
  .taheebo-page-hero h1,
  .taheebo-page-hero .wp-block-heading {
    font-size: 1.5rem !important;
  }
  .taheebo-content {
    padding: 40px 20px !important;
  }
  .taheebo-content h2 {
    font-size: 1.2rem !important;
  }
  .taheebo-cta,
  .taheebo-consult {
    padding: 36px 20px !important;
  }
  .taheebo-cta h2,
  .taheebo-consult h2 {
    font-size: 1.15rem !important;
  }
  /* 情報カード：縦積み */
  .wp-block-columns.taheebo-info-cards {
    flex-direction: column !important;
    gap: 12px !important;
  }
  .taheebo-info-cards .wp-block-column {
    width: 100% !important;
    flex-basis: 100% !important;
  }
  /* 会社概要テーブル：余白圧縮 */
  .taheebo-company-table th,
  .taheebo-company-table td {
    padding: 10px 12px !important;
    font-size: 13px !important;
  }
  .taheebo-company-table th {
    width: 32% !important;
  }
  /* Nitteウィジェット */
  .nitte-booking-cta {
    padding: 30px 16px !important;
  }
  .nitte-btn {
    padding: 14px 32px !important;
    font-size: 14px !important;
    width: 100% !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
}


/* ===========================================================
   スマホ（max-width: 480px）
   =========================================================== */
@media (max-width: 480px) {
  .taheebo-page-hero {
    padding: 32px 16px !important;
  }
  .taheebo-page-hero h1,
  .taheebo-page-hero .wp-block-heading {
    font-size: 1.3rem !important;
  }
  .taheebo-content {
    padding: 32px 16px !important;
  }
  .nitte-booking-cta {
    padding: 24px 12px !important;
  }
  .nitte-btn {
    padding: 12px 24px !important;
    font-size: 13px !important;
  }
}


コメント終わり */