body.page-id-14175 .kaji-grid{ display:grid !important; grid-template-columns:repeat(4, minmax(0,1fr)) !important; gap:20px !important; justify-items:stretch !important; align-items:stretch !important; } body.page-id-14175 .kaji-grid > br, body.page-id-14175 .kaji-grid > p{ display:none !important; } body.page-id-14175 .kaji-grid > .lp-card{ min-width:0 !important; width:auto !important; white-space:normal !important; overflow-wrap:anywhere !important; justify-self:stretch !important; align-self:stretch !important; } /* === LP 13558 を除外して全ページに適用 === */ body:not(.page-id-13558) { /* ←ここから、今の追加CSSをそのまま貼る */ /* LPページのみ全幅化 */ .page-id-13299.site, .page-id-13299.content-area, .page-id-13299.site-main, .page-id-13299.entry-content { width: 100vw !important; max-width: 100vw !important; margin: 0 !important; padding: 0 !important; } /* パソコンで見たときは"pc"のclassがついた画像が表示される */ .pc { display: block !important; } .spp { display: none !important; } /* スマートフォンで見たときは"sp"のclassがついた画像が表示される */ @media only screen and (max-width: 750px) { .pc { display: none !important; } .spp { display: block !important; } } table{ border-collapse: collapse; width: 75%; margin: auto; } .tb01 th, .tb01 td{ padding: 4px; border: solid 1px #999999; text-align:left; box-sizing:border-box; } .tb01 th { background: #ff7bac; color: #fff; } @media screen and (max-width: 640px) { .tb01 .head{ display:none; } .tb01 { width: 100%; } table.tb01 td { display: block; width: 100%; border-bottom:none; } table.tb01 td:first-child{ background: #dcdcdc; color:#000; } table.tb01 td:before{ content: attr(data-label); font-size: 1.7rem; color: #ff0000; display: block; } .tb01 tr:last-child{ border-bottom: solid 1px #000; } } .youtube { position: relative; width: 100%; padding-top: 56.25%; } .youtube iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; } .accordion-003 { margin-bottom: 7px; border-bottom: 2px solid #d6dde3; } .accordion-003 summary { display: flex; justify-content: space-between; align-items: center; position: relative; padding: 1em 2em; color: #333333; font-weight: 600; cursor: pointer; } .accordion-003 summary::-webkit-details-marker { display: none; } .accordion-003 summary::after { transform: translateY(-25%) rotate(45deg); width: 7px; height: 7px; margin-left: 10px; border-bottom: 3px solid #333333b3; border-right: 3px solid #333333b3; content: ''; transition: transform .3s; } .accordion-003[open] summary::after { transform: rotate(225deg); } .accordion-003 p { transform: translateY(-10px); opacity: 0; margin: 0; padding: .3em 2em 1.5em; color: #333333; transition: transform .5s, opacity .5s; } .accordion-003[open] p { transform: none; opacity: 1; } .background-line { font-family: 'Helvetica Neue', sans-serif; font-size: 1.5em; color: #444; position: relative; padding-bottom: 5px; } .background-line::after { content: ""; display: block; width: 50px; height: 3px; background: #888; margin-top: 5px; } .custom-underline { text-decoration: underline; text-decoration-color: #888; /* 色を指定 */ text-decoration-thickness: 1.5px; /* 太さを調整 */ text-underline-offset: 3px; /* テキストからの距離を調整 */ } /* アコーディオンのタイトルテキスト */ .su-spoiler-title { font-size: 28px !important; /* タイトルの文字サイズ */ font-weight: bold; } /* アコーディオンの本文テキスト */ .su-spoiler-content { font-size: 18px !important; /* 本文の文字サイズ */ line-height: 1.8; } /* アコーディオンタイトルを常時ボタン風にする */ .su-spoiler-title { display: block; background-color: #2a7ae2; /* ボタンの背景色 */ color: #ffffff !important; /* テキストの色 */ padding: 14px 20px; margin: 10px 0; font-size: 18px !important; font-weight: bold; border-radius: 6px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* 立体感 */ cursor: pointer; border: none; transition: all 0.3s ease; } .zeh-buttons .su-spoiler-title { width: 100%; max-width: 420px; /* 必要なら変更可能 */ text-align: center; /* 以下省略、前のスタイルをそのまま併用 */background: linear-gradient(to bottom, #f8e6d2, #f6c589) !important; color: #5c3a00 !important; font-size: 22px !important; font-weight: bold !important; padding: 16px 24px !important; border: 2px solid #d49b00 !important; border-radius: 10px !important; margin-bottom: 15px !important; box-shadow: 0 6px 0 #b37700, 0 6px 12px rgba(0,0,0,0.15) !important; text-shadow: 1px 1px 1px rgba(255,255,255,0.6); cursor: pointer !important; display: inline-block !important; transition: all 0.1s ease-in-out !important; /* ?? 幅を固定：レスポンシブ対応も考慮 */ width: 100%; max-width: 420px; /* 必要なら変更可能 */ text-align: center; } .zeh-buttons .su-spoiler-title:hover { transform: translateY(-2px) !important; background: linear-gradient(to bottom, #f6d5a4, #f4a54f) !important; box-shadow: 0 8px 0 #996600, 0 10px 16px rgba(0,0,0,0.25) !important; } /************************************ ** ギャラリー ************************************/ .gallery { display: inline-block; border: 1px solid #ff7f50; /* 色はお好みで */ padding: 2px 8px; font-size: 12px; ? ?border-radius: 0px; color: #ff7f50; margin-left: 10px; } /* ======================================== 1. LP全体フルワイド ======================================== */ .lp-wrapper { width: 100%; margin: 0 auto; padding: 0; } /* セクション背景はフルワイド */ .lp-section { width: 100%; margin: 0; padding: 80px 0; box-sizing: border-box; } .lp-section.bg-light { background: #f9f9f9; } .lp-section.bg-green { background: #f4f8f6; } /* ======================================== 2. Heroセクション ======================================== */ .hero { position: relative; width: 100%; height: 500px; overflow: hidden; text-align: center; margin: 0; } .hero-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; /* 最背面 */ } .hero-overlay { position: absolute; top:0; left:0; right:0; bottom:0; background: rgba(0,0,0,0.55); z-index: 2; /* 背景用 */ } .hero-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 90%; text-align: center; z-index: 3; /* 最前面 */ } .hero-content h1, .hero-content p, .hero-content .countdown-wrapper { color: #fff !important; text-shadow: 0 0 8px rgba(0,0,0,0.65); } /* Heroボタン */ .hero-content .lp-btn { display: inline-block; background: #f39c12; color: #fff; font-size: 1.2rem; padding: 14px 38px; border-radius: 5px; text-decoration: none; position: relative; z-index: 4; transition: background 0.3s; } .hero-content .lp-btn:hover { background: #d98200; } /* ======================================== 3. 本文中央寄せ＋余白 ======================================== */ .lp-section .lp-text, .lp-section ul, .lp-section h2 { max-width: 1200px; /* 本文幅の上限 */ margin: 0 auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; } /* ======================================== 4. h2デザイン ======================================== */ .lp-wrapper h2 { all: unset; display: block; font-size: 1.8rem; color: #2E5E4E; font-weight: bold; text-align: center; margin-bottom: 40px; position: relative; } .lp-wrapper h2::after { content: ""; display: block; margin: 12px auto 0; width: 80px; height: 4px; background: linear-gradient(to right, #f39c12, #f1c40f); border-radius: 2px; } /* ======================================== 5. 7つの魅力カード ======================================== */ .design-comments.flat-design { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 36px; margin-top: 40px; max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; } .design-comments.flat-design li { background: none; border-radius: 0; overflow: hidden; text-align: center; } .design-comments.flat-design .img-wrap img { width: 100%; display: block; transition: transform 0.4s ease, box-shadow 0.4s ease; border: 1px solid rgba(0,0,0,0.08); border-radius: 3px; box-sizing: border-box; } /* PCホバーズーム */ @media (min-width: 769px) { .design-comments.flat-design .img-wrap:hover img { transform: scale(1.05); box-shadow: 0 4px 12px rgba(0,0,0,0.12); } } /* ======================================== 6. スマホ最適化 ======================================== */ @media (max-width: 768px) { .hero { height: 320px; } .hero-content h1 { font-size: 1.6rem; } .hero-content p { font-size: 1rem; } .lp-wrapper h2 { font-size: 1.4rem; } .lp-section .lp-text, .design-comments.flat-design { padding-left: 5%; padding-right: 5%; gap: 24px; } } /* 7つの魅力カードグリッド */ .feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin: 40px auto; max-width: 1200px; } .feature-card { background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 3px 10px rgba(0,0,0,0.08); transition: transform 0.2s; } .feature-card:hover { transform: translateY(-4px); } .feature-card img { width: 100%; display: block; } .feature-card .text { padding: 15px 20px; font-size: 0.95rem; line-height: 1.6; color: #333; } .feature-card .text strong { display: block; font-size: 1.05rem; color: #2E5E4E; margin-bottom: 8px; } @media(max-width:768px){ .feature-grid { gap: 20px; } } /* 建て得専用ブロック 最終調整版 */ .tatetoku-container { font-family: "ヒラギノ角ゴ ProN", "メイリオ", sans-serif !important; color: #333 !important; line-height: 2.1 !important; /* 行間をさらにゆったり */ margin: 0 auto !important; max-width: 1000px !important; padding: 20px 15px !important; font-size: 1.3rem !important; /* 本文をさらに大きく（約21px） */ } /* PC/SP切り替え */ .tatetoku-container .pc { display: block !important; } .tatetoku-container .sp { display: none !important; } @media screen and (max-width: 768px) { .tatetoku-container .pc { display: none !important; } .tatetoku-container .sp { display: block !important; } .tatetoku-container { font-size: 1.2rem !important; line-height: 2.0 !important; } } /* 見出し */ .tatetoku-container h1 { font-size: 2.4rem !important; /* PCで約38px */ font-weight: 600 !important; text-align: center !important; margin: 0 0 1em 0 !important; } .tatetoku-container h2 { font-size: 1.9rem !important; /* PCで約30px */ font-weight: 600 !important; text-align: center !important; margin: 1.5em 0 1em !important; border: none !important; /* 縦棒削除 */ } /* 図の中央揃え */ .tatetoku-container .diagram img { display: block !important; margin: 0 auto 1.2em auto !important; max-width: 100% !important; } /* 注釈 */ .tatetoku-container .note { font-size: 1.3rem !important; /* 本文と同じ大きさに統一 */ color: #666 !important; text-align: right !important; margin-top: 0.8em !important; } /* フルワイドセクション（背景用） */ .hero-section { width: 100%; min-height: 400px; background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; } /* 通常幅の本文を中央寄せにする */ .container { max-width: 1100px; margin: 0 auto; padding: 0 20px; } /* ===================== */ /* 北野田4期 専用ヒーロー */ /* ===================== */ .hero-north-kitanoda4 { width: 100%; height: 65vh; /* PC時の高さ */ background-image: url('https://www.auroral.jp/wpn/wp-content/uploads/2025/08/20241005_163206_ps.jpg'); background-size: cover; background-position: center; position: relative; display: flex; justify-content: center; align-items: center; } .hero-north-kitanoda4::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.35); /* 半透明フィルター */ } /* オーバーレイボックス */ .hero-north-kitanoda4 .hero-overlay { position: relative; color: #fff; text-align: center; padding: 30px 50px; background: rgba(0,0,0,0.45); border-radius: 8px; max-width: 420px; z-index: 2; } .hero-north-kitanoda4 h1 { font-size: 2rem; margin-bottom: 0.5em; } .hero-north-kitanoda4 .price { font-size: 1.6rem; font-weight: bold; color: #FFD84C; margin-bottom: 0.3em; } .hero-north-kitanoda4 .catch { font-size: 1rem; margin-bottom: 1em; } .hero-north-kitanoda4 .cta-btn { display: inline-block; padding: 10px 25px; background: #f39c12; color: #fff; font-weight: bold; text-decoration: none; border-radius: 30px; transition: 0.3s; } .hero-north-kitanoda4 .cta-btn:hover { background: #e67e22; } /* ===================== */ /* 本文専用スタイル */ /* ===================== */ .modelhouse-lp h2 { font-size: 1.6rem; margin-top: 50px; margin-bottom: 20px; } .modelhouse-lp p { font-size: 1.1rem; line-height: 1.8; margin-bottom: 1.2em; } /* ===================== */ /* スマホ対応 */ /* ===================== */ @media screen and (max-width: 768px) { .hero-north-kitanoda4 { height: 50vh; } .hero-north-kitanoda4 .hero-overlay { padding: 20px 30px; max-width: 90%; } .hero-north-kitanoda4 h1 { font-size: 1.6rem; } .hero-north-kitanoda4 .price { font-size: 1.3rem; } .hero-north-kitanoda4 .catch { font-size: 0.9rem; } .hero-north-kitanoda4 .cta-btn { font-size: 1rem; padding: 8px 20px; } } /* ========================= */ /* モデルハウスLP 本文最適化 */ /* ========================= */ .modelhouse-lp h2 { font-size: 2rem; /* 約32px：大見出し */ font-weight: 700; margin-top: 60px; margin-bottom: 25px; line-height: 1.4; color: #2E5E4E; /* 信頼感のある濃緑 */ } .modelhouse-lp h3 { font-size: 1.5rem; /* 約24px：小見出し */ font-weight: 600; margin-top: 40px; margin-bottom: 20px; line-height: 1.5; color: #333; } .modelhouse-lp p { font-size: 1.1rem; /* 約17.5px */ line-height: 1.8; margin-bottom: 1.2em; color: #333; } /* 画像中央寄せと余白 */ .modelhouse-lp img.aligncenter { display: block; margin: 30px auto; max-width: 100%; height: auto; } /* 物件概要表 */ .modelhouse-lp table { font-size: 1rem; line-height: 1.6; margin: 20px 0; width: 100%; } /* スマホ対応（見出し縮小） */ @media screen and (max-width: 768px) { .modelhouse-lp h2 { font-size: 1.6rem; } .modelhouse-lp h3 { font-size: 1.3rem; } .modelhouse-lp p { font-size: 1rem; } } /* ヒーローセクション背景 */ .hero-north-kitanoda4 { position: relative; width: 100%; height: 480px; /* 高さは適宜調整 */ background-image: url('https://www.auroral.jp/wpn/wp-content/uploads/2025/08/20241005_163206_ps.jpg'); /* ←写真URLに差し替え */ background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; } /* 背景に半透明フィルター */ .hero-north-kitanoda4::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.35); /* 暗めで文字を見やすく */ } /* コンテンツ */ .hero-content { position: relative; text-align: center; color: #fff; z-index: 2; max-width: 90%; } .hero-content h2 { font-size: 2rem; margin-bottom: 0.5em; font-weight: 700; } .hero-content .price { font-size: 1.8rem; color: #FFD84C; /* 価格は黄色で目立たせる */ margin-bottom: 0.3em; font-weight: 700; } .hero-content .catch { font-size: 1.2rem; margin-bottom: 1em; } .hero-buttons { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; } .hero-btn { display: inline-block; padding: 12px 24px; background: #FFB400; color: #fff; font-weight: bold; border-radius: 6px; text-decoration: none; transition: 0.3s; } .hero-btn:hover { background: #ff9800; } .hero-btn.secondary { background: #ffffff; color: #333; } .hero-btn.secondary:hover { background: #f5f5f5; } /* 2025-08-12 バナー共通：背景はCSS変数で注入 */ .modelhouse-banner { position: relative; width: 100%; max-width: 800px; margin: 40px auto; border-radius: 12px; overflow: hidden; background: var(--banner-bg, none) center/cover no-repeat; } /* 高さを比率で確保（横長バナー） */ .modelhouse-banner::before { content: ""; display: block; padding-top: 56%; /* 16:9比率で安定 */ } /* 背景を薄く暗くするオーバーレイ */ .modelhouse-banner::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); /* 背景を少し暗く */ z-index: 1; } .modelhouse-banner .banner-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; /* 垂直中央寄せ */ justify-content: center; /* 水平中央寄せ */ z-index: 2; /* 背景暗さより前面 */ } .modelhouse-banner .banner-box { background-color: rgba(0, 0, 0, 0.45); /* ボックスも半透明黒で強調 */ border-radius: 12px; padding: 10px 20px; max-width: 340px; text-align: center; line-height: 1.0; /* 行間を極限まで詰める */ } .banner-label { font-size: 0.95rem; color: #fff; margin: 0 0 1px 0; } .banner-price { font-size: 1.6rem; color: #ff9900; font-weight: bold; margin: 0 0 1px 0; } .banner-price span { font-size: 0.8rem; color: #fff; } .banner-subtitle { font-size: 0.75rem; color: #fff; margin: 0 0 2px 0; } /* ボタン（オレンジ） */ .banner-button { display: inline-block; background-color: #ff9900; color: #fff; font-size: 0.8rem; padding: 5px 14px; border-radius: 20px; text-decoration: none; font-weight: bold; margin-top: 2px; transition: background-color 0.3s; } .banner-button:hover { background-color: #e68700; /* ホバーで少し濃く */ } /* スマホ対応 */ @media screen and (max-width: 600px) { .modelhouse-banner { max-width: 92%; } .modelhouse-banner .banner-box { max-width: 88%; padding: 8px 12px; } .banner-price { font-size: 1.3rem; } .banner-subtitle { font-size: 0.7rem; } .banner-button { font-size: 0.75rem; padding: 4px 12px; } } /* ========================= */ /* 注釈（汎用性あり） */ /* ========================= */ .note { font-size: 0.65em; /* 小さくする */ vertical-align: super; /* 上付き */ position: relative; top: -0.2em; /* 微調整でさらに上に寄せる */ line-height: 0; } } /* 13299だけ反映（他ページ無関係） */ body.page-id-13299 .entry-content{ font-size:1.2rem !important; line-height:1.8 !important; } body.page-id-13299 h1{ font-size:2.2rem !important; line-height:1.3 !important; font-weight:800 !important; } body.page-id-13299 h2{ font-size:1.8rem !important; line-height:1.4 !important; font-weight:700 !important; } body.page-id-13299 .feature-card .text, body.page-id-13299 .card .text, body.page-id-13299 .card p{ font-size:1.15rem !important; line-height:1.75 !important; } /* デバッグ用：効いてるか一目で確認（OKなら削除） */ /* body.page-id-13299 .entry-content{ outline:2px solid #00e676 !important; } */ /* 本文（段落・箇条書き）だけ強制で大きく */ body#top .mw1140 .page_box p, body#top .mw1140 .page_box li, body#top .entry-content p, body#top .entry-content li, body#top .lp-wrapper p, body#top .lp-wrapper li, body#top .lp-section .lp-text{ font-size:17px !important; line-height:1.9 !important; } /* 見出し（任意） */ body#top .mw1140 .page_box h2, body#top .lp-wrapper h2{ font-size:1.9rem !important; line-height:1.3 !important; font-weight:700 !important; } /* 2025-08-11 パス保護：PCでヘッダー/フッターは上部のまま、フォームだけ下に配置＆整形 */ /* PC幅のみ */ @media (min-width: 992px){ /* フォームの位置：ヘッダー下に余白を取って横中央。positionはstaticのまま */ .post-password-required .post-password-form, body:has(form[action*="postpass"]) form[action*="postpass"]{ position: static; margin: 140px auto 120px; /* ← ヘッダー高さに応じて 120?180px 程度で調整 */ max-width: 720px; width: min(92%, 720px); box-sizing: border-box;
    /* 見た目（必要最小限） */
    padding: 24px 24px 20px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,.06);
    font-size: 16px;
    line-height: 1.6;
  }
}

