@charset "utf-8";
/* ============================================================
   Japan Japan !! 実務データの個別ページ「新しい形 v4」の見た目
   japanjapan/assets/db-v4.css   2026-10-07（チャット「訪日DB 個別ページ新形を本番へ」）
   ------------------------------------------------------------
   inc/jj-db-v4.php が描いた個別ページ（.jjdb-v4p）だけで読む。db.css → db-v2.css（部品）→ このファイル の順。
   ・写真の頭（幅いっぱい）＋判定の色の帯＋左に貼り付く目次（スマホは下の Jump to…）＋本文の頭の目次＋畳む章（藤井さんの選択 10/7）
   ・角丸は DB の個別ページだけ見本どおり（面 10px・数字の箱 8px・ボタンと札 4px）・影0・グリッドは minmax(0,1fr)
   ・閉じた details の中身を display:none にしない（ページ内検索で当たる）
   ★作り直すのは DB器/build/make_css.py（元 build/_src_v4.css）。手で直さない
   ============================================================ */
/* 個別ページの新しい形 v4（2026-10-07・inc/jj-db-v4.php）＝見本 F（Smartraveller 型＋Airbnb 型の本文の頭の目次）の plan.css を器の形に写したもの。
   元 DB個別ページの作り直し_20261007/案/F/plan.css → DB個別ページの作り直し②_20261007/道具/make_src_v4.py（1回だけ）→ この _src_v4.css（以後はここを直す）
   ★db-v4.css は build/make_css.py の「12) 個別ページ v4」が作る。手で書かない。v4 のページは db.css → db-v2.css → db-v4.css の順に読む
   ★頭（パンくず・写真・題・帯）は main.wrap の外の .jjdb-v2.jjdb-v4top。幅いっぱいは要素そのもので出す（画面幅の単位とスクロールバーの補正は使わない）
   ★角丸は DB の個別ページだけ見本どおり（面 10px・数字の箱 8px・ボタンと札 4px）。2026-10-07 藤井さんの選択
   色は Smartraveller の実測：紺 #0a4059・青緑 #20576b・緑 #00843d（目次の線）・灰青の面 #eff3f8／#e4edf7／#f4f8fc・線 #d5d5d4。判定の色は判定にだけ使う */

/* ── 土台 ── */
.jjdb.jjdb-v4p{--dB-navy:#0a4059;--dB-teal:#20576b;--dB-green:#00843d;--dB-ink:#1b1b1b;--dB-sub:#4d5965;--dB-line:#d5d5d4;
  --dB-pan:#eff3f8;--dB-pan2:#e4edf7;--dB-pan3:#f4f8fc;--dB-track:#dbe3ea;
  --dB-col:660px;--dB-toc:248px;--dB-gap:56px;--dB-grid:100%;--dB-sbw:0px;--dB-gut:16px;
  --line:var(--dB-line);--sub:var(--dB-sub);--soft:var(--dB-pan3);--cream:var(--dB-pan);--ink:var(--dB-ink);
  --jj-pad:24px;max-width:none;margin:0;padding:0}
.jjdb-wrap .dB-root{color:var(--dB-ink);font:400 16px/1.65 var(--sans)}
html:lang(ja) .jjdb-wrap .dB-root,html:lang(zh) .jjdb-wrap .dB-root{line-height:1.8}
html:lang(ja) .jjdb-wrap .dB-root{word-break:auto-phrase}
html:lang(ko) .jjdb-wrap .dB-root{word-break:keep-all}
.jjdb-wrap .dB-root *{box-sizing:border-box}

