.jd-prefecture{--ink:var(--jd-ink)}.jd-pref-hero{position:relative;min-height:460px;padding:24px;display:flex;justify-content:center;align-items:center;overflow:hidden}.jd-pref-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.jd-pref-intro{position:relative;background:#fffffff0;width:760px;max-width:100%;padding:38px 40px;color:var(--jd-ink)}.jd-pref-location{font-size:12px;letter-spacing:.08em;text-align:center}.jd-pref-location span{display:inline-block;margin-left:12px}.jd-pref-intro h1{color:var(--ink);font-size:38px;text-align:center;line-height:1.5;margin:12px 0 24px}.jd-pref-intro h1 span{display:block;font-size:25px;font-weight:500;letter-spacing:0}.jd-pref-intro>p{font-size:15px;line-height:1.8}.jd-pref-intro .jd-pref-thai{margin-top:10px;color:var(--jd-muted);font-size:16px}.jd-pref-jumps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px}.jd-pref-jumps>a{display:flex;align-items:center;justify-content:space-between;border:1px solid #54646b;padding:9px 12px;min-height:58px;font-size:13px;line-height:1.5;text-align:center;gap:8px}.jd-pref-jumps>a>span{flex:1}.jd-pref-jumps small{display:block;font-size:12px;color:var(--jd-muted)}.jd-pref-jumps b{font-size:15px;font-weight:400}.jd-pref-guide{display:grid;grid-template-columns:280px minmax(0,1fr);gap:40px;align-items:center}.jd-pref-guide>a{background:#edf2f1;padding:18px}.jd-pref-guide img{aspect-ratio:3/4}.jd-pref-guide h2{font-size:27px;color:var(--ink);margin:10px 0 16px}.jd-pref-guide h3{font-size:22px;line-height:1.6;margin-bottom:12px}.jd-pref-guide p{font-size:16px;color:var(--jd-muted);line-height:1.8}.jd-pref-kicker{font-size:12px!important;letter-spacing:.15em;color:#6f8087!important}.jd-pref-outline{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;border:1px solid #60727b;color:var(--ink)!important;padding:10px 20px;margin-top:22px;font-size:14px}.jd-pref-map-link{display:block;font-size:13px;margin-top:14px;color:#59737f!important}.jd-pref-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.jd-pref-section-head h2{color:var(--ink);font-size:27px;line-height:1.5;margin-top:5px}.jd-pref-section-head p{font-size:13px;color:#64777f}.jd-pref-section-head>a{font-size:13px;white-space:nowrap;border-bottom:1px solid #c5cece;padding:8px 0;color:var(--ink)!important}.jd-pref-plan{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.jd-pref-plan h3{font-size:26px;line-height:1.7;margin-bottom:16px}.jd-pref-plan>div>p[lang=th]{font-size:17px;line-height:1.9;color:var(--jd-muted)}.jd-pref-plan img{aspect-ratio:4/3}.jd-pref-section{scroll-margin-top:30px}.jd-prefecture .jd-pref-legacy{--teal:var(--jd-ink);--coral:var(--jd-muted);--grad:var(--jd-muted);--aqua:var(--jd-ink);--cream:var(--jd-wash-color);--ink:var(--jd-ink);max-width:none!important}.jd-prefecture .jd-pref-legacy .band{max-width:none!important}.jd-prefecture .jd-pref-legacy .sec{padding:50px 0}.jd-prefecture .jd-pref-legacy .ttl{margin-bottom:28px}.jd-prefecture .jd-pref-legacy .ttl h2{color:var(--jd-ink)}.jd-prefecture .jd-pref-legacy .am-svg path.on{fill:#628b9a}.jd-prefecture .jd-pref-legacy .am-svg path:hover{fill:#97b1b8}.jd-prefecture .jd-pref-legacy .am-chips .on{background:var(--jd-ink);color:#fff}.jd-prefecture .jd-pref-legacy .rc{background:#fff}.jd-prefecture .jd-pref-legacy .rc-h{background:#edf2f1;color:var(--jd-ink)}.jd-prefecture .jd-pref-legacy .rc .flow{background:#fff}.jd-prefecture .jd-pref-legacy .rc dl{border-top:1px dotted #c5cece}.jd-prefecture .jd-pref-legacy #jd5-map,.jd-prefecture .jd-pref-legacy #jd5-plan{scroll-margin-top:30px}
@media(max-width:700px){.jd-pref-hero{padding:18px;min-height:0}.jd-pref-intro{padding:26px 20px}.jd-pref-intro h1{font-size:29px;margin:10px 0 18px}.jd-pref-intro h1 span{font-size:23px}.jd-pref-location span{display:block;margin:4px 0 0}.jd-pref-intro>p{font-size:14px}.jd-pref-intro .jd-pref-thai{font-size:15px}.jd-pref-jumps{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px}.jd-pref-jumps>a{font-size:12px;padding:9px 8px;min-height:60px}.jd-pref-jumps small{font-size:11px}.jd-pref-guide{grid-template-columns:105px minmax(0,1fr);gap:20px;align-items:start}.jd-pref-guide>a{padding:9px;margin-top:28px}.jd-pref-guide h2{font-size:21px;margin:8px 0 12px}.jd-pref-guide h3{font-size:18px}.jd-pref-guide p{font-size:15px}.jd-pref-guide .jd-pref-outline{font-size:12px;padding:8px 10px;gap:10px}.jd-pref-section-head{display:block;margin-bottom:22px}.jd-pref-section-head h2{font-size:23px}.jd-pref-section-head>a{display:inline-block;margin-top:12px}.jd-pref-plan{display:flex;flex-direction:column-reverse;gap:22px;align-items:stretch}.jd-pref-plan h3{font-size:23px}.jd-pref-plan>div>p[lang=th]{font-size:16px}.jd-prefecture .jd-pref-legacy .sec{padding:36px 0}.jd-prefecture .jd-pref-legacy .wrap{padding-left:18px;padding-right:18px}.jd-prefecture .jd-pref-legacy .ttl h2{font-size:23px}}

/* Prefecture hero: Japanese review UI, unobscured photograph and a separate navigation strip. */
.jd-pref-hero{min-height:380px;padding:60px max(5%,calc((100vw - 1152px)/2));justify-content:flex-start;isolation:isolate;background:#173c50}
.jd-pref-hero>img{z-index:-2;object-position:center 56%}
.jd-pref-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,31,44,.72),rgba(9,31,44,.30) 48%,rgba(9,31,44,.04) 76%)}
.jd-pref-intro{background:none;width:auto;max-width:100%;padding:0;color:#fff}
.jd-pref-location{font-size:14px!important;text-align:left;letter-spacing:.16em;margin:0 0 20px!important;color:#fff}
.jd-pref-intro h1{font-family:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;color:#fff;font-size:54px;font-weight:600;letter-spacing:.08em;text-align:left;line-height:1.4;margin:0 0 24px}
.jd-pref-intro>.jd-pref-description{font-size:16px;line-height:2.05;color:#fff;margin:0;letter-spacing:.03em}
.jd-pref-photo-caption{position:absolute;right:30px;bottom:20px;color:#fff;font-size:12px;margin:0;text-shadow:0 1px 4px #182d3c}
.jd-pref-jumps{width:min(1152px,90%);margin:0 auto;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:20px 0;border-bottom:1px solid var(--jd-line)}
.jd-pref-jumps>a{border:0;border-right:1px solid var(--jd-line);padding:12px 8px;min-height:44px;font-size:14px;justify-content:center;color:var(--jd-ink);position:relative}
.jd-pref-jumps>a:last-child{border-right:0}.jd-pref-jumps>a:hover{background:var(--jd-wash-color);color:#102f40}.jd-pref-jumps>a:focus-visible{outline:2px solid #426b7d;outline-offset:2px}
@media(max-width:700px){
.jd-pref-hero{min-height:300px;padding:46px 24px;align-items:flex-start}.jd-pref-hero>img{object-position:62% center}.jd-pref-hero::before{background:linear-gradient(90deg,rgba(9,31,44,.68),rgba(9,31,44,.24) 80%)}
.jd-pref-location{font-size:12px!important;margin-bottom:18px!important}.jd-pref-intro h1{font-size:36px;margin:0 0 18px}.jd-pref-intro>.jd-pref-description{font-size:14px;line-height:2}.jd-pref-photo-caption{font-size:11px;bottom:14px;right:18px}
.jd-pref-jumps{width:calc(100% - 36px);grid-template-columns:repeat(3,minmax(0,1fr));padding:10px 0;row-gap:4px}.jd-pref-jumps>a{font-size:12px;padding:12px 4px;min-height:44px}.jd-pref-jumps>a:nth-child(3){border-right:0}.jd-pref-jumps>a:nth-child(n+4){border-top:1px solid #e2e8eb}
}

/* STEP19 approved A: photo-led Thai cover with editable text. */
#tokushima-guide{scroll-margin-top:110px}
.jd-pref-guide>a.jd-guide-cover{position:relative;display:block;aspect-ratio:3/4;padding:0;overflow:hidden;background:#174b50;border:0;box-shadow:0 8px 22px rgba(48,57,67,0.071);color:#fff}
.jd-guide-cover img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
.jd-guide-cover::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgba(0,38,42,.34) 38%,rgba(0,32,36,.9));pointer-events:none}
.jd-guide-cover-brand{position:absolute;top:18px;right:18px;z-index:1;font-size:9px;letter-spacing:.3em;color:#fff;text-shadow:0 1px 4px #143035}
.jd-guide-cover-copy{position:absolute;z-index:1;left:20px;right:14px;bottom:18px;color:#fff;text-align:left;font-family:"Noto Sans Thai",Tahoma,sans-serif}
.jd-guide-cover-title{display:flex;flex-direction:column;font-size:35px;font-weight:600;line-height:1.35;letter-spacing:0;color:#fff;text-shadow:0 1px 5px #103a3e66}
.jd-guide-cover-first{display:flex;align-items:baseline;gap:8px;white-space:nowrap;font-size:28px}
.jd-guide-cover-number{font-family:Georgia,serif;font-size:56px;font-weight:400;line-height:1}
.jd-guide-cover-note{display:block;font-size:14px;line-height:1.6;color:#fff;margin-top:12px}
.jd-guide-cover-note::before{content:"";display:block;width:34px;height:2px;background:var(--jd-rust);margin-bottom:10px}
.jd-guide-cover:hover img{filter:brightness(1.04)}
.jd-guide-cover:focus-visible{outline:3px solid var(--jd-rust);outline-offset:5px}
@media(max-width:600px){
 .jd-pref-guide{grid-template-columns:140px minmax(0,1fr);gap:18px}
 .jd-pref-guide>a.jd-guide-cover{margin-top:4px}
 .jd-guide-cover-copy{left:10px;right:7px;bottom:9px}
 .jd-guide-cover-brand{font-size:5px;top:9px;right:9px}
 .jd-guide-cover-title{font-size:20px}
 .jd-guide-cover-first{font-size:14px;gap:4px}
 .jd-guide-cover-number{font-size:31px}
 .jd-guide-cover-note{font-size:9px;margin-top:6px}
 .jd-guide-cover-note::before{width:20px;height:2px;margin-bottom:5px}
}
@media(max-width:359px){.jd-pref-guide{grid-template-columns:120px minmax(0,1fr);gap:14px}.jd-guide-cover-title{font-size:18px}.jd-guide-cover-first{font-size:12px}.jd-guide-cover-number{font-size:27px}.jd-guide-cover-note{font-size:8px}}