/* 入力UI（共通） */
.post-password-required .post-password-form input[type="password"],
body:has(form[action*="postpass"]) form[action*="postpass"] input[type="password"]{
  width: 100%; height: 44px; padding: 0 12px;
  border: 1px solid #c9ced6; border-radius: 8px; outline: none;
  transition: box-shadow .15s, border-color .15s;
}
.post-password-required .post-password-form input[type="password"]:focus,
body:has(form[action*="postpass"]) form[action*="postpass"] input[type="password"]:focus{
  border-color: #3b82f6; box-shadow: 0 0 0 4px rgba(59,130,246,.15);
}
.post-password-required .post-password-form input[type="submit"],
body:has(form[action*="postpass"]) form[action*="postpass"] input[type="submit"]{
  width: 100%; height: 44px; margin-top: 12px; border: 0; border-radius: 8px;
  cursor: pointer; background: #1a73e8; color: #fff; font-weight: 700;
}
/* 2025-08-11 パス保護フォーム：入力欄と確定ボタンの間隔調整 */

/* 段落の不要な下余白を縮小 */
.post-password-required .post-password-form p {
  margin: 0 0 12px;
}

/* 入力欄 */
.post-password-required .post-password-form input[type="password"] {
  display: block;
  width: 100%;
  height: 44px;
  padding: 0 12px;
  margin-bottom: 12px; /* 入力欄の直下に少し余白 */
  border: 1px solid #c9ced6;
  border-radius: 8px;
  outline: none;
  box-sizing: border-box;
}

