/* ============================================================
   Gifted WordPress 観光モデルコース（gw-course）
   デザイン：黒 × 金 × 白（高級 × 観光 × 越前がに）
   完全クリーン版（不要コードすべて削除）
============================================================ */

.gw-course-section {
  width: 100%;
  padding: 80px 0;
  background: #0a0a0e;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
}

.gw-course-inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
}

/* ------------------------------------------
   見出しエリア（英字 → 日本語 → リード文）
------------------------------------------- */

.gw-course-title {
  text-align: center;
  margin: 0 0 40px 0;
}

/* 英字見出し */
.gw-course-title-en {
  display: block;
  font-size: 0.8rem;
  letter-spacing: 0.16em;
  color: #cfab6e;
  margin-bottom: 6px;
}

/* 日本語見出し（筆画像なし・金ラインあり） */
.gw-course-title-ja {
  position: relative;
  display: inline-block;
  font-size: 2.0rem;
  font-weight: 700;
  padding-bottom: 28px;
  background: transparent !important;
  color: #fff;
}

/* 金色アンダーライン */
.gw-course-title-ja::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 90px;
  height: 2px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #cfab6e, transparent);
}

/* リード文 */
.gw-course-lead {
  margin-top: 20px;
  font-size: 0.9rem;
  color: #d4d4d4;
  line-height: 1.8;
}

/* ------------------------------------------
   カード グリッド
------------------------------------------- */

.gw-course-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

/* ------------------------------------------
   カード
------------------------------------------- */

.gw-course-card {
  background: #11131a;
  border: 1px solid rgba(207,171,110,0.4);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gw-course-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 15px 36px rgba(0,0,0,0.5);
}

/* 画像 */
.gw-course-img img {
  width: 100%;
  height: auto;
  display: block;
}

/* ------------------------------------------
   カード本文
------------------------------------------- */

.gw-course-body {
  padding: 18px 20px 24px;
}

.gw-course-name {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 10px;
}

.gw-course-desc {
  font-size: 0.9rem;
  line-height: 1.7;
  color: #dcdcdc;
  margin-bottom: 10px;
}

.gw-course-time {
  font-size: 0.85rem;
  color: #cfab6e;
  margin-bottom: 16px;
}

/* ボタン */
.gw-course-btn {
  display: inline-block;
  padding: 8px 18px;
  color: #fff;
  border: 1px solid #cfab6e;
  border-radius: 999px;
  font-size: 0.85rem;
  text-decoration: none;
  transition: background 0.3s ease, color 0.3s ease;
}

.gw-course-btn:hover {
  background: #cfab6e;
  color: #0a0a0e;
}

/* ------------------------------------------
   レスポンシブ
------------------------------------------- */

@media (max-width: 960px) {
  .gw-course-grid {
    grid-template-columns: 1fr 1fr;
  }
  .gw-course-title-ja {
    font-size: 1.7rem;
  }
}

@media (max-width: 680px) {
  .gw-course-grid {
    grid-template-columns: 1fr;
  }
  .gw-course-title-ja {
    font-size: 1.5rem;
    padding-bottom: 24px;
  }
}

/* ============================================================
   観光モデルコース見出し：SWELLライン完全除去 ＆ 金ライン拡張
============================================================ */

/* SWELLの上下ラインを完全に打ち消す（最重要） */
.gw-course-title h2,
.gw-course-title-ja {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* 追加で SWELL の h2 疑似要素を全削除 */
.gw-course-title h2::before,
.gw-course-title h2::after,
.gw-course-title-ja::before {
  content: none !important;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
}

/* 金色アンダーラインを横長に（120〜150px推奨） */
.gw-course-title-ja::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 140px;                /* ←ここで長さを調整 */
  height: 2px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #cfab6e, transparent);
}

/* ============================================================
   SWELL の見出し装飾（上下線・影）完全無効化
   gw-course セクション専用 強制OFF
============================================================ */

/* H2 自体に付く SWELL 装飾を全部 OFF */
.gw-course-title h2,
.gw-course-title-ja {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
}

/* SWELL の疑似要素ラインを完全消去 */
.gw-course-title h2::before,
.gw-course-title h2::after,
.gw-course-title-ja::before,
.gw-course-title-ja::after {
  box-shadow: none !important;
  border: none !important;
}

/* SWELL 特有の c-heading クラスを根こそぎ無効化 */
.gw-course-title .c-heading,
.gw-course-title .c-heading--lg,
.gw-course-title .c-heading--md {
  border: none !important;
  box-shadow: none !important;
  background: none !important;
}

.gw-course-title .c-heading::before,
.gw-course-title .c-heading::after {
  content: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* ↓ SWELL の H2 装飾スタイル (.is-style-*) を無効化 */
.gw-course-title h2[class*="is-style-"] {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
}

.gw-course-title h2[class*="is-style-"]::before,
.gw-course-title h2[class*="is-style-"]::after {
  content: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* ============================================================
   観光モデルコース：金色アンダーライン（最終版）
============================================================ */

/* 日本語見出し */
.gw-course-title-ja {
  position: relative;
  display: inline-block;
  font-size: 2.0rem;       /* ←大きさ調整可 */
  font-weight: 700;
  padding-bottom: 32px;    /* ←アンダーラインとの距離 */
  color: #ffffff;
  background: transparent !important;
}

/* 金色アンダーライン */
.gw-course-title-ja::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 160px;            /* ←横長ラインの長さ。長くしたい場合は200pxでもOK */
  height: 2px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #cfab6e, transparent);
}
