/* 詳細ページだけの追加（honban_pages.py）。本体の見た目は assets/cc.css＝公開版と同じ CSS */
a.logo{color:inherit;text-decoration:none}
nav.gnav a{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px;padding:6px 10px;border-radius:6px;color:var(--sub);white-space:nowrap;text-decoration:none}
nav.gnav a .ico{width:18px;height:18px;color:var(--sky);display:inline-flex}
nav.gnav a[aria-current="page"]{background:var(--d1);color:#fff;box-shadow:0 6px 14px -6px color-mix(in srgb,var(--d1) 70%,transparent)}
nav.gnav a[aria-current="page"] .ico{color:#fff}
nav.gnav a:not([aria-current]):hover{background:var(--d1s);color:var(--d1)}
header.site .gnav a[data-go="car"]{display:none}
.crumb a{color:var(--sky);text-decoration:none}.crumb a:hover{text-decoration:underline}
a.d8t{display:block;color:#fff;text-decoration:none}
#v-d8 .d8t .crd8{left:auto;bottom:auto;top:4px;right:4px;padding:1px 6px;background:rgba(0,0,0,.5);display:block;border-radius:4px;gap:0}
#v-d8 section.d8c.d8b{display:block}
a.colcard{color:inherit;text-decoration:none}
#v-d8 .d8b a{font:inherit;font-size:15px;font-weight:900;border-radius:999px;padding:11px 18px;border:1.5px solid #1971c2;background:#fff;color:#1971c2;text-decoration:none}
#v-d8 .d8b a:first-child{background:#1971c2;color:#fff}
.colnav a{display:block;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:10px;padding:10px;text-align:left;min-width:0;text-decoration:none}
.colnav a small{display:block;color:var(--sub);font-size:12px}
.colnav span.off{display:block;border:1px solid var(--line);border-radius:10px;padding:10px;opacity:.45}
.colnav span.off small{display:block;font-size:12px}
.pgwrap{padding-top:10px}
/* 車：景色の一例＋図（開発版はスマホだけ。詳細ページは全部の幅で同じにする） */
#v-d8 .c8hero.pg-c8{padding:0;position:relative;overflow:hidden}
#v-d8 .c8hero.pg-c8 .pgb{padding:clamp(18px,3.6vw,36px)}
#v-d8 .c8hero .m9cv{position:relative;margin:0;height:clamp(220px,30vw,360px);overflow:hidden;background:#dfe7ea}
#v-d8 .c8hero .m9cv > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
#v-d8 .c8hero .m9lb{position:absolute;left:10px;top:10px;font-size:12px;font-weight:700;background:rgba(255,255,255,.92);color:#24313a;border-radius:999px;padding:2px 10px;max-width:calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#v-d8 .c8hero .m9sil{position:absolute;left:12px;width:min(58%,380px);bottom:28px;height:clamp(92px,11vw,130px);border-radius:14px;background:rgba(255,255,255,.95) center 8px/auto 66% no-repeat;box-shadow:0 10px 24px -12px rgba(10,30,40,.55)}
#v-d8 .c8hero .m9sil b{position:absolute;left:12px;bottom:6px;font-size:12px;font-weight:700;color:#5b6a64}
#v-d8 .c8hero .m9cr{position:absolute;right:8px;bottom:5px;font-size:10px;color:#fff;background:rgba(0,0,0,.5);border-radius:4px;padding:0 6px;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
#v-d8 .c8tt.m9s{background:#fff var(--m9s) center 14px/auto 62px no-repeat!important;border:1px solid #dbe4ea!important;box-shadow:0 10px 22px -18px rgba(20,40,60,.6)}
#v-d8 .c8tt.m9s .c8tc{color:#1d2b33!important;padding:12px!important}
#v-d8 .c8tt.m9s .c8tc em{color:#fff}
#v-d8 .c8tt.m9s .m9fig{position:absolute;right:8px;top:8px;font-style:normal;font-size:12px;color:#5b6a64;background:#f1f4f3;border-radius:4px;padding:0 5px}
#v-d8 .c8tt.m9s.m9own{background:#222 var(--m9s) center/cover no-repeat!important}
#v-d8 .c8tt.m9s.m9own .c8tc{background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.78))!important}
#v-d8 .c8tt.m9s.m9own .c8tc b,#v-d8 .c8tt.m9s.m9own .c8tc small{color:#fff!important}
#v-d8 .pgfig{margin:12px 0 0;border-radius:12px;overflow:hidden;position:relative;background:#eee}
#v-d8 .pgfig img{width:100%;max-height:260px;object-fit:cover;display:block}
#v-d8 .pgfig figcaption{font-size:12px;color:#556;padding:6px 10px;background:#fff}
#v-d8 .pgfig figcaption a{color:var(--sky)}
#v-d8 .pgsrc a{color:var(--sky);overflow-wrap:anywhere}
#v-d8 .pgcols{display:grid;gap:4px}
/* 写真：大きく全体を見せる */
.pg-photo #v-d8 .d8hero img{height:auto;max-height:78vh;object-fit:contain;background:#111}
@media (max-width:760px){.pg-photo #v-d8 .d8h{position:static;background:#1d2530}.pg-photo #v-d8 .d8hero{min-height:0}}
.pg-photo .pginfo dl{display:grid;grid-template-columns:8em minmax(0,1fr);gap:6px 12px;margin:0;font-size:14px}
.pg-photo .pginfo dt{color:#667}.pg-photo .pginfo dd{margin:0;overflow-wrap:anywhere}
.pg-photo .pginfo a{color:var(--sky)}
/* 一覧のページ */
.pghub h1{font-size:clamp(22px,3.4vw,32px);margin:6px 0 4px}
.pghub .pglead{color:var(--sub);margin:0 0 12px}
.pghub .pgsec{margin:22px 0}
.pghub .pgsec h2{font-size:20px;margin:0 0 10px;display:flex;align-items:center;gap:10px}
.pghub .pgsec h2::before{content:"";width:6px;height:1.1em;border-radius:3px;background:var(--d1,#0d7770)}
.pghub .pggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.pghub #v-d8 .d8row{grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-columns:auto;overflow:visible}
.pghub .pgtype{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:14px;align-items:center;margin:0 0 12px}
.pghub .pgtype figure{margin:0;border-radius:12px;overflow:hidden;position:relative}
.pghub .pgtype img{width:100%;height:190px;object-fit:cover;display:block}
.pghub .pgtype figcaption{font-size:12px;color:#556;padding:4px 8px;background:#fff}
@media (max-width:760px){.pghub .pgtype{grid-template-columns:1fr}}
.pgmon{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px}
.pgmon a{display:inline-block;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 14px;font-weight:700;color:var(--ink);text-decoration:none}
.pgmon a small{color:var(--sub);font-weight:500;margin-left:4px}
.pgmon a[aria-current="page"]{background:var(--d1,#0d7770);color:#fff;border-color:transparent}
.pgmon a[aria-current="page"] small{color:#fff}
.colart .p9fig figcaption a{color:var(--sky)}
.colart .pgtrust{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;color:var(--sub);margin:4px 0 10px}
.colart .pgtrust a{color:var(--sky)}
.colart .srcs .pgtrust{margin-top:10px}
.colart h2.pgsh{font-size:18px}
.colart .pgsrcl{padding-left:1.4em;margin:6px 0}.colart .pgsrcl li{font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.colart .pgsrcl a{color:var(--sky)}
.pgcarrow{margin-top:18px}
.colart .pgnx a{color:var(--sky)}
footer.site .pglinks{display:flex;flex-wrap:wrap;gap:6px 16px}
footer.site .pglinks a{color:var(--sky);font-weight:700}
.pgpol{max-width:46em}
.pgpol figure{margin:10px 0 16px;border-radius:14px;overflow:hidden;position:relative}
.pgpol figure img{width:100%;max-height:300px;object-fit:cover;display:block}
.pgpol li{margin:6px 0;line-height:1.8}
.pgpol h2{font-size:20px;margin:22px 0 6px;scroll-margin-top:120px}
/* 地域（県・市区町村・道の駅・泊まれる所） */
.pg-area .pgah{margin:6px 0 4px}
.pg-area .pgah h1{font-size:clamp(22px,3.4vw,32px);margin:6px 0 4px;line-height:1.35}
.pg-area .pgah p{margin:0;color:var(--sub)}
.pg-area .pgkana{font-size:13px}
.pg-area .pgtag{display:inline-block;font-size:12px;font-weight:700;color:var(--d1,#0d7770);background:var(--d1s,#e3f3f1);border-radius:999px;padding:2px 10px}
.pg-area .pgdl{display:grid;grid-template-columns:10em minmax(0,1fr);gap:6px 12px;margin:0;font-size:14px;line-height:1.7}
.pg-area .pgdl dt{color:#5b6a72;font-weight:700}.pg-area .pgdl dd{margin:0;overflow-wrap:anywhere}
@media (max-width:560px){.pg-area .pgdl{grid-template-columns:1fr;gap:0}.pg-area .pgdl dd{margin:0 0 8px}}
.pg-area .pgdl a,.pg-area .pgtb a,.pg-area .pgmu a,.pg-area .pgnote a,.pg-area .pgsrc2 a,.pg-area .d8c h2 a{color:var(--sky)}
.pg-area .pgtw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.pg-area .pgtb{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}
.pg-area .pgtb th,.pg-area .pgtb td{border-bottom:1px solid var(--line);padding:7px 8px;text-align:left;vertical-align:top}
.pg-area .pgtb th{background:#eef5f6;font-size:12.5px;color:#4a5a62;white-space:nowrap}
.pg-area .pgtb td+td{white-space:nowrap}
.pg-area .pgtb td:first-child{min-width:12em}
.pg-area .pgmu{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;list-style:none;padding:0;margin:8px 0 0}
.pg-area .pgmu li{border:1px solid var(--line);border-radius:8px;padding:6px 8px;background:#fff;font-size:14px;min-width:0;overflow-wrap:anywhere}
.pg-area .pgmu li small{display:block;color:var(--sub);font-size:12px}
.pg-area .pgmu li.off{background:#f4f7f7;color:#5b6a72}
.pg-area .pgnote{font-size:13px;color:var(--sub);margin:8px 0 0;line-height:1.7}
.pg-area .pgwx{display:flex;flex-wrap:wrap;gap:8px}
.pg-area .pgwx a{display:inline-block;border:1px solid #c9dbe3;border-radius:999px;padding:6px 14px;background:#fff;font-weight:700;font-size:14px;color:#1971c2;text-decoration:none}
.pg-area .pgsrc2 ul{padding-left:1.3em;margin:6px 0}.pg-area .pgsrc2 li{font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.pg-area .pghubb{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
/* 10/18 特集（世界の驚きのキャンピングカー） */
.tkpage .d8c{margin:14px 0}
.tkpage,.tkpage .d8,.tkpage .d8>*,.tkpage .d8c,.tkpage .d8s{min-width:0;max-width:100%}
.tkpage .d8{display:block}
.tkpage .tktw{max-width:100%}
.tkpage .d8hero img{height:clamp(300px,56vw,620px)}
.tknote{font-size:13px;color:var(--sub);margin:0 0 10px;line-height:1.7}
.tkgal{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.tkgal .tkg{position:relative;display:block;border-radius:10px;overflow:hidden;background:#e9eef0;aspect-ratio:4/3;color:#fff;text-decoration:none}
.tkgal .tkg.tkg1{grid-column:span 2;grid-row:span 2}
.tkgal .tkg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.tkgal .tkg:hover img{transform:scale(1.05)}
.tkgal .tkg span{position:absolute;left:0;right:0;bottom:0;padding:18px 8px 6px;font-size:12px;line-height:1.4;background:linear-gradient(180deg,transparent,rgba(0,0,0,.6))}
@media (max-width:560px){.tkgal{grid-template-columns:repeat(2,minmax(0,1fr))}.tkgal .tkg span{font-size:11px}}
.tklead ul{margin:0;padding-left:1.2em}.tklead li{font-weight:700}
.tkroom{border-top:1px solid var(--line);padding:10px 0 4px}.tkroom:first-of-type{border-top:0}
.tkstrip{display:flex;gap:6px;overflow-x:auto;padding:4px 0}.tkstrip a{flex:0 0 auto;width:150px;height:110px;border-radius:8px;overflow:hidden;display:block}
.tkstrip img{width:100%;height:100%;object-fit:cover;display:block}
.tktw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tktb{width:100%;border-collapse:collapse;font-size:14px}
.tktb th,.tktb td{border-bottom:1px solid var(--line);padding:8px;text-align:left;vertical-align:top;line-height:1.6}
.tktb tbody th{width:11em;color:#4a5a62;font-weight:700;background:#f4f8f9}
.tkjt{min-width:640px}.tkjt thead th{background:#eef5f6;font-size:12.5px;color:#4a5a62;white-space:nowrap}
.tkjt td.tkj-ng{color:#c92a2a;font-weight:900}.tkjt td.tkj-ok{color:#2b8a3e;font-weight:900}
.tktb a,.tksrc a,.tksup{color:var(--sky);overflow-wrap:anywhere}.tksup{font-size:11px;text-decoration:none;white-space:nowrap}
.tksrc li{font-size:13px;line-height:1.7;margin:4px 0}
.tkvids{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.tkvf{margin:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.06)}
.tkvf iframe{width:100%;aspect-ratio:16/9;border:0;display:block}
.tkv{display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;cursor:pointer;background:#dfe7ea center/cover no-repeat;position:relative}
.tkplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:46px;border-radius:12px;background:rgba(220,30,30,.92);color:#fff;font-size:22px;line-height:46px;text-align:center}
.tkvf figcaption{padding:8px 10px 10px;display:flex;flex-direction:column;gap:2px}
.tkvf figcaption em{font-style:normal;font-size:11px;font-weight:900;color:#5f3dc4}.tkvf figcaption b{font-size:14px;line-height:1.4}.tkvf figcaption small{color:var(--sub)}
.tkcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.tkcard{position:relative;display:block;border-radius:14px;overflow:hidden;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.08)}
.tkcard img{width:100%;height:190px;object-fit:cover;display:block}
.tkcard .tkcr{position:absolute;right:6px;top:6px;font-size:10px;color:#fff;background:rgba(0,0,0,.5);border-radius:4px;padding:0 6px;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tkcard .tkcb{display:flex;flex-direction:column;gap:3px;padding:10px 12px 12px}
.tkcard em{font-style:normal;font-size:11px;font-weight:900;color:#5f3dc4}.tkcard b{font-size:16px;line-height:1.35}.tkcard small{font-size:13px;color:var(--sub);line-height:1.5}
.tkhub .tkcard img{height:220px}
.tklb{position:fixed;inset:0;z-index:9999;background:rgba(248,250,251,.97);display:flex;align-items:center;justify-content:center;padding:48px 52px 92px}
.tklb[hidden]{display:none}
.tklb img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 10px 30px rgba(20,40,60,.25)}
.tklb button{position:absolute;border:1px solid #c9d6dc;background:#fff;color:#1d2530;border-radius:999px;cursor:pointer;font-size:26px;line-height:1;width:44px;height:44px}
.tklb .tkx{right:12px;top:10px}.tklb .tkp{left:8px;top:50%;transform:translateY(-50%)}.tklb .tkn{right:8px;top:50%;transform:translateY(-50%)}
.tklbc{position:absolute;left:12px;right:12px;bottom:10px;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;font-size:13px;color:#33424a}
.tklbc b{font-size:14px;color:#1d2530}.tklbc a{color:var(--sky)}
@media (max-width:560px){.tklb{padding:52px 6px 110px}.tklb .tkp,.tklb .tkn{top:auto;bottom:64px;transform:none}}
.pgtkw{margin:14px 0 18px}