/* 確定ボタン */
.post-password-required .post-password-form input[type="submit"] {
  display: block;
  width: 100%;
  height: 44px;
  margin: 0; /* 上下余白をゼロに */
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  background: #1a73e8;
  color: #fff;
  font-weight: 700;
  transition: opacity .15s, transform .02s;
}

.post-password-required .post-password-form input[type="submit"]:hover {
  opacity: .92;
}
.post-password-required .post-password-form input[type="submit"]:active {
  transform: translateY(1px);
}
/* 2025-08-11 postpass 送信ボタン強制リセット（下に落ちる不具合対処） */
.post-password-required form[action*="postpass"],
form[action*="postpass"]{
  position: static !important;      /* 親フォームの固定/絶対配置を無効化 */
}

.post-password-required form[action*="postpass"] p,
form[action*="postpass"] p{
  display: block !important;        /* flex/absolute等を無効化 */
  margin: 0 0 12px !important;
}

.post-password-required form[action*="postpass"] input[type="submit"],
form[action*="postpass"] input[type="submit"]{
  position: static !important;      /* bottom固定などを無効化 */
  inset: auto !important;           /* top/right/bottom/left をリセット */
  float: none !important;           /* float指定の解除 */
  display: block !important;        /* 行内配置の崩れを防ぐ */
  width: 100% !important;
  margin: 12px 0 0 !important;      /* 入力欄直下に配置 */
  border: 0; border-radius: 8px;
  height: 44px; cursor: pointer;
}
/* 2025-08-11 PCでtelリンクに番号表示 */
.pc-only { display: none; }
@media (min-width: 768px) { /* PC表示時のみ番号表示 */
  .pc-only { display: inline; }
}
/* 2025-08-11 PCではtelリンクをテキスト表示に変更 */
@media (min-width: 768px) {
  a.btn-deep[href^="tel:"] {
    background: none !important;
    color: inherit !important;
    padding: 0 !important;
    border: none !important;
    display: inline !important;
  }
}
/* 2025-08-11 SPフッターの2ボタンを端まで広げる（左右切れ対策） */
@media (max-width: 768px){
  .fl_new.sp{
    padding: 0 !important;
    margin: 0 !important;
  }
  .fl_new.sp table{
    width: 100vw !important;                          /* 画面幅ちょうど */
    margin-left: calc(50% - 50vw) !important;          /* 左右の外側余白を打ち消す */
    margin-right: calc(50% - 50vw) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
  }
  .fl_new.sp th,
  .fl_new.sp td{ padding: 0 !important; }

  .fl_new.sp th a{
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    /* 余白はここで付ける（必要なら） */
    padding: 10px 12px !important;
  }
}
/* 2025-08-12 モデルハウス共通ヒーロー（北野田の型） */
.modelhouse-hero{
  width:100%; height:65vh;
  background: var(--hero-bg, none) center/cover no-repeat;
  position:relative; display:flex; justify-content:center; align-items:center;
}
.modelhouse-hero::before{ content:""; position:absolute; inset:0; background:rgba(0,0,0,.35); z-index:1; }
.modelhouse-hero .hero-overlay{
  position:relative; z-index:2; color:#fff; text-align:center;
  padding:24px 36px; background:rgba(0,0,0,.45); border-radius:10px;
  max-width:520px; width:min(92%,520px);
}
.modelhouse-hero h1{ font-size:2rem; margin:0 0 .5em; }
.modelhouse-hero .catch{ font-size:1.1rem; margin:.3em 0 .8em; }
.modelhouse-hero .cta-btn{ display:inline-block; padding:10px 24px; border-radius:28px; background:#f39c12; color:#fff; font-weight:700; text-decoration:none; }
.modelhouse-hero .price{ font-size:1.6rem; font-weight:700; color:#FFD84C; margin:.3em 0 .6em; }
@media (max-width:768px){
  .modelhouse-hero{ height:50vh; }
  .modelhouse-hero .hero-overlay{ padding:16px 20px; max-width:92%; }
  .modelhouse-hero .price{ font-size:1.3rem; }
}
/* 2025-08-12 千代田台：ヒーロー画像 */
body.page-id-13941 { --hero-bg: url('https://www.auroral.jp/wpn/wp-content/uploads/2025/08/20241122_105025_ps.jpg'); }
/* 2025-08-12 診断：.modelhouse-hero が当たっているか可視化 */
body.page-id-13941 .modelhouse-hero{
  outline: 4px solid magenta !important;   /* これが見えればクラス命中 */
  min-height: 200px !important;            /* 高さ確保（空でも見える） */
  background: var(--hero-bg, #444) center/cover no-repeat !important; /* 変数未設定なら灰 */
}
/* 2025-08-12 13299: ヒーロー背景をCSS化（IDで限定） */
#hero-spot { 
  --hero-bg: url('https://www.auroral.jp/wpn/wp-content/uploads/2025/08/20241122_105025_ps.jpg'); /* ←実URL */
}
/* ヘッダー固定で隠れる場合の保険（必要なら有効化） */
/* 2025-08-12 一時強制：背景を直指定（変数より強い） */
#hero-spot{ background: url('https://www.auroral.jp/wpn/wp-content/uploads/2025/08/20241122_105025_ps.jpg') center / cover no-repeat !important; }
/* 2025-08-12 step2: #hero-spot 画像を強制適用＋半分グレーを無効化 */
#hero-spot{
  background: url('https://www.auroral.jp/wpn/wp-content/uploads/2025/08/20241122_105025_ps.jpg') center / cover no-repeat !important; /* ←実URLに置換 */
  outline: none !important;  /* 診断枠OFF */
  position: relative;
}
#hero-spot::before{          /* 暗幕は全面のみ */
  content:""; position:absolute; inset:0;
  background: rgba(0,0,0,.35); z-index:1;
}
#hero-spot .hero-overlay{ position: relative; z-index:2; }

