/* ===== エリアゴルフナビ デザインシステム（動的CSS・全ページ反映） =====
Webフォントは描画ブロックを避けるため mu-plugin(golf-design.php) の +preconnect で読込。
ここでは @import を使わない（旧方式の取込は描画を遅らせるため不使用）。 */
html { scroll-behavior: smooth; }
/* ===== SWELLテーマ色を緑×ゴールド（カントリークラブ調）に統一 =====
既定の紺#04384c・青#1176d4 がヒーローの深緑と不一致だったので、テーマ変数を上書き。
これでヘッダー最上部のバー（feed/検索アイコン帯）・リンク・各アクセントが深緑に揃う。 */
:root {
–color_main: #0b3a2b; /* ヘッダーバー背景/アクセント＝ヒーロー最深部の緑（旧:紺#04384c） */
–color_main_dark: #082a1f; /* さらに濃い緑 */
–color_main_thin: rgba(11,58,43,.06); /* うっすら緑の面 */
–color_link: #15803d; /* リンク＝サイト共通の緑（旧:青#1176d4） */
–color_htag: #14532d; /* 見出し背景の緑（.gnavi外ページの保険） */
}
/* 全体をほんのりクリーム地にして白カードを上品に浮かせる（高級感） */
body { background-color: #f6f3ea !important; }
/* 全幅ヒーロー(width:100vw)で横スクロールが出ないように画面外をはみ出させない */
html, body { overflow-x: hidden; max-width: 100%; }
/* 全幅ヒーローが先頭のページ（トップ）は、ヘッダー直下の余白を消してヒーローを密着させる。
SWELLの .l-content { padding-top:4em } がヘッダーとヒーローの間にクリームの帯を作っていたので、
「先頭が全幅ヒーローのとき」だけ上余白を0にする（記事・ハブの通常余白は維持）。 */
.l-content:has(.gnavi > .gnavi-hero:first-child) { padding-top: 0 !important; }
.gnavi {
font-family: “Noto Sans JP”, -apple-system, “Hiragino Sans”, sans-serif;
color: #2a352e;
line-height: 1.95;
letter-spacing: .012em;
}
/* 本文の白いコンテンツカード化（クリーム地に対して浮かせる・端末問わず上質に） */
.gnavi-card, .gnavi table, .gnavi figure img { background: #fff; }
.gnavi p { margin: 1.05em 0; }
.gnavi strong, .gnavi b { color: #14532d; font-weight: 700; }
/* ============================================================
見出し・ボタン リッチ化（競合調査＝ゴルフ予約/高級CC/モダンCTA を統合）
方針: 金は「面」でなく縁・線・点に限定し、艶と多層影で立体を出す＝上品なリッチ。
============================================================ */
/* 見出し＝ディスプレイ用フォント */
.gnavi h2, .gnavi h3, .gnavi-hero { font-family: “Zen Kaku Gothic New”, “Noto Sans JP”, sans-serif; }
/* h2＝濃緑のベタ帯。2026-09-08にデザイン刷新。
旧: クリーム地＋金の細枠＋3重の影＋斜光の艶＋金リングのアイコンチップ。
競合3社（mtp-golf / tukiitigolf / golneo）を実測すると本文の影付きカードは0個で、
見出しは「ベタ塗り帯」か「縦棒」の1種類だけ。装飾を盛るほどテンプレート然として見え、
読者には「量産サイト」と伝わる。情報の見やすさに寄与しない装飾は全部落とす。 */
.gnavi h2 {
position: relative;
font-weight: 800;
font-size: clamp(1.15rem, 3.6vw, 1.35rem);
line-height: 1.5;
letter-spacing: .01em;
color: #fff;
margin: 2.4em 0 .9em;
background: #15803d;
border: 0;
border-radius: 4px;
padding: .62em .8em .64em;
box-shadow: none;
}
/* アイコンチップ: 金リングと3重の影をやめ、白い輪郭だけの平らな円に */
.gnavi h2 > span:first-child {
background: rgba(255,255,255,.16) !important;
border: 0 !important;
box-shadow: none !important;
}
/* h3＝左に緑の縦棒だけ（競合の標準形）。背景のグラデは廃止。 */
.gnavi h3 {
position: relative;
font-weight: 700;
font-size: 1.1rem;
line-height: 1.55;
color: #16241c;
margin: 2em 0 .6em;
padding: .1em .2em .1em .7em;
background: none;
border-radius: 0;
}
.gnavi h3::before {
content: “”; position: absolute; left: 0; top: .22em; bottom: .22em; width: 4px;
border-radius: 2px;
background: #15803d;
}
/* アイブロウ（任意・小見出しラベル）＝見出し上に置く金のピル */
.gnavi .gnavi-eyebrow {
display: inline-flex; align-items: center; gap: .4em;
margin: 0 0 .5em; padding: .32em .8em;
font-size: .72rem; font-weight: 800; letter-spacing: .14em;
color: #15803d;
background: #f7f4ea;
border: 1px solid rgba(217,179,90,.6);
border-radius: 999px;
box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}
.gnavi .gnavi-eyebrow::before {
content: “”; width: .5em; height: .5em; border-radius: 50%;
background: #d9b35a;
}
/* リンク */
.gnavi a { color: #15803d; text-decoration: none; }
.gnavi a:hover { text-decoration: underline; }
/* カード＝ホバーで浮き上がり、ふちにゴールドが灯る */
.gnavi-card { transition: border-color .2s ease; }
.gnavi-card:hover { border-color: #b9cdbf; }
/* ボタン（2026-09-08刷新）: 金縁・4重の影・上部ハイライト・通り過ぎる光沢を全廃。
「押せる」ことが伝われば十分で、艶や光の演出は情報の理解を助けない。
競合はどこもベタ塗り。ここが最もテンプレート然として見えていた箇所。 */
.gnavi-btn, .gnavi-cta, .gnavi-hero-cta {
position: relative;
display: block; text-align: center;
min-height: 48px;
padding: 14px 22px !important;
color: #fff !important; font-weight: 800; letter-spacing: .01em;
background: #15803d !important;
border: 0 !important;
border-radius: 8px !important;
box-shadow: 0 2px 6px rgba(20,83,45,.20) !important;
text-shadow: none !important;
text-decoration: none;
transition: background .15s ease;
}
.gnavi-cta, .gnavi-hero-cta { display: inline-block; }
.gnavi-btn:hover, .gnavi-cta:hover, .gnavi-hero-cta:hover { background: #166534 !important; }
.gnavi-btn:active, .gnavi-cta:active, .gnavi-hero-cta:active { background: #14532d !important; }
.gnavi-btn.is-rakuten { background: #bf0000 !important; }
.gnavi-btn.is-rakuten:hover { background: #a30000 !important; }
.gnavi-ghost {
display: inline-flex; align-items: center; gap: .4em;
min-height: 44px; padding: 11px 20px;
color: #15803d; font-weight: 800; text-decoration: none;
background: #f8f5ec;
border: 1.5px solid #d9b35a; border-radius: 999px;
box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 2px 6px rgba(120,80,20,.12);
transition: filter .15s ease, transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.gnavi-card:hover .gnavi-ghost {
transform: translateY(-1px); color: #14532d; border-color: #c9a24a;
background: #faf7ee;
box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 8px 16px rgba(120,80,20,.18);
}
/* フォーカス可視（キーボード操作・WCAG 2.4.7）＝全ボタン共通の二重リング */
.gnavi-btn:focus-visible,
.gnavi-cta:focus-visible,
.gnavi-hero-cta:focus-visible,
.gnavi-ghost:focus-visible {
outline: 3px solid #0b3a2b; outline-offset: 3px;
box-shadow: 0 0 0 6px rgba(255,255,255,.95) !important;
}
/* 動きを減らす設定の人には艶アニメ等を止める（酔い対策） */
@media (prefers-reduced-motion: reduce) {
.gnavi-btn, .gnavi-cta, .gnavi-hero-cta, .gnavi-ghost,
.gnavi-btn::after, .gnavi-cta::after, .gnavi-hero-cta::after { transition: none !important; }
}
/* 表＝角の余白・行ホバー */
.gnavi table { border-collapse: separate; border-spacing: 0; }
.gnavi tbody tr:hover td { background: #f6faf7; }
/* エリアジャンプ等のピル＝ホバー */
.gnavi-jump:hover { background: #15803d !important; color: #fff !important; }
/* 追従予約ボタン（スマホのみ・スクロールしても下に常駐） */
.gnavi-sticky { display: none; }
.gnavi-sticky a { transition: filter .15s ease; }
/* ===== スマホ最適化 ===== */
@media (max-width: 600px) {
.gnavi { font-size: 16px; line-height: 2; }
.gnavi p { margin: 1.1em 0; }
.gnavi-hero { padding: 22px 16px !important; }
.gnavi h2 { font-size: 1.32rem; margin: 1.9em 0 .7em; padding: .55em .85em .6em 1em; }
.gnavi h3 { font-size: 1.06rem; }
/* 2列の「ラベル｜値」表は縦積みにして読みやすく（基本情報・設備など） */
.gnavi-kv, .gnavi-kv tbody, .gnavi-kv tr, .gnavi-kv th, .gnavi-kv td { display: block; width: auto !important; }
.gnavi-kv th { background: transparent !important; color: #5b6b62; font-size: .82em; font-weight: 700;
padding: 11px 14px 0 !important; border-top: 1px solid #eef1ef !important; }
.gnavi-kv tr:first-child th { border-top: 0 !important; }
.gnavi-kv td { padding: 2px 14px 11px !important; border-top: 0 !important; font-weight: 500; }
/* 3列以上のデータ表は詰まりを緩和（評価比較・近隣比較など） */
.gnavi table:not(.gnavi-kv) th, .gnavi table:not(.gnavi-kv) td { padding: 8px 8px !important; font-size: .9em; }
/* タップしやすく */
.gnavi a { word-break: break-word; }
/* タップしやすいボタンサイズ（艶を足してもタップ領域は縮めない） */
.gnavi-btn { padding: 13px 14px !important; min-height: 46px; }
.gnavi-cta { min-height: 50px; }
/* 追従予約ボタンがあるページ(記事)だけ下部余白を確保。ハブには付けず無駄な空白を防ぐ */
.gnavi:has(.gnavi-sticky) { padding-bottom: 74px; }
.gnavi-sticky { display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9990;
background: rgba(255,255,255,.95); box-shadow: 0 -3px 14px rgba(0,0,0,.13);
padding: 8px 12px calc(8px + env(safe-area-inset-bottom)); }
.gnavi-sticky a { display: block; text-align: center; background: #15803d;
color: #fff; font-weight: 800; padding: 14px; border-radius: 999px; text-decoration: none;
box-shadow: 0 4px 14px rgba(21,128,61,.4); }
}
/* 広告バナー: A8素材のimgタグは改変できないため親要素側で縮める。
728×90 等の広い素材でもスマホ(実質約340px)からはみ出さない。 */
.gnavi-ad-banner img { max-width: 100%; height: auto; }
.gnavi-ad-banner a { display: inline-block; max-width: 100%; }
/* ============================================================
図解パーツ ＆ スマホファースト強化（2026-09-01・藤本さん指示）
方針: 追加画像を使わずCSSだけで「読まずに分かる」表示にする。
画像を増やさないので表示速度＝SEOを落とさない。
============================================================ */
/* — 共通カード（図解ブロックの器） — */
/* 図解ブロックの器。影は廃止＝競合は本文に影付きカードを1つも使っていない（実測）。
罫線だけで「ここは別の情報」と伝わる。 */
.gnavi .gnavi-card{
background:#fff; border:1px solid #dde5df; border-radius:8px;
padding:16px 14px; margin:20px 0;
box-shadow:none;
}
.gnavi .gnavi-card-title{
font-weight:800; color:#14532d; font-size:.95rem;
letter-spacing:.02em; margin-bottom:12px;
}
.gnavi .gnavi-src{ color:#6b7280; font-size:.78rem; margin-top:10px; }
/* — 項目別評価のバーグラフ — */
.gnavi .gnavi-bar-row{
display:grid; grid-template-columns:5.6em 1fr 2.4em;
align-items:center; gap:.6em; margin:.5em 0;
}
.gnavi .gnavi-bar-label{ font-size:.88rem; color:#374151; white-space:nowrap; }
.gnavi .gnavi-bar-track{
position:relative; height:12px; border-radius:99px;
background:#eef2f0; overflow:hidden; display:block;
}
.gnavi .gnavi-bar-fill{
position:absolute; inset:0 auto 0 0; height:100%;
border-radius:99px; display:block;
}
.gnavi .gnavi-bar-val{
font-variant-numeric:tabular-nums; font-weight:700;
color:#14532d; font-size:.9rem; text-align:right;
}
/* 楽天GORA用のボタン。じゃらん(緑)と色を分けるのは装飾ではなく実用:
同じページに予約サイトが2社並ぶので、色が同じだと読者がどちらを押したのか
分からなくなる。楽天のブランド色にして「これは楽天の方」と一目で伝える。 */
.gnavi-btn.is-rakuten {
background: #bf0000 !important;
box-shadow: 0 4px 14px rgba(168,20,20,.38) !important;
}
.gnavi-btn.is-rakuten:hover { filter: brightness(1.05); }
/* — 価格帯メーター — */
.gnavi .gnavi-price{ text-align:center; border-color:#15803d; }
.gnavi .gnavi-price-big{
font-size:2.3rem; font-weight:800; color:#14532d; line-height:1.15;
font-variant-numeric:tabular-nums;
}
.gnavi .gnavi-yen{ font-size:.46em; margin-left:.1em; }
.gnavi .gnavi-price-hi{ font-size:.42em; color:#5b6b7d; margin-left:.4em; }
.gnavi .gnavi-meter{
position:relative; height:10px; border-radius:99px; margin:14px 4px 8px;
background:linear-gradient(90deg,#bbf7d0,#22c55e 55%,#f59e0b);
}
.gnavi .gnavi-meter-tick{
position:absolute; top:-4px; width:2px; height:18px;
background:#14532d; opacity:.55; transform:translateX(-1px);
}
.gnavi .gnavi-meter-labels{
display:flex; justify-content:space-between;
font-size:.76rem; color:#5b6b7d; line-height:1.5;
}
.gnavi .gnavi-meter-labels b{ color:#14532d; font-size:.92rem; }
/* — 表を読みやすく（狭い画面でカード化） — */
@media (max-width:600px){
/* 本文の可読性: 行間と余白を最優先 */
.gnavi{ font-size:16.5px; line-height:1.95; letter-spacing:.01em; }
.gnavi p{ margin:1.15em 0; }
/* 2列の情報表は「ラベル上・値下」の積み上げにして横潰れを防ぐ */
.gnavi table.gnavi-kv, .gnavi table.gnavi-kv tbody,
.gnavi table.gnavi-kv tr, .gnavi table.gnavi-kv th,
.gnavi table.gnavi-kv td{ display:block; width:auto; }
.gnavi table.gnavi-kv tr{
border:1px solid #e6efe8; border-radius:12px;
margin:8px 0; padding:10px 12px; background:#fff;
}
.gnavi table.gnavi-kv th{
background:transparent !important; border:0 !important;
padding:0 0 2px !important; font-size:.78rem; color:#6b7280;
}
.gnavi table.gnavi-kv td{
border:0 !important; padding:0 !important;
font-size:1rem; font-weight:600; color:#111827;
}
/* 図解パーツの微調整 */
.gnavi .gnavi-bar-row{ grid-template-columns:5em 1fr 2.2em; gap:.45em; }
.gnavi .gnavi-price-big{ font-size:2rem; }
.gnavi .gnavi-card{ padding:16px 13px; border-radius:14px; }
/* タップしやすさ: CTAは指の届く高さを確保 */
.gnavi .gnavi-cta, .gnavi .gnavi-btn{ min-height:52px; font-size:1.02rem; }
}
/* ============================================================
リストの可読性（2026-09-01・藤本さん「リストの文字が詰まって読みづらい」）
原因: 1項目が最大89字あるのに項目間の余白が0で、文章が壁のように続いて見えていた。
対策: 項目ごとに間を空け、行頭を揃え、「見出し：説明」の見出し部分を太字で立てる。
============================================================ */
.gnavi .post_content ul,
.gnavi ul{
padding-left:0; list-style:none; margin:1.4em 0;
}
.gnavi ul > li{
position:relative;
padding:.15em 0 .15em 1.5em; /* 行頭マーカー分を確保して折り返しも揃える */
margin:0 0 .85em; /* ← 項目間の「間」。ここが無くて詰まって見えていた */
line-height:1.95;
}
.gnavi ul > li:last-child{ margin-bottom:0; }
/* 行頭マーカー: 緑の丸（テキストの1行目に揃える） */
.gnavi ul > li::before{
content:””; position:absolute; left:.25em; top:.82em;
width:.42em; height:.42em; border-radius:99px;
background:#22c55e; box-shadow:0 0 0 3px #22c55e22;
}
/* 「◯◯：説明」形式の見出し部分を強調（bタグ側） */
.gnavi ul > li > b:first-child{
color:#14532d; display:inline-block; margin-bottom:.1em;
}
/* 箇条書きの中の入れ子リストは詰めすぎない */
.gnavi ul ul{ margin:.6em 0 0; }
@media (max-width:600px){
.gnavi ul > li{
padding-left:1.35em; margin-bottom:1.05em; /* 狭い画面ほど「間」を広く */
line-height:2.0;
}
.gnavi ul > li::before{ top:.86em; }
}
/* 持ち物などの列挙をチップ表示に（「／」で繋いだ長文は読み飛ばされるため） */
.gnavi .gnavi-chips{
display:flex; flex-wrap:wrap; align-items:center; gap:.45em;
margin:.9em 0 1.2em;
}
.gnavi .gnavi-chips-label{
font-weight:800; font-size:.9rem; margin-right:.2em;
}
.gnavi .gnavi-chip{
display:inline-block; background:#f0fdf4; border:1px solid #cbe7d3;
color:#14532d; border-radius:99px; padding:.32em .8em;
font-size:.88rem; line-height:1.6; white-space:nowrap;
}
@media (max-width:600px){
.gnavi .gnavi-chip{ font-size:.85rem; padding:.3em .7em; }
.gnavi .gnavi-chips{ gap:.4em; }
}
/* ============================================================
レッスン3タイプ比較CTA（2026-09-02）
1商材だけでは予算・目的の違う読者を取りこぼすため、タイプ別に並べて選ばせる。
スマホは1カラム、PCは3カラムで横並び。
============================================================ */
.gnavi .gnavi-lesson-cta{
border:2px solid #15803d; border-radius:16px; padding:20px 16px;
margin:24px 0; background:#f7faf8;
}
.gnavi .gnavi-lesson-head{
font-size:1.16em; font-weight:800; color:#14532d;
line-height:1.5; margin-bottom:10px;
}
.gnavi .gnavi-lesson-lead{ line-height:1.9; margin:0 0 10px; }
.gnavi .gnavi-lesson-sub{
font-size:.92em; color:#15803d; font-weight:700; margin:0 0 14px;
}
/* カード群 */
.gnavi .gnavi-lesson-card{
background:#fff; border:1px solid #cbe7d3; border-radius:14px;
padding:16px 14px; margin:12px 0;
box-shadow:0 2px 8px rgba(20,83,45,.06);
}
.gnavi .gnavi-lesson-tag{
display:inline-block; background:#15803d; color:#fff;
font-size:.78rem; font-weight:700; border-radius:99px;
padding:.28em .85em; margin-bottom:.6em;
}
.gnavi .gnavi-lesson-name{
font-size:1.08rem; font-weight:800; color:#14532d; margin-bottom:.35em;
}
.gnavi .gnavi-lesson-point{
font-size:.94rem; line-height:1.85; margin:0 0 .6em; color:#374151;
}
.gnavi .gnavi-lesson-for{
font-size:.85rem; color:#5b6b7d; background:#f7faf8;
border-radius:8px; padding:.5em .7em; margin-bottom:.9em;
}
.gnavi .gnavi-lesson-link{ text-align:center; font-weight:700; line-height:0; }
/* A8の素材コードには末尾に1×1の計測用画像が付く（コードは改変しないのが規約）。
そのままだと画像1つ分の行がボタンの下に余白として残るため、
入れ物側の行の高さを0にして、ボタンの中だけ本来の行の高さに戻す。 */
.gnavi .gnavi-lesson-link img{ vertical-align:top; }
.gnavi .gnavi-lesson-link a{
display:inline-block; min-height:46px; line-height:1.5;
padding:.7em 1.2em; border-radius:10px;
background:#15803d; color:#fff !important; text-decoration:none;
font-size:1rem; box-shadow:0 3px 10px rgba(21,128,61,.28);
}
.gnavi .gnavi-lesson-link a:hover{ background:#166534; }
.gnavi .gnavi-lesson-note{ font-size:.92em; line-height:1.85; margin:14px 0 0; }
.gnavi .gnavi-lesson-pr{
font-size:.78em; color:#6b7280; text-align:right; margin:8px 0 0;
}
/* PCでは3カラム横並び（比較しやすさ優先） */
@media (min-width:781px){
.gnavi .gnavi-lesson-cta{ padding:24px 20px; }
.gnavi .gnavi-lesson-cards{ display:flex; gap:14px; }
}
@media (max-width:600px){
.gnavi .gnavi-lesson-cta{ padding:18px 13px; border-radius:14px; }
.gnavi .gnavi-lesson-card{ padding:15px 12px; }
.gnavi .gnavi-lesson-link a{ display:block; min-height:52px; }
}
/* ============================================================
実際に回った人の声カード（2026-09-02・競合調査の結論）
上位アフィリサイトは例外なく「人の声」を前面に出す。属性(レベル/目的/スコア帯)を
添えると「自分に近い人の意見」として読まれ、点の低い声も残すことで信用が増す。
============================================================ */
.gnavi .gnavi-reviews{
background:#fff; border:1px solid #d7e6da; border-radius:16px;
padding:18px 15px; margin:22px 0;
box-shadow:0 2px 10px rgba(20,83,45,.06);
}
.gnavi .gnavi-rv-card{
border-left:4px solid #22c55e; background:#f8fbf9;
border-radius:0 10px 10px 0; padding:12px 14px; margin:12px 0;
}
.gnavi .gnavi-rv-meta{
font-size:.8rem; color:#15803d; font-weight:700;
display:flex; flex-wrap:wrap; gap:.5em; align-items:baseline;
}
.gnavi .gnavi-rv-date{ color:#9ca3af; font-weight:400; margin-left:auto; }
.gnavi .gnavi-rv-body{
margin:.5em 0 .6em; line-height:1.9; font-size:.95rem; color:#374151;
}
.gnavi .gnavi-rv-scores{ display:flex; gap:.5em; flex-wrap:wrap; }
.gnavi .gnavi-rv-hi,.gnavi .gnavi-rv-lo{
font-size:.78rem; border-radius:99px; padding:.2em .7em; font-weight:700;
}
.gnavi .gnavi-rv-hi{ background:#dcfce7; color:#15803d; }
.gnavi .gnavi-rv-lo{ background:#fef3c7; color:#b45309; }
@media (max-width:600px){
.gnavi .gnavi-rv-card{ padding:11px 12px; }
.gnavi .gnavi-rv-date{ margin-left:0; width:100%; }
}
/* — 開閉式ブロック（FAQ・定型ガイド） —
スマホ実測でページ全長21画面分。全部開いたまま見せる必要はなく、
競合もFAQはタップで開く方式。中身はHTMLにあるので検索エンジンは読める。 */
.gnavi details.gnavi-acc{border:1px solid #e5e7eb;border-radius:10px;margin:10px 0;background:#fff;overflow:hidden;}
.gnavi .gnavi-acc>summary{padding:13px 40px 13px 14px;font-weight:700;background:#f3f4f6;cursor:pointer;list-style:none;position:relative;min-height:44px;box-sizing:border-box;line-height:1.5;}
.gnavi .gnavi-acc>summary::-webkit-details-marker{display:none}
.gnavi .gnavi-acc>summary::after{content:”＋”;position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#15803d;font-weight:800;font-size:1.1em;}
.gnavi .gnavi-acc[open]>summary::after{content:”−”}
.gnavi .gnavi-acc-body{padding:12px 14px;line-height:1.85}
/* =========================================================
本文の読みやすさと強調（2026-09-08・競合3社の実測に合わせて追加）
競合はどこも「太字＋黄色マーカー（またはアンダーライン）」で要点を示していた。
当サイトは全部同じトーンで平板だったため、流し読みで何も引っかからなかった。
========================================================= */
.gnavi p { line-height: 1.95; }
.gnavi li { line-height: 1.9; }
/* 黄色マーカー: 文字の下半分だけを塗る（蛍光ペンで引いた見え方） */
.gnavi mark, .gnavi .mk {
background: linear-gradient(transparent 62%, #fff3a3 62%);
color: inherit; font-weight: 700; padding: 0 .05em;
}
/* 数字の強調（料金・件数など）。太字より少しだけ大きく */
.gnavi .num { font-weight: 800; color: #14532d; font-size: 1.06em; }