/* ── 頭（main.wrap の外）：パンくずの小さい1行 → 幅いっぱいの写真の頭（白い太字の題・右上に写真の出どころ）→ 判定の色の帯 ── */
.jjdb-v4p .jjdb-v4top{color:#fff;font:400 16px/1.65 var(--sans);overflow-wrap:break-word}
.jjdb-v4top .dB-in{position:relative;z-index:1;width:min(calc(100% - var(--jj-pad) * 2),var(--dB-grid));margin-inline:auto}
.jjdb-v4top .dB-crumbw{background:#fff}
.jjdb-v4p .jjdb-v4top .jjdb-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;min-height:0;margin:0;padding:10px 0;background:none;border:0;box-shadow:none;clip-path:none;font:400 13px/20px var(--sans);color:#4d5965}
.jjdb-v4p .jjdb-v4top .jjdb-crumb a{color:#0a4059;text-decoration:underline;text-underline-offset:2px}
.jjdb-v4p .jjdb-v4top .jjdb-crumb a:hover{color:#000}
.jjdb-v4p .jjdb-v4top .jjdb-crumb__sep{color:#4d5965}
.jjdb-v4p .jjdb-v4top .jjdb-crumb__now{color:#1b1b1b}
.jjdb-v4p .jjdb-v4top .dB-hero{position:relative;display:flex!important;flex-direction:column;justify-content:space-between;gap:20px;min-height:232px;margin:0!important;padding:12px 0 22px!important;
  background:var(--dB-navy);color:#fff;box-shadow:none!important;clip-path:none!important;overflow:visible;border-radius:0}
.jjdb-v4top .dB-hero__bg{position:absolute;inset:0;overflow:hidden;background:var(--dB-navy)}
.jjdb-v4top .dB-hero__img{display:block;width:100%!important;max-width:none!important;height:100%!important;object-fit:cover;object-position:50% 50%;aspect-ratio:auto}
.jjdb-v4top .dB-hero--ph .dB-hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.42) 0,rgba(0,0,0,0) 30%,rgba(0,0,0,.08) 52%,rgba(0,0,0,.72) 100%)}
.jjdb-v4top .dB-hero__art{position:absolute;inset:0;display:flex;justify-content:flex-end;align-items:flex-start;padding:14px max(var(--jj-pad),calc((100% - var(--dB-grid)) / 2)) 0 0;color:rgba(255,255,255,.22)}
.jjdb-v4top .dB-hero__art svg{width:min(52%,520px);height:auto;max-height:100%}
.jjdb-v4top .dB-hero--art .dB-hero__bg{background:linear-gradient(120deg,#0a4059 0,#0b3b5c 55%,#123f63 100%)}
.jjdb-v4top .dB-hero__top{display:flex;justify-content:flex-end;min-height:1px}
.jjdb-v4p .jjdb-v4top .dB-cr{max-width:min(100%,440px);margin:0!important;padding:4px 9px 5px;background:rgba(0,0,0,.62);color:#fff!important;font:400 12px/18px var(--sans)!important;text-align:left}
.jjdb-v4p .jjdb-v4top .dB-cr a{display:inline!important;min-height:0!important;padding:0!important;margin:0!important;color:#fff!important;text-decoration:underline;text-underline-offset:2px}
.jjdb-v4p .jjdb-v4top .dB-hero .jjdb-hero__title{margin:0!important;padding:0!important;max-width:18em;font:700 28px/34px var(--sans)!important;letter-spacing:-.01em;color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.35)}
html:lang(ja) .jjdb-v4p .jjdb-v4top .dB-hero .jjdb-hero__title,html:lang(zh) .jjdb-v4p .jjdb-v4top .dB-hero .jjdb-hero__title,html:lang(ko) .jjdb-v4p .jjdb-v4top .dB-hero .jjdb-hero__title{line-height:38px!important;letter-spacing:0;max-width:20em}
html:lang(ja) .jjdb-v4top .dB-hero .jjdb-hero__title{word-break:auto-phrase}
html:lang(ko) .jjdb-v4top{word-break:keep-all}
/* 判定の色の帯（1つの判定に1本・幅いっぱい・中の字は本文の列の左端にそろえる）／判定が無いページは紺の帯に答えの1文 */
.jjdb-v4top .dB-band{position:relative;margin:0!important}
.jjdb-v4top .dB-band--tx{background:var(--dB-navy)}
.jjdb-v4top .dB-band--tx .dB-band__in{padding:16px 0 18px}
.jjdb-v4p .jjdb-v4top .dB-band--tx .jjdb-v-one{margin:0;max-width:none;font:500 17px/26px var(--sans);color:#fff}
.jjdb-v4p .jjdb-v4top .dB-band--v .jjdb-v-vrow{--c:#333;display:flex;align-items:center;gap:14px;min-height:64px;margin:0;padding:10px max(var(--jj-pad),calc((100% - var(--dB-grid)) / 2));color:#fff;background:var(--c);box-shadow:none;clip-path:none;position:relative}
.jjdb-v4p .jjdb-v4top .dB-band--v .jjdb-v-vrow.is-ok{--c:var(--ok)}
.jjdb-v4p .jjdb-v4top .dB-band--v .jjdb-v-vrow.is-cond{--c:var(--cond)}
.jjdb-v4p .jjdb-v4top .dB-band--v .jjdb-v-vrow.is-ng{--c:var(--ng)}
.jjdb-v4p .jjdb-v4top .dB-band--v .jjdb-v-vrow+.jjdb-v-vrow{margin-top:2px}
.jjdb-v4p .jjdb-v4top .dB-band--v .jjdb-v-vrow__mk{display:grid;place-items:center;flex:none;width:36px;height:36px;background:rgba(0,0,0,.26)}
.jjdb-v4p .jjdb-v4top .dB-band--v .jjdb-v-vrow__mk .jjdb-v-i{width:24px;height:24px}
.jjdb-v4p .jjdb-v4top .dB-band--v .jjdb-v-vrow__tx{display:block;flex:1;min-width:0;padding:0;font:400 17px/24px var(--sans)}
.jjdb-v4p .jjdb-v4top .dB-band--v .jjdb-v-vrow__lb{display:inline;font:400 17px/24px var(--sans);color:#fff}
.jjdb-v4p .jjdb-v4top .dB-band--v .jjdb-v-vrow__lb::after{content:":";margin-right:.4em}
.jjdb-v4p .jjdb-v4top .dB-band--v .jjdb-v-vrow__lb:empty{display:none}
html:lang(ja) .jjdb-v4p .jjdb-v4top .dB-band--v .jjdb-v-vrow__lb::after,html:lang(zh) .jjdb-v4p .jjdb-v4top .dB-band--v .jjdb-v-vrow__lb::after{content:"：";margin-right:0}
.jjdb-v4p .jjdb-v4top .dB-band--v .jjdb-v-vrow__w{display:inline;font:700 19px/24px var(--sans);letter-spacing:0}
.jjdb-v4p .jjdb-v4top .dB-band--v .jjdb-v-vrow__art{display:none}

/* ── 本文の列の頭：We advise 型の答えの面・灰青の要約の面 ── */
.jjdb-wrap .dB-root .dB-adv{position:relative;margin:0;padding:16px 16px 16px 48px;background:var(--dB-pan2);border-radius:10px}
.jjdb-wrap .dB-root .dB-adv::before,.jjdb-wrap .dB-root .jjdb-v-warn::before,.jjdb-wrap .dB-root .jjdb-vx-note::before{content:"";position:absolute;left:13px;top:18px;width:22px;height:22px;border-radius:50%;
  background:var(--dB-navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 6v8' stroke='%23fff' stroke-width='2.6' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='18' r='1.6' fill='%23fff'/%3E%3C/svg%3E") center/100% no-repeat}
.jjdb-wrap .dB-root .jjdb-vx-note::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='7' r='1.6' fill='%23fff'/%3E%3Cpath d='M12 11v7' stroke='%23fff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E");background-color:var(--dB-teal)}
.jjdb-wrap .dB-root .dB-adv .jjdb-v-one{margin:0;max-width:none;font:600 17px/1.55 var(--sans);color:#000}
.jjdb-wrap .dB-root .dB-sum{position:relative;margin:0;padding:20px 18px 22px;background:var(--dB-pan);border-radius:10px;color:var(--dB-ink)}
.jjdb-wrap .dB-root .dB-adv+.dB-sum{margin-top:16px}
.jjdb-wrap .dB-root .dB-sum .jjdb-v-gl{margin:0;color:var(--dB-ink)}
.jjdb-wrap .dB-root .dB-sum .jjdb-v-gl__t{margin:0 0 14px;font:700 22px/1.3 var(--sans);color:#000}
.jjdb-wrap .dB-root .dB-sum .jjdb-v-nums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 6px}
.jjdb-wrap .dB-root .dB-sum .jjdb-v-nums>.jjdb-v-num:last-child:nth-child(odd){grid-column:1/-1}
.jjdb-wrap .dB-root .dB-sum .jjdb-v-num{gap:6px;padding:12px 14px 13px;background:#fff;border-radius:8px;color:var(--dB-ink)}
.jjdb-wrap .dB-root .dB-sum .jjdb-v-num dt{font:600 14px/1.35 var(--sans);color:var(--dB-sub)}
.jjdb-wrap .dB-root .dB-sum .jjdb-v-num b{font:700 34px/1 var(--sans);letter-spacing:-.02em;color:var(--dB-navy)}
.jjdb-wrap .dB-root .dB-sum .jjdb-v-num span{font:500 15px/1.25 var(--sans);color:var(--dB-ink);white-space:normal}
.jjdb-wrap .dB-root .dB-sum .jjdb-v-bar{height:6px;background:#d3dde6;border-radius:3px;overflow:hidden}
.jjdb-wrap .dB-root .dB-sum .jjdb-v-bar::after{background:var(--dB-navy)}
.jjdb-wrap .dB-root .dB-sum .jjdb-v-kv{margin:0;background:none;color:var(--dB-ink)}
.jjdb-wrap .dB-root .dB-sum .jjdb-v-kv>div{display:grid;grid-template-columns:minmax(0,1fr);gap:1px;align-items:start;min-height:0;padding:9px 0;border:0}
/* 数字だけの値の行（kpis の「5000 yen minimum」型）は数字を先に・言葉をあとに（どの言語でも数字と単位がつながって読める） */
.jjdb-wrap .dB-root .dB-sum .jjdb-v-kv>div.dB-kvn{display:flex!important;flex-wrap:wrap;align-items:baseline;gap:2px 10px}
.jjdb-wrap .dB-root .dB-sum .jjdb-v-kv>div.dB-kvn>dd{order:-1}
.jjdb-wrap .dB-root .dB-sum .jjdb-v-kv>div.dB-kvn>dd b{font:700 22px/1.2 var(--sans)!important;color:var(--dB-navy)!important;letter-spacing:-.01em}
.jjdb-wrap .dB-root .dB-sum .jjdb-v-kv>div.dB-kvn>dt{font-weight:400;color:var(--dB-ink)}
html .jjdb-wrap .dB-root .dB-sum .jjdb-v-kv>div.dB-kvn>dt::after{content:none}
.jjdb-wrap .dB-root .dB-sum .jjdb-v-kv>div.dB-kvn>dt::first-letter{text-transform:none}
.jjdb-wrap .dB-root .dB-sum .jjdb-v-kv dt{font:700 16px/1.45 var(--sans);color:#000}
.jjdb-wrap .dB-root .dB-sum .jjdb-v-kv dt::after{content:":"}
html:lang(ja) .jjdb-wrap .dB-root .dB-sum .jjdb-v-kv dt::after,html:lang(zh) .jjdb-wrap .dB-root .dB-sum .jjdb-v-kv dt::after{content:"："}
.jjdb-wrap .dB-root .dB-sum .jjdb-v-kv dt:empty{display:none}
.jjdb-wrap .dB-root .dB-sum .jjdb-v-kv dd{font:400 16px/1.55 var(--sans);color:var(--dB-ink)}
.jjdb-wrap .dB-root .dB-sum .jjdb-v-kv dd b{font:400 16px/1.55 var(--sans);color:var(--dB-ink)}
.jjdb-wrap .dB-root .dB-sum a.jjdb-v-kv__go{margin:-10px 0;color:var(--dB-navy)}
.jjdb-wrap .dB-root .dB-sum a.jjdb-v-kv__go b{font-weight:700;text-decoration:underline;text-underline-offset:3px;color:var(--dB-navy)}
.jjdb-wrap .dB-root .dB-sum .jjdb-v-tag{min-height:26px;padding:2px 10px;border:0;border-radius:4px;background:var(--dB-navy);color:#fff;font:600 13px/1.35 var(--sans)}
.jjdb-wrap .dB-root .dB-sum .jjdb-v-wear__a{color:var(--dB-navy)}
.jjdb-wrap .dB-root .dB-sum .jjdb-v-rest,.jjdb-wrap .dB-root.is-js .dB-sum .jjdb-v-rest{display:block!important;margin:12px 0 0;padding:14px 0 0;max-width:none;border-top:1px solid #d3dde6;font:400 16px/1.65 var(--sans);color:var(--dB-ink)}
.jjdb-wrap .dB-root .dB-hide{display:none!important}
/* 12か月の気温の帯（月別）：この月だけ紺 */
.jjdb-wrap .dB-root .dB-sum .jjdb-v-yc{margin:16px 0 0;max-width:420px}
.jjdb-wrap .dB-root .dB-sum .jjdb-v-yc rect.is-off{fill:#a9bccd}
.jjdb-wrap .dB-root .dB-sum .jjdb-v-yc rect.is-on{fill:var(--dB-navy)}
.jjdb-wrap .dB-root .dB-sum .jjdb-v-yc__mo{fill:#4d5965}
.jjdb-wrap .dB-root .dB-sum .jjdb-v-yc__mo.is-on,.jjdb-wrap .dB-root .dB-sum .jjdb-v-yc__hl{fill:var(--dB-navy);font-weight:700}
.jjdb-wrap .dB-root .dB-sum .jjdb-v-yc__ld{stroke:#7f93a6}

/* ── 本文の列：部品は全部この列の幅いっぱい・部品の間 24px・見出しの前 48px ── */
.jjdb-wrap .dB-root .jjdb-v-main{min-width:0;max-width:none!important}
.jjdb-wrap .dB-root .dB-sec{margin:48px 0 0;scroll-margin-top:calc(var(--jjdb-v-top,61px) + 16px)}
/* 間隔は1か所で決める（部品ごとの margin より強く）：部品の間 24px・小見出しの前 36px・小見出しのあと 12px・表の出典は表に寄せて 10px */
.jjdb-wrap .dB-root .dB-sec.dB-sec--open>*,.jjdb-wrap .dB-root .dB-acc>.dB-acc__b>*{margin:0;max-width:none;float:none}
.jjdb-wrap .dB-root .dB-sec.dB-sec--open>*+*,.jjdb-wrap .dB-root .dB-acc>.dB-acc__b>*+*{margin-top:24px}
.jjdb-wrap .dB-root .dB-sec.dB-sec--open>.jjdb-v-sec__h+*{margin-top:16px}
.jjdb-wrap .dB-root .dB-sec.dB-sec--open>.jjdb-vx-h3.jjdb-vx-h3,.jjdb-wrap .dB-root .dB-sec.dB-sec--open>.jjdb-vx-h4.jjdb-vx-h4,.jjdb-wrap .dB-root .dB-acc>.dB-acc__b>.jjdb-vx-h3.jjdb-vx-h3,.jjdb-wrap .dB-root .dB-acc>.dB-acc__b>.jjdb-vx-h4.jjdb-vx-h4{margin-top:36px}
.jjdb-wrap .dB-root .dB-sec.dB-sec--open>.jjdb-vx-h3+*,.jjdb-wrap .dB-root .dB-sec.dB-sec--open>.jjdb-vx-h4+*,.jjdb-wrap .dB-root .dB-acc>.dB-acc__b>.jjdb-vx-h3+*,.jjdb-wrap .dB-root .dB-acc>.dB-acc__b>.jjdb-vx-h4+*{margin-top:12px}
.jjdb-wrap .dB-root .dB-sec.dB-sec--open>.dB-src.dB-src,.jjdb-wrap .dB-root .dB-acc>.dB-acc__b>.dB-src.dB-src{margin-top:10px}
.jjdb-wrap .dB-root .dB-acc.dB-acc--q>.dB-acc__b>*+*{margin-top:16px}
.jjdb-wrap .dB-root .dB-sec .jjdb-v-sec__h{display:flex;align-items:center;gap:12px;margin:0}
.jjdb-wrap .dB-root .dB-sec .jjdb-v-sec__i{width:34px;height:34px;margin:0;color:var(--dB-navy);stroke-width:1.5px}
.jjdb-wrap .dB-root .dB-sec .jjdb-v-h2{flex:1;min-width:0;margin:0;font:700 23px/1.25 var(--sans);letter-spacing:-.01em;color:#000}
.jjdb-wrap .dB-root .jjdb-vx-h3{font:700 20px/1.3 var(--sans);color:#000}
.jjdb-wrap .dB-root .jjdb-vx-h4{font:700 17px/1.35 var(--sans);color:#000}

/* 地の文・リード・箇条書き・行 */
.jjdb-wrap .dB-root .jjdb-v-lead,.jjdb-wrap .dB-root .jjdb-vx-p,.jjdb-wrap .dB-root .jjdb-v-rows dd,.jjdb-wrap .dB-root .jjdb-vx-list>li,.jjdb-wrap .dB-root .jjdb-v-facts>li,.jjdb-wrap .dB-root .jjdb-v-qa__a,.jjdb-wrap .dB-root .dB-steps__t{font-size:inherit;line-height:inherit;color:var(--dB-ink);max-width:none}
.jjdb-wrap .dB-root .jjdb-vx-list,.jjdb-wrap .dB-root .jjdb-v-facts{max-width:none;padding:0;list-style:none}
.jjdb-wrap .dB-root .jjdb-vx-list>li,.jjdb-wrap .dB-root .jjdb-v-facts>li{margin:0;padding:0 0 0 24px}
.jjdb-wrap .dB-root .jjdb-vx-list>li+li,.jjdb-wrap .dB-root .jjdb-v-facts>li+li{margin-top:10px}
.jjdb-wrap .dB-root .jjdb-vx-list>li::before,.jjdb-wrap .dB-root .jjdb-v-facts>li::before{left:5px;top:calc(.82em - 4px);width:8px;height:8px;border-radius:50%;background:var(--dB-navy)}
.jjdb-wrap .dB-root .jjdb-v-rows{margin:0}
.jjdb-wrap .dB-root .jjdb-v-rows>div{gap:3px;padding:14px 0;border-top:1px solid var(--dB-line)}
.jjdb-wrap .dB-root .jjdb-v-rows>div:first-child{border-top:0;padding-top:2px}
.jjdb-wrap .dB-root .jjdb-v-rows>div:last-child{padding-bottom:0}
.jjdb-wrap .dB-root .jjdb-v-rows dt{font:700 16px/1.45 var(--sans);color:#000}
.jjdb-wrap .dB-root .jjdb-v-tags{gap:8px;margin:0}
.jjdb-wrap .dB-root .jjdb-v-tag{min-height:28px;padding:2px 10px;border:1px solid var(--dB-teal);border-radius:4px;background:#fff;color:var(--dB-teal);font:600 14px/1.35 var(--sans)}
.jjdb-wrap .dB-root .jjdb-v-v{font-size:15px}

/* 手順：番号つきの行（Step 1 の札＋文） */
.jjdb-wrap .dB-root .dB-steps{list-style:none;margin:0;padding:0}
.jjdb-wrap .dB-root .dB-steps>li{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:start;padding:14px 0;border-top:1px solid var(--dB-line)}
.jjdb-wrap .dB-root .dB-steps>li:first-child{border-top:0;padding-top:2px}
.jjdb-wrap .dB-root .dB-steps__n{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:3px 8px;border-radius:4px;background:var(--dB-navy);color:#fff;font:700 14px/1.2 var(--sans);white-space:nowrap}
.jjdb-wrap .dB-root .dB-steps__t{margin:0}

/* 注記・警告・引用（Smartraveller の「We advise」の面と丸い印） */
.jjdb-wrap .dB-root .jjdb-vx-note{position:relative;padding:14px 14px 14px 46px;background:var(--dB-pan);border-radius:10px;font-size:inherit;line-height:inherit;color:var(--dB-ink);max-width:none}
.jjdb-wrap .dB-root .jjdb-vx-note::before{top:17px}
.jjdb-wrap .dB-root .jjdb-v-warn{position:relative;padding:16px 14px 16px 46px;background:var(--dB-pan2);border-radius:10px;color:var(--dB-ink);font:400 16px/1.6 var(--sans)}
.jjdb-wrap .dB-root .jjdb-v-warn strong{display:block;margin:0 0 4px;font:700 17px/1.4 var(--sans);color:#000}
.jjdb-wrap .dB-root .jjdb-vx-quote{padding:16px 18px 16px 20px;background:var(--dB-pan3);border-left:4px solid var(--dB-teal);border-radius:0 10px 10px 0;box-shadow:none}
.jjdb-wrap .dB-root .jjdb-vx-quote__lb{margin:0 0 6px;font:700 14px/1.35 var(--sans);letter-spacing:0;text-transform:none;color:var(--dB-teal)}
.jjdb-wrap .dB-root .jjdb-vx-quote p{margin:0 0 8px;font-size:inherit;line-height:inherit}
.jjdb-wrap .dB-root .jjdb-vx-quote cite{font:400 14px/1.5 var(--sans);color:var(--dB-sub)}
.jjdb-wrap .dB-root .jjdb-vx-small,.jjdb-wrap .dB-root .dB-src{font:400 14px/1.55 var(--sans);color:var(--dB-sub)}
.jjdb-wrap .dB-root .jjdb-vx-small a,.jjdb-wrap .dB-root .jjdb-vx-p a,.jjdb-wrap .dB-root .jjdb-vx-note a,.jjdb-wrap .dB-root .jjdb-vx-quote a,.jjdb-wrap .dB-root .jjdb-v-rows a,.jjdb-wrap .dB-root .jjdb-vx-list a{color:var(--dB-navy);text-decoration:underline;text-underline-offset:3px}

/* 図（免税の Before and after）：灰青の面の中に図と出どころ */
.jjdb-wrap .dB-root .dB-fig{padding:18px 16px;background:var(--dB-pan);border-radius:10px}
.jjdb-wrap .dB-root .dB-fig>p{margin:0;max-width:none}
.jjdb-wrap .dB-root .dB-fig img{display:block;width:100%;max-width:440px;height:auto;margin:0 auto}
.jjdb-wrap .dB-root .dB-fig .jjdb-small{max-width:440px;margin:12px auto 0;font:400 14px/1.55 var(--sans);color:var(--dB-sub)}
.jjdb-wrap .dB-root .dB-fig .jjdb-small a{color:var(--dB-navy);text-decoration:underline}

/* 表 */
.jjdb-wrap .dB-root .jjdb-v-tw{margin:0;min-width:0}
.jjdb-wrap .dB-root .jjdb-v-cap{margin:0 0 10px;font:400 15px/1.45 var(--sans);color:var(--dB-sub)}
.jjdb-wrap .dB-root .jjdb-v-hint{background:var(--dB-navy);border-radius:3px}
.jjdb-wrap .dB-root .jjdb-v-t{font:400 16px/1.5 var(--sans);color:var(--dB-ink);border-top:0}
.jjdb-wrap .dB-root .jjdb-v-t>thead>tr,.jjdb-wrap .dB-root .jjdb-v-t thead th{background:var(--dB-navy)}
.jjdb-wrap .dB-root .jjdb-v-t thead th{padding:12px 14px;color:#fff;font:700 14px/1.35 var(--sans)}
.jjdb-wrap .dB-root .jjdb-v-t tbody th,.jjdb-wrap .dB-root .jjdb-v-t tbody td{padding:13px 14px;border-bottom:1px solid var(--dB-line)}
.jjdb-wrap .dB-root .jjdb-v-t tr.is-hit>th,.jjdb-wrap .dB-root .jjdb-v-t tr.is-hit>td{background:var(--dB-pan)}
.jjdb-wrap .dB-root .jjdb-v-t tr.is-hit>th{box-shadow:inset 4px 0 0 var(--dB-navy)}
.jjdb-wrap .dB-root .jjdb-v-sub{font:400 14px/1.45 var(--sans);color:var(--dB-sub)}
.jjdb-wrap .dB-root .jjdb-v-u{font-size:13px;color:var(--dB-sub)}
.jjdb-wrap .dB-root a.jjdb-v-a{color:var(--dB-navy);text-decoration-color:#8fa3b5}
.jjdb-wrap .dB-root a.jjdb-v-src{color:var(--dB-navy)}
.jjdb-wrap .dB-root .jjdb-sortbar{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px;padding:0;border:0;background:none;box-shadow:none}
.jjdb-wrap .dB-root .jjdb-sortbar::after,.jjdb-wrap .dB-root .jjdb-sortbar::before{content:none}
.jjdb-wrap .dB-root .jjdb-sortbar .jjdb-sortbar__b{min-height:44px;padding:6px 14px;border:1px solid var(--dB-teal);border-radius:4px;background:#fff;color:var(--dB-teal);font:600 14px/1.2 var(--sans)}
.jjdb-wrap .dB-root .jjdb-sortbar .jjdb-sortbar__b.is-on{background:var(--dB-teal);color:#fff}
.jjdb-wrap .dB-root .jjdb-vx-bars{max-width:none;margin:0}
.jjdb-wrap .dB-root .jjdb-vx-bars figcaption{font:700 16px/1.4 var(--sans)}
.jjdb-wrap .dB-root .jjdb-vx-bars li{font-size:15px}
.jjdb-wrap .dB-root .jjdb-vx-bars i{height:14px;border-radius:2px;background:linear-gradient(90deg,#a9bccd var(--v),#eef2f6 0)}
.jjdb-wrap .dB-root .jjdb-vx-bars li.is-hit i{background:linear-gradient(90deg,var(--dB-navy) var(--v),#eef2f6 0)}
/* 数字の格子（月別・ビザ） */
.jjdb-wrap .dB-root .jjdb-v-fig{gap:8px;margin:0}
.jjdb-wrap .dB-root .jjdb-v-fig>div{padding:14px 14px 13px;background:var(--dB-pan);border-radius:8px}
.jjdb-wrap .dB-root .jjdb-v-fig dt{font:600 14px/1.35 var(--sans);color:var(--dB-sub)}
.jjdb-wrap .dB-root .jjdb-v-fig__n{font:700 30px/1 var(--sans);color:var(--dB-navy)}
.jjdb-wrap .dB-root .jjdb-v-fig__x{font:700 20px/1.2 var(--sans);color:var(--dB-navy)}
.jjdb-wrap .dB-root .jjdb-v-fig__u{font-size:15px}
.jjdb-wrap .dB-root .jjdb-v-fig .jjdb-v-bar::after{background:var(--dB-navy)}

/* リンクの行・ボタン（Smartraveller の青緑のボタン） */
.jjdb-wrap .dB-root .jjdb-v-lks{gap:8px;margin:0}
.jjdb-wrap .dB-root a.jjdb-v-lk{min-height:56px;padding:12px 16px;background:#fff;border:1px solid var(--dB-line);color:#000}
.jjdb-wrap .dB-root a.jjdb-v-lk:hover{background:var(--dB-pan3);color:#000}
.jjdb-wrap .dB-root a.jjdb-v-lk:hover small{color:var(--dB-sub)}
.jjdb-wrap .dB-root .jjdb-v-lk b{font:700 16px/1.35 var(--sans)}
.jjdb-wrap .dB-root .jjdb-v-lk small{font:400 14px/1.45 var(--sans);color:var(--dB-sub)}
.jjdb-wrap .dB-root .jjdb-v-lks.is-chips{display:flex;flex-wrap:wrap;gap:8px}
.jjdb-wrap .dB-root .jjdb-v-lks.is-chips a.jjdb-v-lk{min-height:44px;padding:8px 14px 8px 16px;border:0;border-radius:4px;background:var(--dB-teal);color:#fff}
.jjdb-wrap .dB-root .jjdb-v-lks.is-chips a.jjdb-v-lk:hover{background:var(--dB-navy);color:#fff}
.jjdb-wrap .dB-root .jjdb-v-lks.is-chips .jjdb-v-lk b{font:600 15px/1.3 var(--sans);color:#fff}
.jjdb-wrap .dB-root a.jjdb-v-btn{border-radius:4px}
.jjdb-wrap .dB-root a.jjdb-v-btn--o{background:#fff;color:var(--dB-teal);box-shadow:inset 0 0 0 2px var(--dB-teal)}
.jjdb-wrap .dB-root a.jjdb-v-btn--o:hover{background:var(--dB-teal);color:#fff}
.jjdb-wrap .dB-root a.jjdb-v-back{border-radius:4px;background:var(--dB-navy)}
.jjdb-wrap .dB-root a.jjdb-v-back:hover{background:var(--dB-teal)}
.jjdb-wrap .dB-root .jjdb-v-backp,.jjdb-wrap .dB-root .jjdb-v-d__go{margin:0}
/* 次の入口（数字つきの行・品目の行） */
.jjdb-wrap .dB-root .jjdb-v-mrel{border-top:1px solid var(--dB-line)}
.jjdb-wrap .dB-root a.jjdb-v-mrel__i:hover,.jjdb-wrap .dB-root a.jjdb-v-r:hover{background:var(--dB-pan3)}
.jjdb-wrap .dB-root a.jjdb-v-mrel__i:hover .jjdb-v-mrel__n b,.jjdb-wrap .dB-root a.jjdb-v-r:hover .jjdb-v-r__n{color:var(--dB-navy)}
.jjdb-wrap .dB-root .jjdb-v-mrel__n small,.jjdb-wrap .dB-root .jjdb-v-mrel__c small{color:var(--dB-sub);font-size:14px}
.jjdb-wrap .dB-root .jjdb-v-gh{background:var(--dB-pan)}
.jjdb-wrap .dB-root .jjdb-v-all>summary{border-radius:0;color:var(--dB-navy)}
.jjdb-wrap .dB-root .jjdb-v-fold{margin:0;background:#fff;border:1px solid var(--dB-line)}
.jjdb-wrap .dB-root .jjdb-v-fold>summary{min-height:56px;padding:12px 18px;font:700 16px/1.4 var(--sans);list-style:none;cursor:pointer}
.jjdb-wrap .dB-root .jjdb-v-fold>summary::-webkit-details-marker{display:none}
.jjdb-wrap .dB-root .jjdb-v-fold>summary .jjdb-v-pm{display:none}
.jjdb-wrap .dB-root .jjdb-v-fold>summary::after{content:"";flex:none;width:26px;height:15px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 15' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 1.5l11.5 12 11.5-12'/%3E%3C/svg%3E") center/contain no-repeat}
.jjdb-wrap .dB-root .jjdb-v-fold[open]>summary::after{transform:rotate(180deg)}
.jjdb-wrap .dB-root .jjdb-v-fold>summary:hover{background:var(--dB-pan3)}
.jjdb-wrap .dB-root .jjdb-v-fold__b{padding:4px 18px 18px;box-shadow:none}
.jjdb-wrap .dB-root .jjdb-v-fold__b>*+*{margin-top:16px}
/* 出どころ・末尾 */
.jjdb-wrap .dB-root .jjdb-v-srcs{font:400 15px/1.55 var(--sans)}
.jjdb-wrap .dB-root .jjdb-v-srcs a{color:var(--dB-navy);text-decoration-color:#8fa3b5}
.jjdb-wrap .dB-root .jjdb-v-srcs__m{font-size:14px;color:var(--dB-sub)}
.jjdb-wrap .dB-root .jjdb-v-end{margin:48px 0 0;padding:18px 0 0;border-top:1px solid var(--dB-line)}
.jjdb-wrap .dB-root .jjdb-v-upd{margin:0;font:400 14px/1.5 var(--sans);color:var(--dB-sub)}

/* ── 畳む行（Smartraveller の Full advice の行：枠線の箱・太字・右に ∨）。閉じた中身は描かない（Smartraveller と同じ） ── */
.jjdb-wrap .dB-root .dB-tools{display:flex;justify-content:flex-end;margin:48px 0 4px}
.jjdb-wrap .dB-root .dB-sec--acc{margin:12px 0 0}
.jjdb-wrap .dB-root .dB-acc,.jjdb-wrap .dB-root .dB-qa{display:block;margin:0;padding:0;border:1px solid var(--dB-line);background:#fff}
.jjdb-wrap .dB-root .dB-acc__s,.jjdb-wrap .dB-root .dB-qa__s{display:flex;align-items:center;gap:14px;min-height:64px;padding:12px 16px 12px 18px;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}
.jjdb-wrap .dB-root .dB-acc__s::-webkit-details-marker,.jjdb-wrap .dB-root .dB-qa__s::-webkit-details-marker{display:none}
.jjdb-wrap .dB-root .dB-acc__s:hover,.jjdb-wrap .dB-root .dB-qa__s:hover{background:var(--dB-pan3)}
.jjdb-wrap .dB-root .dB-acc__s:focus-visible,.jjdb-wrap .dB-root .dB-qa__s:focus-visible{outline:3px solid var(--dB-teal);outline-offset:-3px}
.jjdb-wrap .dB-root .dB-acc__s .jjdb-v-h2{flex:1;min-width:0}
.jjdb-wrap .dB-root .dB-acc__s .jjdb-v-sec__i{width:28px;height:28px}
.jjdb-wrap .dB-root .dB-acc__s .jjdb-v-h2{font:700 18px/1.35 var(--sans);letter-spacing:0}
.jjdb-wrap .dB-root .dB-acc__t{flex:1;min-width:0;font:700 16px/1.45 var(--sans);color:#000}
.jjdb-wrap .dB-root .dB-acc__t .jjdb-v-cap__t{display:inline;color:#000}
.jjdb-wrap .dB-root .dB-acc--q .dB-acc__t .jjdb-vx-quote__lb{display:inline;margin:0;font:700 16px/1.4 var(--sans);color:#000;letter-spacing:0;text-transform:none}
.jjdb-wrap .dB-root .dB-qmk{flex:none;width:24px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 20' fill='none' stroke='%2320576b' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M2 18v-7c0-5 3-8 7-9M2 11h7v7H2zM14 18v-7c0-5 3-8 7-9M14 11h7v7h-7z'/%3E%3C/svg%3E") center/contain no-repeat}
.jjdb-wrap .dB-root .dB-acc--q .dB-acc__b>.jjdb-vx-quote{border-radius:0}

.jjdb-wrap .dB-root .dB-acc__b{padding:6px 18px 22px}
.jjdb-wrap .dB-root .dB-acc--in .dB-acc__b{padding:4px 0 0;border-top:1px solid var(--dB-line)}
.jjdb-wrap .dB-root .dB-acc--in[open] .dB-acc__b{padding:16px 14px 18px}
.jjdb-wrap .dB-root .jjdb-v-faq{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:12px;margin:0;border-top:0}
.jjdb-wrap .dB-root .dB-qa .jjdb-v-qa__q{flex:1;min-width:0;margin:0;font:700 17px/1.4 var(--sans);color:#000}
.jjdb-wrap .dB-root .dB-qa__b{padding:0 18px 18px}
.jjdb-wrap .dB-root .dB-qa .jjdb-v-qa__a{margin:0}
.jjdb-wrap .dB-root .dB-chev{flex:none;width:26px;height:15px;margin-left:auto;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 15' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 1.5l11.5 12 11.5-12'/%3E%3C/svg%3E") center/contain no-repeat}
.jjdb-wrap .dB-root details[open]>summary>.dB-chev{transform:rotate(180deg)}
/* Expand all（右上・大文字・＋） */
.jjdb-wrap .dB-root .dB-all{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:10px;flex:none;min-height:44px;margin:0 0 0 auto;padding:0 2px 0 10px;border:0;border-radius:0;background:none;color:#000;font:700 13px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
html:lang(ja) .jjdb-wrap .dB-root .dB-all,html:lang(zh) .jjdb-wrap .dB-root .dB-all,html:lang(ko) .jjdb-wrap .dB-root .dB-all{letter-spacing:.04em;font-size:14px}
.jjdb-wrap .dB-root .dB-all:hover .dB-all__t{text-decoration:underline;text-underline-offset:4px}
.jjdb-wrap .dB-root .dB-all:focus-visible{outline:3px solid var(--dB-teal);outline-offset:2px}
.jjdb-wrap .dB-root .dB-all__i{position:relative;width:16px;height:16px;flex:none}
.jjdb-wrap .dB-root .dB-all__i::before,.jjdb-wrap .dB-root .dB-all__i::after{content:"";position:absolute;left:0;top:7px;width:16px;height:2px;background:currentColor}
.jjdb-wrap .dB-root .dB-all__i::after{transform:rotate(90deg)}
.jjdb-wrap .dB-root .dB-all[aria-expanded="true"] .dB-all__i::after{transform:rotate(90deg) scaleX(0)}
.jjdb-wrap .dB-root:not(.is-js) .dB-all{display:none}

/* ── 目次：スマホとタブレットは下に貼り付く「Jump to…」（押すと章の一覧）・PC は左に貼り付く「On this page」 ── */
.jjdb-wrap .dB-root .dB-toc{margin:0;background:none;box-shadow:none}
.jjdb-wrap .dB-root .dB-toc::after{content:none}
.jjdb-wrap .dB-root .dB-toc .jjdb-v-toc__in{display:block;padding:0;overflow:visible}
.jjdb-wrap .dB-root .dB-toc .jjdb-v-toc__t{display:block;margin:0 0 12px;font:700 18px/1.3 var(--sans);color:#000}
.jjdb-wrap .dB-root .dB-toc ol{display:block;position:relative;margin:0;padding:0;list-style:none;box-shadow:inset 4px 0 0 var(--dB-track)}
.jjdb-wrap .dB-root .dB-toc li{display:block}
.jjdb-wrap .dB-root .dB-toc ol a{display:flex;align-items:center;min-height:44px;min-width:0;padding:9px 10px 9px 22px;white-space:normal;font:700 16px/1.35 var(--sans);color:#000;text-decoration:none;box-shadow:none}
.jjdb-wrap .dB-root .dB-toc ol a:hover{background:var(--dB-pan3);color:#000;text-decoration:underline;text-underline-offset:4px}
.jjdb-wrap .dB-root .dB-toc ol a.dB-on,.jjdb-wrap .dB-root .dB-toc ol a.is-on{color:#000;box-shadow:none}
.jjdb-wrap .dB-root .dB-toc li.dB-toc__c a{font-weight:400}
.jjdb-wrap .dB-root .dB-toc .dB-toc__bar{position:absolute;left:0;top:0;width:4px;height:44px;background:var(--dB-green);pointer-events:none;transform:translateY(0)}
.jjdb-wrap .dB-root:not(.is-js) .dB-toc ol{box-shadow:inset 4px 0 0 var(--dB-green)}
.jjdb-wrap .dB-root .dB-jump,.jjdb-wrap .dB-root .dB-x{display:none}

@media (max-width:1023px){
  .jjdb-wrap .dB-root .jjdb-v-body{display:block}
  .jjdb-wrap .dB-root .jjdb-v-main{padding-top:20px}
  .jjdb-wrap .dB-root:not(.is-js) .dB-toc{position:static;margin:28px 0 0;padding:18px;background:var(--dB-pan3);border-radius:10px}
  .jjdb-wrap .dB-root.is-js{padding-bottom:76px}
  .jjdb-wrap .dB-root.is-js .dB-toc{position:fixed;top:auto;bottom:12px;left:max(16px,calc(50% - var(--dB-col) / 2));right:max(16px,calc(50% - var(--dB-col) / 2));z-index:60;margin:0}
  .jjdb-wrap .dB-root.is-js .dB-jump{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;margin:0;padding:0 16px;border:0;border-radius:4px;background:var(--dB-navy);color:#fff;font:700 16px/1.2 var(--sans);cursor:pointer;-webkit-appearance:none;appearance:none}
  .jjdb-wrap .dB-root.is-js .dB-jump::after{content:"";width:12px;height:7px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 7' fill='none' stroke='%23fff' stroke-width='1.8'%3E%3Cpath d='M1 6l5-5 5 5'/%3E%3C/svg%3E") center/contain no-repeat}
  .jjdb-wrap .dB-root.is-js .dB-jump:focus-visible{outline:3px solid #fff;outline-offset:-5px}
  .jjdb-wrap .dB-root.is-js .dB-toc .jjdb-v-toc__in{display:none}
  .jjdb-wrap .dB-root.is-js .dB-toc.dB-open .jjdb-v-toc__in{display:block;position:fixed;inset:0;z-index:70;overflow-y:auto;padding:72px max(20px,calc(50% - var(--dB-col) / 2)) 40px;background:#fff}
  .jjdb-wrap .dB-root.is-js .dB-toc.dB-open .jjdb-v-toc__t{margin:0 0 14px;font-size:20px}
  .jjdb-wrap .dB-root.is-js .dB-toc.dB-open ol a{min-height:52px;font-size:17px}
  .jjdb-wrap .dB-root.is-js .dB-x{display:block;position:absolute;top:12px;right:12px;width:48px;height:48px;margin:0;padding:0;border:0;border-radius:0;background:none;cursor:pointer;-webkit-appearance:none;appearance:none}
  .jjdb-wrap .dB-root.is-js .dB-x::before,.jjdb-wrap .dB-root.is-js .dB-x::after{content:"";position:absolute;left:12px;top:23px;width:24px;height:2.5px;background:#000;transform:rotate(45deg)}
  .jjdb-wrap .dB-root.is-js .dB-x::after{transform:rotate(-45deg)}
  .jjdb-wrap .dB-root.is-js .dB-x:focus-visible{outline:3px solid var(--dB-teal);outline-offset:-3px}
}
html.dB-lock{overflow:hidden}
@media (max-width:767px){
  /* スマホ：Expand all は見出しの上の行の右（Smartraveller のスマホと同じ） */
  .jjdb-wrap .dB-root .dB-sec .jjdb-v-sec__h{flex-wrap:wrap}
  .jjdb-wrap .dB-root .dB-sec .jjdb-v-sec__h>.dB-all{order:-1;flex-basis:100%;justify-content:flex-end;min-height:44px;margin:-10px 0 0}
}
/* 日本らしさの飾り：スマホとタブレットの丸い御朱印は頭の下の縁（題と判定の帯の字の上）に乗るので出さない。PC の御朱印帳の1ページは写真の右上に残す */
.jjdb.jjdb-v4p [data-wa="goshuin"]{display:none!important}

@media (min-width:768px){
  .jjdb.jjdb-v4p{--dB-grid:var(--dB-col);--jj-pad:40px}
  .jjdb-wrap .dB-root{font-size:18px}
  .jjdb-wrap .dB-root .dB-hero__art{align-items:center;padding-top:0;color:rgba(255,255,255,.32)}
  .jjdb-wrap .dB-root .jjdb-v-main{max-width:var(--dB-col)!important;margin-inline:auto}
  .jjdb-v4top .dB-hero{min-height:300px;padding:16px 0 30px!important}
  .jjdb-v4top .dB-hero .jjdb-hero__title{font-size:40px!important;line-height:46px!important}
  html:lang(ja) .jjdb-v4top .dB-hero .jjdb-hero__title,html:lang(zh) .jjdb-v4top .dB-hero .jjdb-hero__title,html:lang(ko) .jjdb-v4top .dB-hero .jjdb-hero__title{line-height:52px!important}
  .jjdb-v4top .dB-band--tx .dB-band__in{padding:20px 0 22px}
  .jjdb-v4top .dB-band--tx .jjdb-v-one{font-size:20px;line-height:30px}
  .jjdb-v4top .dB-band--v .jjdb-v-vrow{min-height:76px;gap:18px}
  .jjdb-v4top .dB-band--v .jjdb-v-vrow__mk{width:44px;height:44px}
  .jjdb-v4top .dB-band--v .jjdb-v-vrow__mk .jjdb-v-i{width:28px;height:28px}
  .jjdb-v4top .dB-band--v .jjdb-v-vrow__tx,.jjdb-v4top .dB-band--v .jjdb-v-vrow__lb{font-size:20px;line-height:28px}
  .jjdb-v4top .dB-band--v .jjdb-v-vrow__w{font-size:22px;line-height:28px}
  .jjdb-v4top .dB-band--v .jjdb-v-vrow__art{display:grid;place-items:center;padding:0;color:rgba(255,255,255,.85)}
  .jjdb-v4top .dB-band--v .jjdb-v-vrow__art .jjdb-v-art{width:70px;height:48px}
  .jjdb-wrap .dB-root .dB-adv{padding:22px 28px 22px 64px}
  .jjdb-wrap .dB-root .dB-adv::before,.jjdb-wrap .dB-root .jjdb-v-warn::before,.jjdb-wrap .dB-root .jjdb-vx-note::before{left:24px;top:25px;width:26px;height:26px}
  .jjdb-wrap .dB-root .dB-adv .jjdb-v-one{font-size:19px}
  .jjdb-wrap .dB-root .dB-sum{padding:28px 30px 30px}
  .jjdb-wrap .dB-root .dB-sum .jjdb-v-gl__t{font-size:26px;margin-bottom:18px}
  .jjdb-wrap .dB-root .dB-sum .jjdb-v-nums{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
  .jjdb-wrap .dB-root .dB-sum .jjdb-v-nums>.jjdb-v-num:last-child:nth-child(odd){grid-column:auto}
  .jjdb-wrap .dB-root .dB-sum .jjdb-v-num b{font-size:40px}
  .jjdb-wrap .dB-root .dB-sum .jjdb-v-kv>div{grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:4px 20px;padding:7px 0}
  .jjdb-wrap .dB-root .dB-sum .jjdb-v-kv dt,.jjdb-wrap .dB-root .dB-sum .jjdb-v-kv dd,.jjdb-wrap .dB-root .dB-sum .jjdb-v-kv dd b{font-size:18px}
  .jjdb-wrap .dB-root .dB-sum .jjdb-v-rest,.jjdb-wrap .dB-root.is-js .dB-sum .jjdb-v-rest{font-size:18px}
  .jjdb-wrap .dB-root .dB-sec{margin-top:56px}
  .jjdb-wrap .dB-root .dB-sec--acc{margin-top:14px}
  .jjdb-wrap .dB-root .dB-sec.dB-sec--open>.jjdb-v-sec__h+*{margin-top:20px}
  .jjdb-wrap .dB-root .dB-sec .jjdb-v-sec__h{gap:16px}
  .jjdb-wrap .dB-root .dB-sec .jjdb-v-sec__i{width:40px;height:40px}
  .jjdb-wrap .dB-root .dB-sec .jjdb-v-h2{font-size:28px}
  .jjdb-wrap .dB-root .dB-acc__s,.jjdb-wrap .dB-root .dB-qa__s{min-height:72px;padding:14px 20px 14px 24px}
  .jjdb-wrap .dB-root .dB-acc__s .jjdb-v-sec__i{width:32px;height:32px}
  .jjdb-wrap .dB-root .dB-acc__s .jjdb-v-h2{font-size:20px}
  .jjdb-wrap .dB-root .dB-qa .jjdb-v-qa__q{font-size:19px}
  .jjdb-wrap .dB-root .dB-acc__b{padding:8px 24px 26px}
  .jjdb-wrap .dB-root .dB-qa__b{padding:0 24px 22px}
  .jjdb-wrap .dB-root .dB-acc--in[open] .dB-acc__b{padding:18px 18px 20px}
  .jjdb-wrap .dB-root .jjdb-v-rows>div{grid-template-columns:minmax(0,190px) minmax(0,1fr);gap:4px 24px}
  .jjdb-wrap .dB-root .jjdb-v-rows dt{font-size:17px}
  .jjdb-wrap .dB-root .dB-steps>li{grid-template-columns:88px minmax(0,1fr);gap:20px}
  .jjdb-wrap .dB-root .jjdb-vx-note,.jjdb-wrap .dB-root .jjdb-v-warn{padding:20px 24px 20px 64px}
  .jjdb-wrap .dB-root .jjdb-v-warn{font-size:18px}
  .jjdb-wrap .dB-root .jjdb-v-warn strong{font-size:19px}
  .jjdb-wrap .dB-root .jjdb-vx-quote{padding:20px 24px}
  .jjdb-wrap .dB-root .dB-fig{padding:24px}
  .jjdb-wrap .dB-root .jjdb-v-lks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jjdb-wrap .dB-root .jjdb-v-lks.is-chips{display:flex}
  .jjdb-wrap .dB-root .jjdb-v-t{font-size:16px}
  .jjdb-wrap .dB-root .jjdb-vx-h3{font-size:22px}
  .jjdb-wrap .dB-root .jjdb-vx-h4{font-size:19px}
}
@media (min-width:768px) and (max-width:1023px){
  .jjdb-wrap .dB-root a.jjdb-v-a,.jjdb-wrap .dB-root .jjdb-v-t tbody th>a.jjdb-v-a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;margin:-12px 0}
  .jjdb-wrap .dB-root a.jjdb-v-src{display:inline-flex;align-items:center;min-height:44px;min-width:44px;margin:-12px 0 -12px 4px}
  .jjdb-wrap .dB-root .jjdb-v-ph figcaption a,.jjdb-wrap .dB-root .jjdb-vx-quote cite a{padding:14px 0}
}
@media (min-width:1024px){
  .jjdb.jjdb-v4p{--dB-grid:calc(var(--dB-toc) + var(--dB-gap) + var(--dB-col));--jj-pad:64px}
  .jjdb-wrap .dB-root .jjdb-v-body{display:grid!important;grid-template-columns:var(--dB-toc) minmax(0,var(--dB-col));column-gap:var(--dB-gap);justify-content:center;align-items:start}
  .jjdb-wrap .dB-root .jjdb-v-main{margin:0;padding-top:48px}
  .jjdb-wrap .dB-root .dB-toc{position:sticky;top:calc(var(--jjdb-v-top,61px) + 24px);align-self:start;max-height:calc(100vh - var(--jjdb-v-top,61px) - 48px);overflow-y:auto;margin:48px 0 0;padding:0 0 8px;scrollbar-width:thin}
  .jjdb-v4top .dB-hero .jjdb-hero__title{font-size:44px!important;line-height:50px!important}
  html:lang(ja) .jjdb-v4top .dB-hero .jjdb-hero__title,html:lang(zh) .jjdb-v4top .dB-hero .jjdb-hero__title,html:lang(ko) .jjdb-v4top .dB-hero .jjdb-hero__title{line-height:56px!important}
  .jjdb-v4top .dB-band--tx .jjdb-v-one{font-size:21px;line-height:32px}
}
@media (min-width:1024px) and (max-width:1279px){
  .jjdb.jjdb-v4p{--dB-toc:216px;--dB-gap:40px}
}
@media (min-width:1280px){
  .jjdb.jjdb-v4p{--dB-toc:264px;--dB-gap:64px}
  .jjdb-v4top .dB-hero .jjdb-hero__title{font-size:48px!important;line-height:54px!important}
  html:lang(ja) .jjdb-v4top .dB-hero .jjdb-hero__title,html:lang(zh) .jjdb-v4top .dB-hero .jjdb-hero__title,html:lang(ko) .jjdb-v4top .dB-hero .jjdb-hero__title{line-height:62px!important}
  .jjdb-wrap .dB-root .dB-toc ol a{font-size:17px}
}

/* ── 動き（150〜400ms。読む文字そのものは動かさない） ── */
@media (prefers-reduced-motion:no-preference){
  .jjdb-wrap .dB-root .dB-chev{transition:transform .25s ease}
  .jjdb-wrap .dB-root .dB-all__i::after{transition:transform .2s ease}
  .jjdb-wrap .dB-root .dB-toc .dB-toc__bar{transition:transform .3s cubic-bezier(.2,.7,.2,1),height .3s cubic-bezier(.2,.7,.2,1)}
  .jjdb-wrap .dB-root .dB-acc__s,.jjdb-wrap .dB-root .dB-qa__s,.jjdb-wrap .dB-root .dB-toc ol a,.jjdb-wrap .dB-root a.jjdb-v-lk{transition:background-color .15s}
}

/* ── 案F：本文の頭の目次（Airbnb の In this article の型：小さい題 → しおりの印＋下線のリンク 44px おき → 1px の線。7項目からは2列）。色と太さは案B ── */
.jjdb-wrap .dB-root .dB-itoc{margin:32px 0 0;padding:0 0 12px;border-bottom:1px solid var(--dB-line)}
.jjdb-wrap .dB-root .dB-itoc__t{margin:0 0 2px;font:700 15px/20px var(--sans);color:var(--dB-sub)}
.jjdb-wrap .dB-root .dB-itoc__l{margin:0;padding:0;list-style:none}
.jjdb-wrap .dB-root .dB-itoc__l.is-many{columns:2;column-gap:20px}
.jjdb-wrap .dB-root .dB-itoc__l>li{margin:0;padding:0;break-inside:avoid}
.jjdb-wrap .dB-root .dB-itoc__l>li::before{content:none}
.jjdb-wrap .dB-root a.dB-itoc__a{display:flex;align-items:flex-start;gap:8px;min-height:44px;padding:12px 0;font:600 16px/20px var(--sans);color:var(--dB-navy);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:#8fa3b5}
.jjdb-wrap .dB-root a.dB-itoc__a:hover{color:var(--dB-navy);text-decoration-color:currentColor;text-decoration-thickness:2px}
.jjdb-wrap .dB-root a.dB-itoc__a:focus-visible{outline:3px solid var(--dB-teal);outline-offset:2px}
.jjdb-wrap .dB-root .dB-bm{display:block;flex:none;width:12px;height:12px;margin-top:4px;color:var(--dB-teal)}
.jjdb-wrap .dB-root .dB-bm svg{display:block;width:12px;height:12px;fill:currentColor}
.jjdb-wrap .dB-root .dB-itoc__x{min-width:0}
html:lang(ja) .jjdb-wrap .dB-root a.dB-itoc__a,html:lang(zh) .jjdb-wrap .dB-root a.dB-itoc__a{line-height:22px}
@media (min-width:768px){
  .jjdb-wrap .dB-root .dB-itoc{margin-top:40px}
  .jjdb-wrap .dB-root .dB-itoc__l.is-many{column-gap:32px}
  .jjdb-wrap .dB-root a.dB-itoc__a{font-size:17px;line-height:22px}
}
/* 本文の頭の目次が画面にあるあいだは、左の目次（PC）と下の Jump to（スマホ・タブレット）を出さない。
   画面の上へ抜けたら出す（plan.js が .dB-show を付ける）。出し入れは opacity と visibility だけ（場所は動かない・CLS 0）。JS が無いときはいつも出す */
.jjdb-wrap .dB-root.is-js .dB-toc{opacity:0;visibility:hidden}
.jjdb-wrap .dB-root.is-js .dB-toc.dB-show,.jjdb-wrap .dB-root.is-js .dB-toc.dB-open{opacity:1;visibility:visible}
@media (prefers-reduced-motion:no-preference){
  .jjdb-wrap .dB-root.is-js .dB-toc{transition:opacity .25s ease,visibility 0s linear .25s}
  .jjdb-wrap .dB-root.is-js .dB-toc.dB-show,.jjdb-wrap .dB-root.is-js .dB-toc.dB-open{transition:opacity .25s ease,visibility 0s}
}