/* 内部に残ってる “半分だけ暗い” オーバーレイを無効化（この枠内だけ） */
#hero-spot [class*="overlay"], 
#hero-spot [class*="mask"],
#hero-spot [class*="shade"]{
  background: transparent !important;
  position: static !important;
}
/* 2025-08-12 ヒーローエリア調整 */
#hero-spot {
    background-position: center !important;
    background-size: cover !important;
    height: 500px; /* 必要に応じて増減 */
    display: flex;
    align-items: center; /* 垂直中央 */
    justify-content: center; /* 水平中央 */
}

#hero-spot .hero-content {
    background-color: rgba(0, 0, 0, 0.45); /* 暗幕 */
    padding: 20px 30px;
    border-radius: 10px;
}
/* 2025-08-12 ヒーローエリア強制ボックス表示テスト */
#hero-spot::before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    max-width: 500px;
    padding: 20px;
    background-color: rgba(0,0,0,0.45);
    border-radius: 12px;
    z-index: 2;
}
/* 2025-08-12 スマホ仕上げ：角丸ボックスは .hero-overlay を使用 */
@media (max-width: 767px){
  #hero-spot{ height: 54vh !important; }
  #hero-spot .hero-overlay{
    width: min(92%, 360px);
    padding: 14px 16px;
    border-radius: 14px;
    background: rgba(0,0,0,.45);
    text-align: center;
  }
  #hero-spot h1{ font-size: 1.15rem; line-height: 1.45; margin: 0 0 .45em; }
  #hero-spot .catch{ font-size: .98rem; line-height: 1.5; margin: .2em 0 .8em; }
  #hero-spot .cta-btn{ font-size: .98rem; padding: 10px 18px; border-radius: 24px; }
}

/* 2025-08-12 テスト解除：強制ボックス（::before）は無効化 */
#hero-spot::before{ content: none !important; }
/* 2025-08-12 復旧：角丸ボックスを常時表示（PC/スマホ両方） */
#hero-spot .hero-overlay,
#hero-spot .hero-content{
  position: relative; z-index: 2;
  background: rgba(0,0,0,.45) !important;
  border-radius: 12px;
  padding: 20px 28px;
  max-width: 520px; width: min(92%, 520px);
  margin: 0 auto; text-align: center;
  color: #fff;
}
#hero-spot h1, #hero-spot .catch{ color:#fff; }

/* スマホ微調整 */
@media (max-width: 767px){
  #hero-spot{ height: 54vh !important; }
  #hero-spot .hero-overlay, #hero-spot .hero-content{
    padding: 14px 16px; border-radius: 14px; width: min(92%, 360px);
  }
}
/* 2025-08-12 /modelhouse/ 一覧：LPの .box 影響を無効化＋2列復旧 */
.post-type-archive-modelhouse .mw840,
.post-type-archive-modelhouse .cards,
.post-type-archive-modelhouse .list{
  display:flex; flex-wrap:wrap; gap:24px;
}
.post-type-archive-modelhouse .box{
  width:calc(50% - 12px) !important;  /* PC：2列 */
  margin:0 !important;
  box-sizing:border-box;
}
@media (max-width:767px){
  .post-type-archive-modelhouse .box{ width:100% !important; }  /* SP：1列 */
}
/* 2025-08-19 /gallery/バナー改善 */
.gallery-hero-wrap {
  text-align: center;
  margin: 40px 0;
}

/* Hero画像のリンク */
.gallery-hero-link img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: transform 0.3s ease;
}

.gallery-hero-link img:hover {
  transform: scale(1.02);
}

/* CTAボタン */
.gallery-cta a {
  display: inline-block;
  margin-top: 20px;
  padding: 14px 32px;
  background: #3C3C3C;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  transition: all 0.3s ease;
}

.gallery-cta a:hover {
  background: #000;
  transform: translateY(-3px);
}
/* ===== new-chiyodadai-modelhouse (ID:14175) ===== */
body.page-id-14175 .lp14175, 
body.page-id-14175 .lp14175 *{box-sizing:border-box}

body.page-id-14175 .entry-header,
body.page-id-14175 h1.entry-title,
body.page-id-14175 .breadcrumb,
body.page-id-14175 .pankuzu{display:none!important}

body.page-id-14175 .lp14175{background:#F2F4F7;color:#1F2937;line-height:1.7}
body.page-id-14175 .lp14175 img{display:block;width:100%;height:auto;border-radius:0;box-shadow:none}
body.page-id-14175 .lp14175 .container{max-width:1200px;margin:0 auto;padding:clamp(16px,3vw,24px)}
body.page-id-14175 .lp14175 .section{padding:clamp(32px,6vw,64px) 0}

body.page-id-14175 .lp14175 .eyebrow{letter-spacing:.12em;font-weight:700;color:#9AA4AE;font-size:.9rem}
body.page-id-14175 .lp14175 .h1{font:800 clamp(28px,5vw,56px)/1.15 system-ui,sans-serif;color:#fff;margin:.25em 0}
body.page-id-14175 .lp14175 .lead{color:#E6EAEE;margin:.8rem 0 1.2rem}
body.page-id-14175 .lp14175 .h2{font:800 clamp(22px,3.4vw,34px)/1.2 system-ui,sans-serif;color:#0E1114;margin:0 0 .6rem}

body.page-id-14175 .lp14175 .btn{display:inline-flex;align-items:center;gap:.6rem;padding:1rem 1.6rem;font-weight:800;text-decoration:none;background:#C5A572;color:#111;border:1px solid #C5A572;transition:.2s}
body.page-id-14175 .lp14175 .btn:hover{filter:brightness(1.05);transform:translateY(-1px)}

body.page-id-14175 .lp14175 .hero{position:relative;min-height:clamp(560px,70vh,840px)}
body.page-id-14175 .lp14175 .hero .bg{position:absolute;inset:0}
body.page-id-14175 .lp14175 .hero .bg picture,
body.page-id-14175 .lp14175 .hero .bg img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}
body.page-id-14175 .lp14175 .hero .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.65) 65%,rgba(0,0,0,.9) 100%)}
}
✅ 覆いが物理的に消えます！
body.page-id-14175 .lp14175 .hero .inner{position:relative;z-index:1;height:100%;display:flex;align-items:flex-end}
body.page-id-14175 .lp14175 .hero .inner .container{padding:clamp(20px,5vw,48px)}

@media (max-width:640px){
  body.page-id-14175 .lp14175 .hero .bg img{object-position:50% 20%}
}

body.page-id-14175 .lp14175 .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:1024px){body.page-id-14175 .lp14175 .grid4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){ body.page-id-14175 .lp14175 .grid4{grid-template-columns:1fr}}

body.page-id-14175 .lp14175 .feat2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:900px){body.page-id-14175 .lp14175 .feat2{grid-template-columns:1fr}}

body.page-id-14175 .lp14175 .card{background:#fff;border:1px solid #E5E7EB}
body.page-id-14175 .lp14175 .card .pad{padding:14px}
body.page-id-14175 .lp14175 .card .thumb{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border-bottom:1px solid #E5E7EB}

body.page-id-14175 .lp14175 .band{background:linear-gradient(180deg,#F4EFE4 0%,#E8E2D6 100%)}
body.page-id-14175 .lp14175 .dark{background:linear-gradient(180deg,#111922 0%,#0D141B 100%);color:#E6EAEE}
body.page-id-14175 .lp14175 .dark .h2{color:#fff}
/* === page-id=14175 だけ、既存追加CSSの干渉を無効化（安全パッチ） === */
body.page-id-14175 .lp-wrapper h2 { all: revert !important; } /* 見出し破壊の打消し */

body.page-id-14175 .design-comments.flat-design,
body.page-id-14175 .feature-grid,
body.page-id-14175 .feature-card { all: unset !important; display: contents !important; }

body.page-id-14175 [style*="width:100vw"],
body.page-id-14175 .hero,
body.page-id-14175 .hero-section { width: 100% !important; margin: 0 auto !important; overflow: hidden !important; }

/* （運用注意）先頭で body:not(.page-id-13558) { を使っている場合は、必ずファイル末尾で } を閉じること */
body.page-id-14175 #kaji-grid > br,
body.page-id-14175 #kaji-grid > p {
  display: none !important;
}
/* 家事ラク動線：親=「article.lp-card」を直下に持つdiv を確実に指定（:has を使用）*/
body.page-id-14175 section.lp-fw.is-gray .lp-container > div:has(> article.lp-card){
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  gap:20px !important;
  justify-items:stretch !important;
  align-items:stretch !important;
}
/* 余計な直下ノードを無効化（今回の犯人）*/
body.page-id-14175 section.lp-fw.is-gray .lp-container > div:has(> article.lp-card) > br,
body.page-id-14175 section.lp-fw.is-gray .lp-container > div:has(> article.lp-card) > p{
  display:none !important;
}
/* 子カードの最小幅で列が押されるのを防止 */
body.page-id-14175 section.lp-fw.is-gray .lp-container > div:has(> article.lp-card) > .lp-card{
  min-width:0 !important; width:auto !important;
  white-space:normal !important; overflow-wrap:anywhere !important;
  justify-self:stretch !important; align-self:stretch !important;
}

@media (max-width:1000px){
  body.page-id-14175 section.lp-fw.is-gray .lp-container > div:has(> article.lp-card){
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}
@media (max-width:560px){
  body.page-id-14175 section.lp-fw.is-gray .lp-container > div:has(> article.lp-card){
    grid-template-columns:minmax(0,1fr) !important;
  }
}
/* Hero セクションのタイトルを白＋濃い影で視認性強化 */
.lp-hero .lp-title {
  color: #fff !important;  /* 白文字 */
  text-shadow: 0 2px 6px rgba(0,0,0,0.8) !important; /* 黒い強めの影 */
}
.lp-container h2 {
  font-size: 28px !important;   /* 大きめに */
  text-align: center !important; /* 中央寄せ */
  font-weight: 700 !important;  /* 太字 */
  margin: 30px 0 20px !important; /* 上下余白 */
  color: #333 !important;       /* 落ち着いた濃い黒 */
}
/* WordPress 追加CSSにだけ追記する */
section.lp-fw.lp-hero {
  background:
    linear-gradient(180deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.23) 100%),
    url('https://www.auroral.jp/wpn/wp-content/uploads/2025/08/your-sky-pc.jpg') center/cover no-repeat !important;
}
/* ▼▼ 背景画像をPCとスマホで分岐 ▼▼ */
.responsive-hero {
  position: relative;
  padding: 56px 0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.25) 100%),
    url('https://www.auroral.jp/wpn/wp-content/uploads/2025/08/20250821_122908_hero.jpg') center/cover no-repeat;
}

/* ▼▼ スマホだけ背景を切り替える ▼▼ */
body.page-id-14175 #section-equipment {
  background: url('https://www.auroral.jp/wpn/wp-content/uploads/2024/10/Shot05.jpg') center/cover no-repeat !important;
  background-blend-mode: normal !important;
}

body.page-id-14175 .lp14175 .hero .shade {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .responsive-hero,
  .lp-hero.family-day.responsive-hero {
    background: none !important;
  }
}
#section-floorplan {
  position: relative;
  padding: 80px 20px;
  background:
    linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.25) 100%),
    url('https://www.auroral.jp/wpn/wp-content/uploads/2025/08/floorplan-bg-scaled.jpg') center/cover no-repeat !important;
}
#section-equipment {
  position: relative;
  padding: 80px 20px;
 background:
  url('https://www.auroral.jp/wpn/wp-content/uploads/2024/10/Shot05.jpg') center/cover no-repeat !important;

#section-equipment *,
#section-floorplan * {
  color: #fff !important;
  text-shadow: 0 2px 6px rgba(0,0,0,0.45);
}

.lp-fw h2.googlemap-title {
  all: unset;              /* 既存の別定義を完全リセット */
  display: block;
  text-align: center;
  font-size: clamp(28px, 5vw, 42px);
  font-weight: 700;
  margin: 40px 0 20px;
  color: #fff !important;
  text-shadow: 0 2px 6px rgba(0,0,0,0.45);
}
/* ページID=14175 だけに適用 */
body.page-id-14175 { overflow-x: hidden; }  /* 画面全体の横スクロール抑止 */

body.page-id-14175 .booking-wrapper{
  max-width:800px;      /* PCは最大800px */
  width:100%;           /* SPは画面幅にフィット */
  margin:0 auto;
  padding:0 15px;       /* 端の貼り付き防止 */
  box-sizing:border-box;
  overflow-x:hidden;    /* 内部のはみ出しを断つ */
}

/* プラグイン側の100vw/固定幅を打ち消す（直下要素を強制収容） */
body.page-id-14175 .booking-wrapper > *{
  width:100% !important;
  max-width:100% !important;
  margin:0 auto !important;
  box-sizing:border-box;
}

/* よく溢れる要素をまとめて抑止 */
body.page-id-14175 .booking-wrapper iframe,
body.page-id-14175 .booking-wrapper img,
body.page-id-14175 .booking-wrapper table,
body.page-id-14175 .booking-wrapper form,
body.page-id-14175 .booking-wrapper .booking-package,
body.page-id-14175 .booking-wrapper .booking-content,
body.page-id-14175 .booking-wrapper [style*="width: 100vw"],
body.page-id-14175 .booking-wrapper [style*="width:100vw"]{
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden;
}
body.page-id-14175 .booking-wrapper {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 16px; /* スマホ時の余白確保 */
  box-sizing: border-box;
}
/* カード内アニメーションの高さ圧縮バグ対策 */
body.page-id-14175 .su-animate {
  display: inline-block !important;
  width: 100% !important;
  height: auto !important;
  vertical-align: top;
}

body.page-id-14175 .su-animate .lp-card {
  height: 100% !important;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  body.page-id-14175 section.lp-hero,
  body.page-id-14175 .lp-hero {
    display: block !important;
    background-image: url('https://www.auroral.jp/wpn/wp-content/uploads/2025/08/20250821_122908_hero.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    min-height: 520px !important;
  }

  body.page-id-14175 .lp-hero .inner {
    text-align: center;
    padding: 2em 1em;
    color: #fff;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
  }
}
@media (max-width: 640px) {
  section.lp-hero {
    background-image: url('https://www.auroral.jp/wpn/wp-content/uploads/2025/08/20250821_122908_hero.jpg') !important;
    background-position: center top !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    min-height: 520px !important;
  }
}
body.page-id-14175 .wpcf7-form {
  font-size: 1.1rem;
  line-height: 1.6;
}

body.page-id-14175 .wpcf7-form label {
  font-weight: 600;
  display: block;
  margin: 0.5em 0 0.2em;
  font-size: 1.1rem;
}

body.page-id-14175 .wpcf7-form input[type="text"],
body.page-id-14175 .wpcf7-form input[type="email"],
body.page-id-14175 .wpcf7-form input[type="tel"],
body.page-id-14175 .wpcf7-form select,
body.page-id-14175 .wpcf7-form textarea {
  width: 100%;
  font-size: 1.1rem;
  padding: 0.6em;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

body.page-id-14175 .wpcf7-form .wpcf7-radio {
  display: flex;
  gap: 1.5em;
  flex-wrap: wrap;
  font-size: 1.1rem;
}

body.page-id-14175 .wpcf7-form input[type="radio"] {
  transform: scale(1.4);
  margin-right: 0.3em;
}

body.page-id-14175 .wpcf7-form .wpcf7-submit {
  font-size: 1.2rem;
  padding: 1em 2em;
}





/* 固定ページ：14175専用フォームデザイン */
body.page-id-14175 .booking-wrapper {
  max-width: 600px;
  margin: 0 auto;
  padding: 1em;
  font-size: 1rem;
  box-sizing: border-box;
  background: #fefefe;
  color: #111;
  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

/* ラベルと入力欄の間隔調整 */
body.page-id-14175 .booking-wrapper p,
body.page-id-14175 .booking-wrapper label {
  display: block;
  margin-bottom: 1em;
  font-weight: 600;
}

/* 入力欄全般の整形 */
body.page-id-14175 .booking-wrapper input,
body.page-id-14175 .booking-wrapper textarea,
body.page-id-14175 .booking-wrapper select {
  width: 100% !important;
  padding: 0.75em !important;
  font-size: 1rem !important;
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #111 !important;
  box-sizing: border-box !important;
  margin-bottom: 1.5em !important;
}

/* テキストエリアの高さ */
body.page-id-14175 .booking-wrapper textarea {
  height: 120px !important;
  resize: vertical;
}

/* ラジオボタンラップ調整 */
body.page-id-14175 .booking-wrapper .radio-wrap {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.75em;
  margin-bottom: 1.5em;
}

/* ラジオラベルの見た目改善（ボックス風） */
body.page-id-14175 .booking-wrapper .radio-wrap label {
  border: 1px solid #999 !important;
  border-radius: 6px !important;
  padding: 0.5em 1em !important;
  font-size: 1rem !important;
  background-color: #f7f7f7 !important;
  display: inline-flex !important;
  align-items: center !important;
  color: #111 !important;
  cursor: pointer;
}





/* 固定ページ 14175 専用｜Contact Form7中央寄せレイアウト修正 */
body.page-id-14175 .booking-wrapper {
  max-width: 800px;
  margin: 0 auto;
  padding: 1em;
  box-sizing: border-box;
}

/* 祖先の flex や拡張干渉に対抗 */
body.page-id-14175 .entry-content {
  display: block !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Contact Form 7 全体に100%幅を制限 */
body.page-id-14175 .booking-wrapper .wpcf7,
body.page-id-14175 .booking-wrapper .wpcf7-form {
  width: 100%;
  box-sizing: border-box;
}

/* 各フォーム部品を整列＆美しく */
body.page-id-14175 .booking-wrapper input[type="text"],
body.page-id-14175 .booking-wrapper input[type="email"],
body.page-id-14175 .booking-wrapper input[type="tel"],
body.page-id-14175 .booking-wrapper select,
body.page-id-14175 .booking-wrapper textarea {
  width: 100%;
  max-width: 100%;
  font-size: 1rem;
  padding: 0.8em;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-sizing: border-box;
  background: #fff;
  color: #111;
  margin-bottom: 1.2em;
}

/* ラジオボタン用の整列 */
body.page-id-14175 .booking-wrapper .wpcf7-radio {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  margin-bottom: 1.5em;
}

body.page-id-14175 .booking-wrapper .wpcf7-radio label {
  display: inline-block;
  border: 1px solid #ccc;
  padding: 0.6em 1em;
  border-radius: 4px;
  background: #fafafa;
  font-size: 0.95rem;
  cursor: pointer;
}

/* スマホ時のレスポンシブ補正 */
@media (max-width: 640px) {
  body.page-id-14175 .booking-wrapper {
    width: 100%;
    padding: 1em;
  }
}




/* 固定ページID 14175 専用フォーム文字拡大 */
body.page-id-14175 .booking-wrapper input,
body.page-id-14175 .booking-wrapper select,
body.page-id-14175 .booking-wrapper textarea,
body.page-id-14175 .booking-wrapper label,
body.page-id-14175 .booking-wrapper dt,
body.page-id-14175 .booking-wrapper dd {
  font-size: 18px !important;
}
.btn_contact7 {
  text-align: center;
  margin: 3rem auto 4rem;
}

.btn_contact7 > button {
  font-size: 1.9rem !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  padding: 1.3rem 4.2rem !important;
  line-height: 1.4 !important;
  color: #2a200a !important;
  background: linear-gradient(180deg, #f6e8c7 0%, #e7cd8f 45%, #dcbc6a 100%) !important;
  border: 1px solid #dcbc6a !important;
  border-radius: 999px !important;
  cursor: pointer !important;
  box-shadow:
    0 10px 22px rgba(0, 0, 0, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
  transition: transform 0.08s ease, box-shadow 0.25s ease, filter 0.25s ease !important;
  text-align: center !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}
#reserve::before {
  content: "";
  display: block;
  height: 120px;
  margin-top: -120px;
  visibility: hidden;
}
/* 固定ページ ID: 14175 限定 見学予約セクション 美観調整 */

/* セクション全体の背景と余白調整（他セクション影響ゼロ） */
body.page-id-14175 #reserve {
  font-size: 2.8rem;
  font-weight: 800;
  letter-spacing: 0.03em;
  color: #1a1a1a;
  margin-bottom: 2.4rem;
  text-align: center;
  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

body.page-id-14175 #reserve span {
  width: 80px;
  height: 3px;
  background: #dcbc6a;
  border-radius: 2px;
  margin: 1.2rem auto 0;
  display: block;
}

/* ボタン外枠のセンタリング */
body.page-id-14175 .btn_contact7 {
  text-align: center;
  margin: 4rem auto;
}

/* ボタンデザイン強化 */
body.page-id-14175 .btn_contact7 > button {
  font-size: 1.95rem !important;
  font-weight: 700 !important;
  padding: 1.5rem 4.5rem !important;
  color: #2a200a !important;
  background: linear-gradient(180deg, #f8eac9 0%, #e9cf92 45%, #dcbc6a 100%) !important;
  border: none !important;
  border-radius: 999px !important;
  cursor: pointer;
  box-shadow:
    0 10px 25px rgba(0,0,0,0.18),
    inset 0 2px 0 rgba(255,255,255,0.7) !important;
  transition: all 0.25s ease-in-out;
}
/* ボタン hover 演出 */
body.page-id-14175 .btn_contact7 > button:hover {
  transform: translateY(-2px);
  filter: brightness(1.05);
}
/* section-reserve セクション全体背景・余白調整 */
.section-reserve {
  background: linear-gradient(#fdfbf6, #fefcf9);
  padding: 14rem 2rem 12rem;
  text-align: center;
}

/* 見出し調整（ reserve-heading クラスに限定） */
.reserve-heading {
  font-size: 2.8rem;
  font-weight: 800;
  line-height: 1.3;
  margin: 0 0 2.4rem;
  color: #111;
  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  position: relative;
}

/* 見出し下線 */
.reserve-heading span {
  display: block;
  width: 64px;
  height: 4px;
  background: #dcbc6a;
  margin: 1rem auto 0;
  border-radius: 2px;
}

/* ボタン枠調整 */
.btn_contact7 {
  margin-top: 3.6rem;
  text-align: center;
}

/* ボタン美化 */
section.lp-fw .btn_contact7 button {
  display: inline-block;
  padding: 0.4rem 3.6rem !important;
  font-size: 1.8rem !important;
  line-height: 1.2 !important;
  height: auto !important;
  box-sizing: border-box !important;
  font-weight: 700;
  color: #2a200a;
  background: linear-gradient(180deg, #f6e8c7 0%, #e7cd8f 45%, #dcbc6a 100%);
  border: none;
  border-radius: 999px;
  cursor: pointer;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.6);
  transition: all 0.25s ease-in-out;
}

section.lp-fw .btn_contact7 button:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.05) !important;
}
body.page-id-14175 section#section-equipment.lp-fw.lp-hero {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 100%),
    url('https://www.auroral.jp/wpn/wp-content/uploads/2024/10/Shot05.jpg') center/cover no-repeat !important;
}
/* page-id は実IDに置換（例: 14175） */
body.page-id-14175 .hero-fake-heading{ display:block !important; pointer-events:none; z-index:3; }
/* “被せ見出し”のクローン（クラス無し）を排除 */
body.page-id-14175 div[aria-hidden="true"]:not(.hero-fake-heading){
  display:none !important;
}
body.page-id-14175 section.lp-hero > div[style*="position:relative"] > div[aria-hidden="true"]{
  display:block !important;
}
body.page-id-14175 div[aria-hidden="true"]{
  display:none !important;
}
body.page-id-14175 #section-equipment {
  background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.6) 100%), 
              url('https://www.auroral.jp/wpn/wp-content/uploads/2024/10/Shot05.jpg') center/cover no-repeat !important;
  background-blend-mode: overlay !important;
}
/* SEO用に非表示にするためのクラス */
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
  white-space: nowrap !important;
}