@charset "utf-8";
/* ============================================================
   Japan Japan !! 実務データのページ「仕様表型」（v3）の見た目
   japanjapan/assets/db-v3.css   2026-10-07（チャット「航空会社DB 新しい形を英語で本番へ」）
   ------------------------------------------------------------
   inc/jj-db-v3.php が描いたページ（.jjdb-v3）だけで読む。db.css → db-v2.css（表・引用・FAQ・出どころの部品）→ このファイル の順。
   元は見本 E（GSMArena 型の仕様表）に、ほかの案の部品4つ（C の白い札3枚・B の行動電源の置き場所の絵・D の違いだけ目立たせる比べ方・A の絞り込みの札と並べ替えのタブ）を足したもの。
   ・区分の見出しは灰色の面の帯をやめて「上に線＋11px の大文字の札＋見出し」（藤井さんの選択 10/7）
   ・PC の左（個別は右）の列は貼り付く（藤井さんの選択 10/7）
   ・判定の色（OK #15653a／不可 #b71c1c）は小さな印と短い言葉だけ。行や面を塗らない
   ・角丸0・影0・グリッドは minmax(0,1fr)・押せるものはスマホで44px以上
   ★作り直すのは DB器/build/make_css.py（元 build/_src_v3.css）。手で直さない
   ============================================================ */
/* ── 土台（仕様表型・見本 E の値。部品の表・引用・FAQ・出どころは db-v2.css のまま） ── */
.jjdb-v3{--s-ink:#131313;--s-sub:#747474;--s-gray:#555;--s-line:#e9e9e9;--s-soft:#f7f7f7;--s-ctl:#d6d6d6;--s-ok:#15653a;--s-ng:#b71c1c;--s-red:var(--red,#d10a11);
  font:400 14px/1.5 var(--sans);color:var(--s-ink)}
.jjdb-v3 [hidden]{display:none!important}
.jjdb-v3 svg.jjdb-s-i{display:block;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.jjdb-v3 svg.jjdb-s-i.is-ng{color:var(--s-ng);stroke-width:2}
.jjdb-v3 svg.jjdb-s-i.is-ok{color:var(--s-ok);stroke-width:2}
.jjdb-v3 button{font:inherit;color:inherit;background:none;border:0;border-radius:0;padding:0;margin:0;cursor:pointer;text-align:inherit}
.jjdb-v3 a{color:inherit}
.jjdb-v3 .jjdb-s-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.jjdb-v3 :focus-visible{outline:2px solid var(--s-red);outline-offset:2px}
.jjdb-v3 #specs,.jjdb-v3 #compare,.jjdb-v3 #bagcheck,.jjdb-v3 #sources,.jjdb-v3 #faq,.jjdb-v3 #all,.jjdb-v3 .jjdb-s-ar,.jjdb-v3 .jjdb-s-grp{scroll-margin-top:calc(var(--jjdb-s-top,61px) + 16px)}
.jjdb-v3 .jjdb-s-mk{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;font:700 12px/1 var(--sans);letter-spacing:.02em}

/* ── 頭（黒い帯）：GSMArena の題の帯の高さ ── */
.jjdb-v3 .jjdb-hero.jjdb-s-hero{padding:6px 0 20px;margin:0}
.jjdb-v3 .jjdb-s-hero .jjdb-hero__title{font:500 clamp(22px,2.1vw,30px)/1.18 var(--sans);letter-spacing:-.022em;max-width:none;margin:0;padding:0}
.jjdb-v3 .jjdb-s-hero .jjdb-hero__lead{font:400 15px/1.55 var(--sans);color:#d9d9d9;max-width:78ch;margin:10px 0 0}
.jjdb-v3 .jjdb-s-kpis{display:flex;flex-wrap:wrap;gap:6px 28px;margin:16px 0 0;padding:0;list-style:none}
.jjdb-v3 .jjdb-s-kpis li{display:flex;align-items:baseline;gap:8px;color:#bdbdbd;font-size:13px;line-height:1.35;margin:0}
.jjdb-v3 .jjdb-s-kpis b{font:600 24px/1 var(--sans);color:#fff;letter-spacing:-.02em}
.jjdb-v3 .jjdb-s-hero~.wa2-gb,.jjdb-v3 .jjdb-s-hero .wa2-gb{display:none}

/* ── 2列の枠（PC は左の列が貼り付く・藤井さんの選択 10/7） ── */
.jjdb-v3 .jjdb-s-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin:20px 0 56px}
.jjdb-v3 .jjdb-s-side,.jjdb-v3 .jjdb-s-main{min-width:0}
.jjdb-v3 .jjdb-s-side__in{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-content:start;min-width:0}
@media(min-width:1024px){
  .jjdb-v3 .jjdb-s-shell{grid-template-columns:288px minmax(0,1fr);gap:32px;align-items:start}
  .jjdb-v3 .jjdb-s-shell--item .jjdb-s-side{order:-1}
  .jjdb-v3 .jjdb-s-side{align-self:stretch}
  .jjdb-v3 .jjdb-s-side__in{position:sticky;top:calc(var(--jjdb-s-top,61px) + 16px);max-height:calc(100vh - var(--jjdb-s-top,61px) - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:2px}
}

/* ── 区分の見出し：上に線・11px の大文字の札・見出し（灰色の面の帯はやめた・藤井さんの選択 10/7） ── */
.jjdb-v3 .jjdb-s-sh{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin:0 0 12px;padding:12px 0 0;border-top:2px solid #000}
.jjdb-v3 .jjdb-s-k{display:flex;align-items:center;gap:7px;width:100%;margin:0;font:600 11px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--s-sub)}
.jjdb-v3 .jjdb-s-k .jjdb-s-i{color:#000;width:16px;height:16px}
.jjdb-v3 .jjdb-s-h2{margin:2px 0 0;font:500 22px/1.25 var(--sans);letter-spacing:-.01em;color:#000}
.jjdb-v3 .jjdb-s-sh--x,.jjdb-v3 .jjdb-s-sh--list{flex-wrap:nowrap;align-items:center}
.jjdb-v3 .jjdb-s-sh--x .jjdb-s-k,.jjdb-v3 .jjdb-s-sh--list .jjdb-s-k{width:auto;flex:1 1 auto}
.jjdb-v3 .jjdb-s-status{margin:0;font-size:12px;color:var(--s-sub);white-space:nowrap}
.jjdb-v3 .jjdb-s-x{display:grid;place-items:center;width:44px;height:44px;margin:-12px -10px -12px 0;color:#000}
.jjdb-v3 .jjdb-s-x:hover{color:var(--s-red)}

/* ── フォームの部品 ── */
.jjdb-v3 .jjdb-s-fld{display:grid;gap:5px;min-width:0}
.jjdb-v3 .jjdb-s-fld>span,.jjdb-v3 .jjdb-s-sel__l,.jjdb-v3 .jjdb-s-cl0{font:600 11px/1.25 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--s-sub)}
.jjdb-v3 .jjdb-s-fld em{font-style:normal;text-transform:none;letter-spacing:0;font-weight:400}
.jjdb-v3 .jjdb-s-in{width:100%;min-width:0;height:44px;padding:0 12px;border:1px solid var(--s-ctl);background:#fff;font:400 15px/1.2 var(--sans);color:var(--s-ink);border-radius:0;transition:border-color .15s}
.jjdb-v3 .jjdb-s-in:hover,.jjdb-v3 .jjdb-s-in:focus{border-color:var(--s-ink);outline:0}
.jjdb-v3 .jjdb-s-in:focus-visible{outline:2px solid var(--s-red);outline-offset:-2px}
.jjdb-v3 select.jjdb-s-in{-webkit-appearance:none;appearance:none;padding-right:34px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23131313' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 12px center}
.jjdb-v3 .jjdb-s-srch{position:relative;display:block}
.jjdb-v3 .jjdb-s-srch .jjdb-s-i{position:absolute;left:12px;top:13px;color:var(--s-sub);pointer-events:none}
.jjdb-v3 .jjdb-s-srch .jjdb-s-in{padding-left:38px}
.jjdb-v3 .jjdb-s-seg,.jjdb-v3 .jjdb-s-rt{display:flex}
.jjdb-v3 .jjdb-s-seg button,.jjdb-v3 .jjdb-s-rt button{flex:1 1 0;min-height:44px;min-width:44px;padding:0 12px;text-align:center;font:500 13px/1 var(--sans);background:#fff;color:var(--s-ink);border:1px solid var(--s-ctl);white-space:nowrap;transition:background-color .15s,color .15s}
.jjdb-v3 .jjdb-s-seg button+button,.jjdb-v3 .jjdb-s-rt button+button{margin-left:-1px}
.jjdb-v3 .jjdb-s-seg button:hover,.jjdb-v3 .jjdb-s-rt button:hover{background:#efefef}
.jjdb-v3 .jjdb-s-seg button.is-on,.jjdb-v3 .jjdb-s-rt button.is-on{background:var(--s-ink);color:#fff;border-color:var(--s-ink)}
.jjdb-v3 .jjdb-s-rt{flex-wrap:nowrap}
.jjdb-v3 .jjdb-s-rt button{flex:0 1 auto;font-size:12px}
.jjdb-v3 .jjdb-s-bagf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.jjdb-v3 .jjdb-s-bsum{margin:10px 0 0;font:600 14px/1.35 var(--sans)}
.jjdb-v3 .jjdb-s-bsum:empty{display:none}
.jjdb-v3 .jjdb-s-only{margin-top:10px;min-height:44px;padding:0 12px;width:100%;text-align:center;font:500 13px/1.2 var(--sans);background:#fff;border:1px solid var(--s-ctl)}
.jjdb-v3 .jjdb-s-only:hover{background:#efefef}
.jjdb-v3 .jjdb-s-only[aria-pressed="true"]{background:var(--s-ink);color:#fff;border-color:var(--s-ink)}

/* ── 一覧の左の列：AIRLINE FINDER ── */
.jjdb-v3 .jjdb-s-find{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0}
.jjdb-v3 .jjdb-s-sh--find{margin:0}
.jjdb-v3 .jjdb-s-chips2{display:grid;gap:12px}
.jjdb-v3 .jjdb-s-sel{position:relative;display:grid;gap:5px;min-width:0}
.jjdb-v3 svg.jjdb-s-sel__i{display:none}
.jjdb-v3 .jjdb-s-unit{display:grid;gap:5px}
.jjdb-v3 .jjdb-s-bagt{display:none}
.jjdb-v3 .jjdb-s-bag{display:grid;gap:10px;padding:14px;background:var(--s-soft)}
.jjdb-v3 .jjdb-s-bag__t{display:flex;align-items:center;gap:7px;margin:0}
.jjdb-v3 .jjdb-s-bag .jjdb-s-bsum,.jjdb-v3 .jjdb-s-bag .jjdb-s-only{margin-top:0}
.jjdb-v3 .jjdb-s-regions>summary{cursor:pointer;list-style:none;min-height:44px;margin-bottom:4px}
.jjdb-v3 .jjdb-s-regions>summary::-webkit-details-marker{display:none}
.jjdb-v3 .jjdb-s-strip{margin:-12px 0 24px}
.jjdb-v3 .jjdb-s-regions[open]>summary>.jjdb-s-chv{transform:rotate(180deg)}
.jjdb-v3 .jjdb-s-chv{transition:transform .2s;color:var(--s-sub)}
.jjdb-v3 .jjdb-s-reg{padding:6px 0 2px}
.jjdb-v3 .jjdb-s-reg__t{margin:0;padding:6px 0 4px;font:700 12px/1.2 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--s-red)}
.jjdb-v3 .jjdb-s-reg__t span{font-weight:400;color:var(--s-sub);margin-left:4px}
.jjdb-v3 .jjdb-s-reg ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px;margin:0;padding:0;list-style:none}
.jjdb-v3 .jjdb-s-reg li{margin:0}
.jjdb-v3 .jjdb-s-reg li a{display:flex;align-items:center;min-height:44px;padding:4px 0;font:500 12px/1.25 var(--sans);letter-spacing:.015em;text-transform:uppercase;color:var(--s-ink);text-decoration:none;border-top:1px solid var(--s-line)}
.jjdb-v3 .jjdb-s-reg li a:hover{color:var(--s-red)}

/* ── 一覧のまんなか ── */
.jjdb-v3 .jjdb-s-strip{font-size:14px;color:var(--s-gray)}
.jjdb-v3 .jjdb-s-strip .jjdb-vx-p{margin:0;max-width:none;font-size:14px}
.jjdb-v3 .jjdb-s-pop{margin:0 0 28px}
.jjdb-v3 .jjdb-s-pop__g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--s-line);padding:0;margin:0;border:1px solid var(--s-line);list-style:none}
.jjdb-v3 .jjdb-s-pop__g li{margin:0;min-width:0}
.jjdb-v3 .jjdb-s-mini{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;height:100%;background:#fff;text-decoration:none;color:var(--s-ink);transition:background-color .15s}
.jjdb-v3 .jjdb-s-mini:hover{background:var(--s-soft)}
.jjdb-v3 .jjdb-s-mini:hover b{color:var(--s-red)}
.jjdb-v3 .jjdb-s-mini__t{display:flex;align-items:center;gap:9px;padding:10px 10px 8px;background:var(--s-soft)}
.jjdb-v3 .jjdb-s-mini__t b{font:700 14px/1.2 var(--sans);color:var(--s-ink);min-width:0}
.jjdb-v3 .jjdb-s-mini .jjdb-s-mk{width:30px;height:30px;font-size:11px}
.jjdb-v3 .jjdb-s-mini__b{display:grid;gap:7px;align-content:start;padding:10px;font-size:13px;line-height:1.35}
.jjdb-v3 .jjdb-s-mrow{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center}
.jjdb-v3 .jjdb-s-mt{display:flex;align-items:center;gap:7px;min-width:0}
.jjdb-v3 .jjdb-s-mbig{font:700 22px/1 var(--sans);letter-spacing:-.03em;color:#000;white-space:nowrap}
.jjdb-v3 .jjdb-s-mbig .u{font:500 12px/1 var(--sans);color:var(--s-sub);letter-spacing:0;margin-left:1px}
.jjdb-v3 .jjdb-s-mbig.is-dims{font-size:15px;letter-spacing:-.01em}
.jjdb-v3 .jjdb-s-mcap{margin:-3px 0 0 27px;font-size:12px;line-height:1.3;color:var(--s-sub)}
.jjdb-v3 .jjdb-s-ml{display:flex;gap:7px;align-items:flex-start;color:var(--s-ink)}
.jjdb-v3 .jjdb-s-ml .jjdb-s-i{margin-top:1px}
.jjdb-v3 .jjdb-s-ml .jjdb-s-ri{color:var(--s-sub)}
.jjdb-v3 .jjdb-s-cmpwrap{margin:0 0 28px}

/* 並べ替えのタブ（見本 A）：選んでいる札に赤い下線 */
.jjdb-v3 .jjdb-s-tabs2{display:flex;gap:0;margin:0 0 12px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--s-line)}
.jjdb-v3 .jjdb-s-tabs2::-webkit-scrollbar{display:none}
.jjdb-v3 .jjdb-s-tab{flex:none;min-height:44px;padding:0 14px;font:500 14px/1.2 var(--sans);color:var(--s-gray);border-bottom:3px solid transparent!important;margin-bottom:-1px;white-space:nowrap;transition:color .15s,border-color .2s}
.jjdb-v3 .jjdb-s-tab:hover{color:#000}
.jjdb-v3 .jjdb-s-tab.is-on{color:#000;border-bottom-color:var(--s-red)!important}

/* 区分の赤い大文字・行（一覧も仕様表も同じ型） */
.jjdb-v3 .jjdb-s-lb{margin:0;padding:12px 12px 12px 0;font:700 15px/1.15 var(--sans);letter-spacing:-.005em;text-transform:uppercase;color:var(--s-red);overflow-wrap:anywhere}
.jjdb-v3 .jjdb-s-list{margin:0 0 28px}
.jjdb-v3 .jjdb-s-rg{display:grid;grid-template-columns:116px minmax(0,1fr);border-top:1px solid var(--s-line)}
.jjdb-v3 .jjdb-s-rg__n{font:400 12px/1 var(--sans);color:var(--s-sub);margin-left:3px}
.jjdb-v3 .jjdb-s-rgh{min-width:0;padding:0 12px 12px 0}
.jjdb-v3 .jjdb-s-rgl{margin:0;font-size:12px;line-height:1.4;color:var(--s-sub)}
.jjdb-v3 .jjdb-s-line{margin:6px 0 4px;font-size:13.5px;line-height:1.5;color:var(--s-ink)}
.jjdb-v3 .jjdb-s-rr,.jjdb-v3 .jjdb-s-flat{min-width:0;container-type:inline-size;container-name:srr}
.jjdb-v3 .jjdb-s-flat{border-top:1px solid var(--s-line)}
.jjdb-v3 .jjdb-s-ar{border-top:1px solid var(--s-line)}
.jjdb-v3 .jjdb-s-rr>.jjdb-s-ar:first-child,.jjdb-v3 .jjdb-s-flat>.jjdb-s-ar:first-child{border-top:0}
.jjdb-v3 .jjdb-s-ar:target>.jjdb-s-as,.jjdb-v3 .jjdb-s-ar.is-hit>.jjdb-s-as{background:#fdfdf6;border-left-color:var(--s-red)}
.jjdb-v3 .jjdb-s-as{display:grid;grid-template-columns:34px minmax(118px,.85fr) minmax(176px,1.15fr) minmax(128px,1fr) minmax(140px,.85fr) 54px 18px;gap:0 10px;align-items:center;padding:9px 4px 9px 7px;border-left:3px solid transparent;min-height:60px;cursor:pointer;list-style:none;transition:background-color .15s}
.jjdb-v3 .jjdb-s-as::-webkit-details-marker{display:none}
.jjdb-v3 .jjdb-s-as:hover{background:var(--s-soft)}
.jjdb-v3 .jjdb-s-an{display:grid;min-width:0}
.jjdb-v3 .jjdb-s-nm{display:flex;align-items:center;min-height:30px;min-width:44px;font:700 15px/1.2 var(--sans);color:var(--s-ink);text-decoration:none;overflow-wrap:anywhere}
.jjdb-v3 .jjdb-s-nm:hover{color:var(--s-red);text-decoration:underline}
.jjdb-v3 .jjdb-s-sb{font-size:12px;line-height:1.3;color:var(--s-sub)}
.jjdb-v3 .jjdb-s-ax{display:contents}
.jjdb-v3 .jjdb-s-cc{display:grid;grid-template-columns:18px minmax(0,1fr);gap:0 8px;align-items:start;min-width:0;font-size:13px;line-height:1.4}
.jjdb-v3 .jjdb-s-cc .jjdb-s-ri{margin-top:1px;color:var(--s-sub)}
.jjdb-v3 .jjdb-s-cx{display:block;min-width:0}
.jjdb-v3 .jjdb-s-ct{display:inline;color:var(--s-ink)}
.jjdb-v3 .jjdb-s-ak .jjdb-s-ct{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.jjdb-v3 .jjdb-s-seg--g{display:block;font-size:12px;color:var(--s-sub)}
.jjdb-v3 .jjdb-s-pbv{display:flex;gap:6px;align-items:flex-start}
.jjdb-v3 .jjdb-s-pbv .jjdb-s-i{margin-top:1px}
.jjdb-v3 .jjdb-s-ac .jjdb-s-seg{display:block}
.jjdb-v3 .jjdb-s-af{grid-column:2/-1;grid-row:2;min-width:0;padding:2px 0 0}
.jjdb-v3 .jjdb-s-af:empty{display:none}
.jjdb-v3 .jjdb-s-cb{display:grid;justify-items:center;gap:3px;align-content:center;min-width:54px;min-height:44px;padding:2px 0;font:600 9.5px/1 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--s-sub);transition:background-color .15s,color .15s}
.jjdb-v3 .jjdb-s-cb i{display:block;width:18px;height:18px;border:1.5px solid var(--s-sub);background:#fff}
.jjdb-v3 .jjdb-s-cb:hover{background:var(--s-soft);color:var(--s-ink)}
.jjdb-v3 .jjdb-s-cb.is-on{color:var(--s-ink)}
.jjdb-v3 .jjdb-s-cb.is-on i{background:var(--s-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4 9.5l3.2 3.2L14 5.8' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") center/100% no-repeat;border-color:var(--s-ink)}
.jjdb-v3 .jjdb-s-as>.jjdb-s-chv{justify-self:center}
.jjdb-v3 .jjdb-s-ar[open]>.jjdb-s-as>.jjdb-s-chv{transform:rotate(180deg)}
.jjdb-v3 .jjdb-s-ad{padding:4px 14px 14px 56px;background:#fff}
.jjdb-v3 .jjdb-s-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}
.jjdb-v3 .jjdb-s-chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;font:500 13px/1.2 var(--sans);color:var(--s-ink);background:var(--s-soft);text-decoration:none;transition:background-color .15s,color .15s}
.jjdb-v3 .jjdb-s-chip:hover{background:#ececec;color:var(--s-red)}
.jjdb-v3 .jjdb-s-chip--k{background:var(--s-ink);color:#fff}
.jjdb-v3 .jjdb-s-chip--k:hover{background:var(--s-red);color:#fff}
.jjdb-v3 .jjdb-s-chip__i{transform:rotate(-90deg)}
.jjdb-v3 .jjdb-s-note{margin:8px 0 0;font-size:13px;color:var(--s-gray)}
.jjdb-v3 .jjdb-s-empty{margin:0;padding:24px 14px;text-align:center;color:var(--s-sub);border-top:1px solid var(--s-line)}
.jjdb-v3 .jjdb-s-after{margin:12px 0 0}
.jjdb-v3 .jjdb-s-after .jjdb-vx-note,.jjdb-v3 .jjdb-s-after .jjdb-vx-small{font-size:12.5px;color:var(--s-sub);max-width:none}
.jjdb-v3 .jjdb-s-fit{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;font-size:12px;line-height:1.3}
.jjdb-v3 .jjdb-s-fit b{display:inline-flex;align-items:center;gap:4px;font:700 13px/1.2 var(--sans)}
.jjdb-v3 .jjdb-s-fit.is-yes b .jjdb-s-i{color:var(--s-ok)}
.jjdb-v3 .jjdb-s-fit.is-no b .jjdb-s-i{color:var(--s-ng)}
.jjdb-v3 .jjdb-s-fit .jjdb-s-fw{color:var(--s-sub)}
/* 比べる帯（下に貼り付く） */
.jjdb-v3 .jjdb-s-cbar{position:sticky;bottom:0;z-index:6;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 12px;margin-top:12px;background:var(--s-ink);color:#fff}
.jjdb-v3 .jjdb-s-cbar__l{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 220px;min-width:0;margin:0;padding:0;list-style:none}
.jjdb-v3 .jjdb-s-cbar__l li{display:flex;align-items:center;gap:6px;margin:0;background:rgba(255,255,255,.12);padding-left:8px;font:500 13px/1.2 var(--sans)}
.jjdb-v3 .jjdb-s-cbar__l .jjdb-s-mk{width:24px;height:24px;font-size:10px}
.jjdb-v3 .jjdb-s-cbar__l button{display:grid;place-items:center;width:44px;height:44px;color:#fff}
.jjdb-v3 .jjdb-s-cbar__l button:hover{background:rgba(255,255,255,.2)}
.jjdb-v3 .jjdb-s-cbar__m{font-size:12px;color:#d8d8d8;flex:1 1 100%}
.jjdb-v3 .jjdb-s-cbar__m:empty{display:none}
.jjdb-v3 .jjdb-s-cbar__go{min-height:44px;padding:0 22px;background:var(--s-red);color:#fff;font:600 13px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;text-align:center;transition:background-color .15s}
.jjdb-v3 .jjdb-s-cbar__go:hover{background:#a8070d}
.jjdb-v3 .jjdb-s-cbar__go:disabled{background:#4a4a4a;color:#aaa;cursor:default}
.jjdb-v3 .jjdb-s-cbar__c{min-height:44px;min-width:44px;padding:0 10px;font:500 13px/1 var(--sans);color:#d8d8d8;text-align:center}
.jjdb-v3 .jjdb-s-cbar__c:hover{color:#fff;text-decoration:underline}

/* ── 個別の左（右）の列：関係する会社 ── */
.jjdb-v3 .jjdb-s-box{min-width:0}
.jjdb-v3 .jjdb-s-sidel{margin:0;padding:0;list-style:none}
.jjdb-v3 .jjdb-s-sidel li{margin:0}
.jjdb-v3 .jjdb-s-sc{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 0;text-decoration:none;color:var(--s-ink);border-top:1px solid var(--s-line);transition:background-color .15s}
.jjdb-v3 .jjdb-s-sidel li:first-child .jjdb-s-sc{border-top:0}
.jjdb-v3 .jjdb-s-sc:hover{background:var(--s-soft)}
.jjdb-v3 .jjdb-s-sc:hover b{color:var(--s-red)}
.jjdb-v3 .jjdb-s-sc__t{display:grid;gap:1px;min-width:0}
.jjdb-v3 .jjdb-s-sc__t b{font:700 14px/1.25 var(--sans)}
.jjdb-v3 .jjdb-s-sc__n{font-size:12.5px;line-height:1.35;color:var(--s-sub)}
.jjdb-v3 .jjdb-s-backp{margin:0}
.jjdb-v3 .jjdb-s-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;font:600 13px/1.3 var(--sans);color:var(--s-ink);text-decoration:none}
.jjdb-v3 .jjdb-s-back:hover{color:var(--s-red);text-decoration:underline}

/* ── 個別：頭の帯（写真＋1行の仕様＋単位・公式／白い札3枚・見本 C） ── */
.jjdb-v3 .jjdb-s-band{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);background:var(--s-soft)}
.jjdb-v3 .jjdb-s-pic{position:relative;margin:0;padding:14px 0 6px 14px;min-width:0}
.jjdb-v3 .jjdb-s-pic .jjdb-ph{margin:0;max-width:none;width:100%}
.jjdb-v3 .jjdb-s-pic .jjdb-ph img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:#e2e2e2}
.jjdb-v3 .jjdb-s-pic .jjdb-ph__cr{margin:6px 0 0;font:400 11px/1.45 var(--sans);color:var(--s-sub)}
.jjdb-v3 .jjdb-s-pic .jjdb-ph__cr a{color:var(--s-sub);text-decoration:underline;text-underline-offset:2px}
.jjdb-v3 .jjdb-s-mk--l{position:absolute;left:14px;top:14px;z-index:1;width:56px;height:56px;font-size:20px;border:0}
.jjdb-v3 .jjdb-s-pic.is-none{display:grid;place-items:center;min-height:150px;padding:14px}
.jjdb-v3 .jjdb-s-pic.is-none .jjdb-s-mk--l{position:static}
.jjdb-v3 .jjdb-s-info{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;min-width:0}
.jjdb-v3 .jjdb-s-lines{display:grid;gap:8px;align-content:center;margin:0;padding:14px 18px;list-style:none;font-size:14px;line-height:1.35}
.jjdb-v3 .jjdb-s-lines li{display:flex;align-items:center;gap:10px;min-width:0;margin:0}
.jjdb-v3 .jjdb-s-lk{display:inline-flex;align-items:center;min-height:30px;color:var(--s-ink);text-decoration:underline;text-underline-offset:3px}
.jjdb-v3 .jjdb-s-lk:hover{color:var(--s-red)}
.jjdb-v3 .jjdb-s-cells{display:flex}
.jjdb-v3 .jjdb-s-cell{display:grid;gap:6px;align-content:center;justify-items:start;min-width:136px;padding:12px 16px;border-left:1px solid rgba(0,0,0,.1);color:var(--s-ink)}
.jjdb-v3 .jjdb-s-cl0{display:flex;align-items:center;gap:7px;margin:0}
.jjdb-v3 .jjdb-s-cell--u{min-width:184px}
.jjdb-v3 .jjdb-s-cell--u .jjdb-s-seg{width:100%}
.jjdb-v3 .jjdb-s-cell--o{justify-items:center;text-align:center;font:600 12px/1.25 var(--sans);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:background-color .15s}
.jjdb-v3 .jjdb-s-cell--o:hover{background:rgba(255,255,255,.6);color:var(--s-red)}
.jjdb-v3 .jjdb-s-rt--band{grid-column:1/-1;padding:0 14px 0}
.jjdb-v3 .jjdb-s-cards{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px}
.jjdb-v3 .jjdb-s-card{display:flex;flex-direction:column;min-width:0;padding:16px 16px 14px;background:#fff}
.jjdb-v3 .jjdb-s-cl{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:600 11px/1.25 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--s-gray)}
.jjdb-v3 .jjdb-s-cl .jjdb-s-i{color:#000}
.jjdb-v3 .jjdb-s-cv{margin:0;font:700 34px/1.05 var(--sans);letter-spacing:-.03em;color:#000}
.jjdb-v3 .jjdb-s-big .n{white-space:nowrap;font-variant-numeric:tabular-nums}
.jjdb-v3 .jjdb-s-big .u{font:500 15px/1 var(--sans);letter-spacing:0;color:var(--s-sub);margin-left:1px}
.jjdb-v3 .jjdb-s-big.is-dims{font-size:26px;letter-spacing:-.025em}
.jjdb-v3 .jjdb-s-cv--t{font:700 20px/1.25 var(--sans);letter-spacing:-.01em}
.jjdb-v3 .jjdb-s-cv--pb{display:flex;align-items:center;gap:10px;font:700 21px/1.2 var(--sans);letter-spacing:-.01em}
.jjdb-v3 .jjdb-s-cs{margin:8px 0 0;font-size:14px;line-height:1.4;color:var(--s-ink)}
.jjdb-v3 .jjdb-s-cs b{font-weight:700}
/* ③ 2026-10-07：札の中の短い数（10 kg・115 cm）は数と単位の間で折らない（韓国語の札で「· 10」と「kg」が別の行になった） */
.jjdb-v3 .jjdb-s-card [data-fmt="one"]{white-space:nowrap}
.jjdb-v3 .jjdb-s-cs--g{color:var(--s-gray);font-size:13px;margin-top:5px}
.jjdb-v3 .jjdb-s-card [data-route]>.jjdb-s-cv{margin:0}

/* ── タブ（Specs・Compare・Bag check・Sources） ── */
.jjdb-v3 .jjdb-s-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));border-bottom:1px solid var(--s-line);margin:0}
.jjdb-v3 .jjdb-s-tabs a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 10px;font:600 13px/1.1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--s-ink);text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-1px;transition:background-color .2s,border-color .2s}
.jjdb-v3 .jjdb-s-tabs a:hover{background:var(--s-soft);border-bottom-color:var(--s-red)}
.jjdb-v3 .jjdb-s-tabs a[aria-current]{border-bottom-color:var(--s-red)}
.jjdb-v3 .jjdb-s-lead{margin:0;padding:14px 0;font-size:15px;line-height:1.6;max-width:80ch}

/* ── 仕様表（区分の間は線だけ。灰色の隙間はやめた） ── */
.jjdb-v3 .jjdb-s-spec{display:block;margin:0 0 8px;border-top:2px solid #000}
.jjdb-v3 .jjdb-s-grp{display:grid;grid-template-columns:116px minmax(0,1fr);border-top:1px solid var(--s-ctl)}
.jjdb-v3 .jjdb-s-spec>.jjdb-s-grp:first-child{border-top:0}
.jjdb-v3 .jjdb-s-gr{min-width:0}
.jjdb-v3 .jjdb-s-gh{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;padding:12px 0 8px}
.jjdb-v3 .jjdb-s-gt{margin:0;font:700 14px/1.3 var(--sans);color:#000}
.jjdb-v3 .jjdb-s-gl{margin:0;font-size:13px;line-height:1.35;color:var(--s-sub)}
.jjdb-v3 .jjdb-s-gh .jjdb-s-rt{margin-left:auto}
.jjdb-v3 .jjdb-s-rows{margin:0}
.jjdb-v3 .jjdb-s-r{display:grid;grid-template-columns:minmax(120px,27%) minmax(0,1fr);gap:0 14px;align-items:baseline;padding:8px 0;border-top:1px solid var(--s-line)}
.jjdb-v3 .jjdb-s-r.is-long{grid-template-columns:minmax(150px,38%) minmax(0,1fr)}
.jjdb-v3 .jjdb-s-gh+.jjdb-s-rows>.jjdb-s-r:first-child{border-top:0}
.jjdb-v3 .jjdb-s-rk{margin:0;font:700 13.5px/1.4 var(--sans);color:var(--s-gray)}
.jjdb-v3 .jjdb-s-rv{margin:0;font-size:14px;line-height:1.5;color:#000;min-width:0;overflow-wrap:anywhere}
.jjdb-v3 .jjdb-s-rv strong{font-weight:700}
.jjdb-v3 .jjdb-s-r.is-h .jjdb-s-rk,.jjdb-v3 .jjdb-s-r.is-h .jjdb-s-rv{font:600 11px/1.2 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--s-sub)}
.jjdb-v3 .jjdb-s-sub{margin:0;padding:10px 0 4px;font:600 11px/1.2 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--s-sub)}
.jjdb-v3 .jjdb-s-verdict{display:flex;gap:8px;align-items:flex-start}
.jjdb-v3 .jjdb-s-verdict .jjdb-s-i{margin-top:1px}
.jjdb-v3 .jjdb-s-rv .jjdb-s-lk,.jjdb-v3 .jjdb-s-rk .jjdb-s-lk{min-width:44px}
.jjdb-v3 .jjdb-s-r.is-src .jjdb-v-srcs{margin:0;padding:0 0 0 1.1em;font-size:13.5px}
.jjdb-v3 .jjdb-s-full{padding:8px 0 10px;min-width:0}
.jjdb-v3 .jjdb-s-cap{margin:0;font-size:12px;color:var(--s-sub)}
.jjdb-v3 .jjdb-s-full.jjdb-s-chips{margin:0;padding:6px 0 10px}
/* 行動電源の置き場所の絵（見本 B）。印の色は小さな丸と斜線だけ */
.jjdb-v3 .jjdb-s-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;padding:8px 0 14px}
.jjdb-v3 .jjdb-s-tile{margin:0;min-width:0}
.jjdb-v3 .jjdb-s-tile__a{padding:10px 8px 6px;background:var(--s-soft)}
.jjdb-v3 .jjdb-s-tile figcaption{display:flex;flex-direction:column;gap:3px;padding:10px 2px 0}
.jjdb-v3 .jjdb-s-tile figcaption b{font:700 13.5px/1.35 var(--sans);color:var(--s-gray)}
.jjdb-v3 .jjdb-s-tile figcaption span{font:400 14px/1.5 var(--sans);color:#000}
.jjdb-v3 .jjdb-s-art{display:block;width:100%;height:auto;color:#131313;overflow:visible}
.jjdb-v3 .jjdb-s-art *{vector-effect:non-scaling-stroke}
.jjdb-v3 .jjdb-s-art .f{fill:#fff;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.jjdb-v3 .jjdb-s-art .l{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.jjdb-v3 .jjdb-s-art .fl{fill:#131313;fill-opacity:.06;stroke:none}
.jjdb-v3 .jjdb-s-art .dash{stroke-dasharray:4 4}
.jjdb-v3 .jjdb-s-art .ok{fill:none;stroke:#15653a;stroke-width:3}
.jjdb-v3 .jjdb-s-art .ng{fill:none;stroke:#b71c1c;stroke-width:3;stroke-linecap:round}
/* EXPAND ▾（英語の原文の引用・畳んだ章） */
.jjdb-v3 .jjdb-s-exp>summary{cursor:pointer;list-style:none;min-height:44px;align-items:center;transition:background-color .15s}
.jjdb-v3 .jjdb-s-exp>summary::-webkit-details-marker{display:none}
.jjdb-v3 .jjdb-s-exp>summary:hover{background:var(--s-soft)}
.jjdb-v3 .jjdb-s-exp>summary .jjdb-s-rv{display:flex;justify-content:flex-end;align-items:center;gap:6px}
.jjdb-v3 .jjdb-s-more{font:600 11px/1 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--s-sub)}
.jjdb-v3 .jjdb-s-exp[open]>summary .jjdb-s-chv{transform:rotate(180deg)}
.jjdb-v3 .jjdb-s-exp__b{padding:2px 0 12px}
.jjdb-v3 .jjdb-s-exp__b .jjdb-vx-quote{margin:0 0 8px;padding:12px 14px}
.jjdb-v3 .jjdb-s-exp__b .jjdb-vx-quote p{font-size:13.5px;margin:0 0 6px}
.jjdb-v3 .jjdb-s-exp__b .jjdb-vx-quote cite a{display:inline-flex;align-items:center;min-height:44px}
.jjdb-v3 .jjdb-s-exp--blk>summary,.jjdb-v3 .jjdb-s-exp--sec>summary{grid-template-columns:minmax(0,1fr) auto}
.jjdb-v3 .jjdb-s-exp--blk>summary .jjdb-s-rk{font-weight:400;font-size:14px;color:var(--s-ink)}
.jjdb-v3 .jjdb-s-exp--sec{border-top:1px solid var(--s-line)}
.jjdb-v3 .jjdb-s-exp--sec:last-of-type{border-bottom:1px solid var(--s-line)}
.jjdb-v3 .jjdb-s-exp--sec>summary{padding:6px 0}
.jjdb-v3 .jjdb-s-exp--sec>summary .jjdb-s-rk{font:500 16px/1.35 var(--sans);color:#000}
.jjdb-v3 .jjdb-s-exp--sec>.jjdb-s-exp__b{padding:4px 0 18px}
.jjdb-v3 .jjdb-s-sl{margin:0 0 10px;font-size:13px;color:var(--s-sub)}
.jjdb-v3 .jjdb-s-ad .jjdb-s-exp>summary{padding-right:0}

/* ── 下の章（比べる・バッグ・FAQ・出どころ） ── */
.jjdb-v3 .jjdb-s-sec{margin:36px 0 0}
.jjdb-v3 .jjdb-s-main>.jjdb-s-exp--sec:first-of-type{margin-top:8px}
.jjdb-v3 .jjdb-s-pick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:620px}
.jjdb-v3 .jjdb-s-cmpview{margin:14px 0 0}
.jjdb-v3 .jjdb-s-cmpview:empty{display:none}
.jjdb-v3 .jjdb-s-sec .jjdb-s-exp--blk{margin-top:12px;border-top:1px solid var(--s-line)}
.jjdb-v3 .jjdb-s-hint{margin:10px 0 0;font-size:13px;color:var(--s-sub)}
.jjdb-v3 .jjdb-s-res{margin:14px 0 0}
.jjdb-v3 .jjdb-s-res:empty{display:none}
.jjdb-v3 .jjdb-s-res .jjdb-s-fit{padding:14px;background:var(--s-soft);gap:6px 14px;font-size:14px}
.jjdb-v3 .jjdb-s-res .jjdb-s-fit b{font-size:18px}
.jjdb-v3 .jjdb-s-res .jjdb-s-why{width:100%;margin:2px 0 0;padding:0;list-style:none;font-size:13.5px;color:var(--s-gray)}
.jjdb-v3 .jjdb-s-res .jjdb-s-why li{margin:2px 0}
.jjdb-v3 .jjdb-s-sec .jjdb-s-bagf{grid-template-columns:repeat(4,minmax(0,1fr));max-width:720px}
.jjdb-v3 .jjdb-s-rt--sec{margin:0 0 14px}
.jjdb-v3 .jjdb-s-sec--faq .jjdb-v-faq{margin:0}
.jjdb-v3 .jjdb-s-src .jjdb-v-srcs{margin:0}
.jjdb-v3 .jjdb-s-art-wrap{margin:36px 0 0}
.jjdb-v3 .jjdb-v-end{margin-top:32px}

/* 比べる表（仕様表と同じ型）。全部の列で同じ値は灰色（見本 D） */
.jjdb-v3 .jjdb-s-cmp{--n:2;border-top:2px solid #000}
.jjdb-v3 .jjdb-s-cg{display:grid;grid-template-columns:116px minmax(0,1fr);border-top:1px solid var(--s-ctl)}
.jjdb-v3 .jjdb-s-cg:first-child{border-top:0}
.jjdb-v3 .jjdb-s-cg--h{background:var(--s-soft)}
.jjdb-v3 .jjdb-s-cr{display:grid;grid-template-columns:minmax(120px,23%) repeat(var(--n),minmax(0,1fr));gap:0 14px;align-items:baseline;padding:8px 0;border-top:1px solid var(--s-line)}
.jjdb-v3 .jjdb-s-cg--h .jjdb-s-cr{border-top:0;align-items:center;padding:6px 0}
.jjdb-v3 .jjdb-s-cg .jjdb-s-cr:first-child{border-top:0}
.jjdb-v3 .jjdb-s-cv2{min-width:0;font-size:14px;line-height:1.45;color:#000;overflow-wrap:anywhere}
.jjdb-v3 .jjdb-s-cv2.is-same{color:#9a9a9a}
.jjdb-v3 .jjdb-s-chl{display:flex;align-items:center;gap:9px;min-height:44px;font:700 14px/1.25 var(--sans);color:var(--s-ink);text-decoration:none}
.jjdb-v3 .jjdb-s-chl:hover{color:var(--s-red);text-decoration:underline}
.jjdb-v3 .jjdb-s-chl .jjdb-s-mk{width:30px;height:30px;font-size:11px}
.jjdb-v3 .jjdb-s-fare{margin:0 0 4px}
.jjdb-v3 .jjdb-s-fn{color:var(--s-sub);font-size:12px}
.jjdb-v3 .jjdb-s-same{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:12.5px;color:var(--s-sub)}
.jjdb-v3 .jjdb-s-same i{display:inline-block;width:22px;height:10px;background:#9a9a9a}

@media(max-width:1339px){
  .jjdb-v3 .jjdb-s-as{grid-template-columns:34px minmax(0,1fr) minmax(0,1.25fr) minmax(0,1.05fr) minmax(0,.95fr) 54px 18px}
}
/* ── 一覧の行：入れ物が狭いときは3行の形（行の幅で切り替える） ── */
@container srr (max-width:759px){
  .jjdb-v3 .jjdb-s-as{grid-template-columns:34px minmax(0,1fr) 54px 18px;gap:0 10px;padding:6px 4px 10px 9px;align-items:start;min-height:0}
  .jjdb-v3 .jjdb-s-as>.jjdb-s-mk{grid-row:1;grid-column:1;margin-top:5px}
  .jjdb-v3 .jjdb-s-an{grid-row:1;grid-column:2;display:block;align-self:center}
  .jjdb-v3 .jjdb-s-nm{display:inline-flex;min-height:44px;margin:0;vertical-align:middle}
  .jjdb-v3 .jjdb-s-sb{display:inline-block;white-space:nowrap;margin-left:6px}
  .jjdb-v3 .jjdb-s-sg{display:none}
  .jjdb-v3 .jjdb-s-cb{grid-row:1;grid-column:3}
  .jjdb-v3 .jjdb-s-as>.jjdb-s-chv{grid-row:1;grid-column:4;margin-top:14px}
  .jjdb-v3 .jjdb-s-ac{grid-row:2;grid-column:1/-1}
  .jjdb-v3 .jjdb-s-ax{display:flex;flex-wrap:wrap;gap:4px 12px;grid-row:3;grid-column:1/-1;margin-top:4px;align-items:flex-start}
  .jjdb-v3 .jjdb-s-ap{order:1}
  .jjdb-v3 .jjdb-s-ak{order:2;flex:1 1 auto}
  .jjdb-v3 .jjdb-s-ac .jjdb-s-seg{display:inline}
  .jjdb-v3 .jjdb-s-ac .jjdb-s-seg--b::before{content:" · "}
  .jjdb-v3 .jjdb-s-cc .jjdb-s-seg--g{display:none}
  .jjdb-v3 .jjdb-s-ac:empty,.jjdb-v3 .jjdb-s-ak:empty,.jjdb-v3 .jjdb-s-ap:empty{display:none}
  .jjdb-v3 .jjdb-s-af{grid-row:4;grid-column:1/-1}
  .jjdb-v3 .jjdb-s-ad{padding:2px 14px 12px}
}

/* ── 中くらいの幅：写真と1行の仕様を上・白い札は下の全幅 ── */
/* ── 広い画面：白い札3枚を写真の右へ（頭の帯の右下を空けない） ── */
@media(min-width:1280px){
  .jjdb-v3 .jjdb-s-band{grid-template-columns:minmax(0,280px) minmax(0,1fr);grid-template-rows:auto auto 1fr}
  .jjdb-v3 .jjdb-s-pic{grid-row:1/4;padding-bottom:14px}
  .jjdb-v3 .jjdb-s-info{grid-column:2;grid-row:1}
  .jjdb-v3 .jjdb-s-rt--band{grid-column:2;grid-row:2;padding:0 14px}
  .jjdb-v3 .jjdb-s-cards{grid-column:2;grid-row:3;align-self:end;padding:12px 14px 14px}
  .jjdb-v3 .jjdb-s-card{padding:14px}
  .jjdb-v3 .jjdb-s-cv{font-size:30px}
  .jjdb-v3 .jjdb-s-big.is-dims{font-size:22px}
  .jjdb-v3 .jjdb-s-cv--t{font-size:18px}
  .jjdb-v3 .jjdb-s-cv--pb{font-size:19px}
  .jjdb-v3 .jjdb-s-lines{padding:14px 16px}
}
@media(min-width:768px) and (max-width:1279px){
  .jjdb-v3 .jjdb-s-band{grid-template-columns:minmax(0,260px) minmax(0,1fr)}
  .jjdb-v3 .jjdb-s-info{grid-template-columns:minmax(0,1fr)}
  .jjdb-v3 .jjdb-s-cells{border-top:1px solid rgba(0,0,0,.1)}
  .jjdb-v3 .jjdb-s-cell{flex:1 1 0;min-width:0}
  .jjdb-v3 .jjdb-s-cell:first-child{border-left:0}
  .jjdb-v3 .jjdb-s-cv{font-size:30px}
  .jjdb-v3 .jjdb-s-big.is-dims{font-size:21px}
  .jjdb-v3 .jjdb-s-cv--t{font-size:17px}
  .jjdb-v3 .jjdb-s-cv--pb{font-size:18px}
}
@media(max-width:1023px){
  .jjdb-v3 .jjdb-s-pop__g{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ── スマホ ── */
@media(max-width:767px){
  .jjdb-v3 .jjdb-hero.jjdb-s-hero{padding:2px 0 18px}
  .jjdb-v3--item .jjdb-hero.jjdb-s-hero{padding-bottom:40px}
  .jjdb-v3 .jjdb-s-hero .jjdb-hero__title{font-size:22px}
  .jjdb-v3 .jjdb-s-hero .jjdb-hero__lead{font-size:14px;line-height:1.55}
  .jjdb-v3 .jjdb-s-kpis{gap:8px 22px;margin-top:14px}
  .jjdb-v3 .jjdb-s-shell{margin:12px 0 40px;gap:20px}
  .jjdb-v3 .jjdb-s-h2{font-size:20px}
  .jjdb-v3 .jjdb-s-lb{padding:12px 0 2px;font-size:14px}
  .jjdb-v3 .jjdb-s-rgh{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 10px;padding:0 0 6px}
  .jjdb-v3 .jjdb-s-grp,.jjdb-v3 .jjdb-s-cg,.jjdb-v3 .jjdb-s-rg{grid-template-columns:minmax(0,1fr)}
  .jjdb-v3 .jjdb-s-gh{padding:6px 0}
  .jjdb-v3 .jjdb-s-gh .jjdb-s-rt{margin-left:0;width:100%}
  .jjdb-v3 .jjdb-s-gh .jjdb-s-rt button,.jjdb-v3 .jjdb-s-rt--band button,.jjdb-v3 .jjdb-s-rt--sec button{flex:1 1 0}
  .jjdb-v3 .jjdb-s-r{grid-template-columns:minmax(0,36%) minmax(0,1fr);gap:0 12px;padding:9px 0}
  .jjdb-v3 .jjdb-s-r.is-long{grid-template-columns:minmax(0,1fr);gap:3px}
  .jjdb-v3 .jjdb-s-tiles{grid-template-columns:minmax(0,1fr);gap:10px}
  .jjdb-v3 .jjdb-s-tile{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:start}
  .jjdb-v3 .jjdb-s-tile__a{padding:6px 4px 3px}
  .jjdb-v3 .jjdb-s-tile figcaption{padding:0}
  /* 頭の帯：国際線と国内線 → 白い札3枚 → 写真 → 1行の仕様 → 単位・公式 */
  .jjdb-v3 .jjdb-s-band{display:flex;flex-direction:column}
  .jjdb-v3 .jjdb-s-info{display:contents}
  .jjdb-v3 .jjdb-s-rt--band{order:0;padding:12px 12px 0}
  .jjdb-v3 .jjdb-s-cards{order:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}
  .jjdb-v3 .jjdb-s-card{padding:12px 12px 12px}
  .jjdb-v3 .jjdb-s-card[data-answer="power"]{grid-column:1/-1}
  .jjdb-v3 .jjdb-s-card:only-child,.jjdb-v3 .jjdb-s-card:nth-child(2):last-child[data-answer="checked"]{grid-column:auto}
  .jjdb-v3 .jjdb-s-cl{margin-bottom:6px;font-size:10.5px}
  .jjdb-v3 .jjdb-s-cv{font-size:28px}
  .jjdb-v3 .jjdb-s-big .u{font-size:13px}
  .jjdb-v3 .jjdb-s-big.is-dims{font-size:19px}
  .jjdb-v3 .jjdb-s-cv--t{font-size:16px}
  .jjdb-v3 .jjdb-s-cv--pb{font-size:18px}
  .jjdb-v3 .jjdb-s-cs{font-size:13px;margin-top:6px}
  .jjdb-v3 .jjdb-s-cs--g{font-size:12.5px}
  .jjdb-v3 .jjdb-s-pic{order:2;padding:0 12px 4px}
  .jjdb-v3 .jjdb-s-pic .jjdb-ph img{aspect-ratio:16/7}
  .jjdb-v3 .jjdb-s-mk--l{left:12px;top:0;width:44px;height:44px;font-size:16px}
  .jjdb-v3 .jjdb-s-pic .jjdb-ph__cr a{padding:14px 0}
  .jjdb-v3 .jjdb-s-lines{order:3;padding:8px 12px;border-top:1px solid rgba(0,0,0,.1)}
  .jjdb-v3 .jjdb-s-lk{min-height:44px}
  .jjdb-v3 .jjdb-s-cells{order:4;display:grid;grid-template-columns:minmax(0,1fr)}
  .jjdb-v3 .jjdb-s-cell{min-width:0;padding:10px 12px;border-top:1px solid rgba(0,0,0,.1);border-left:0}
  .jjdb-v3 .jjdb-s-cell--o{grid-auto-flow:column;justify-content:start;gap:10px;min-height:48px;text-align:left}
  .jjdb-v3 .jjdb-s-tabs a{flex-direction:column;gap:4px;min-height:56px;padding:6px 2px;font-size:10.5px;letter-spacing:.04em;text-align:center}
  .jjdb-v3 .jjdb-s-lead{padding:12px 0;font-size:14px}
  .jjdb-v3 .jjdb-s-pick{grid-template-columns:minmax(0,1fr);gap:10px}
  .jjdb-v3 .jjdb-s-sec .jjdb-s-bagf,.jjdb-v3 .jjdb-s-bagf{grid-template-columns:repeat(2,minmax(0,1fr))}
  /* 比べる表：項目名を上に・値を列で並べる */
  .jjdb-v3 .jjdb-s-cr{grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:2px 10px;padding:9px 0}
  .jjdb-v3 .jjdb-s-cr>.jjdb-s-rk{grid-column:1/-1}
  .jjdb-v3 .jjdb-s-cg--h .jjdb-s-cr>.jjdb-s-rk{display:none}
  .jjdb-v3 .jjdb-s-cg--h .jjdb-s-lb{display:none}
  .jjdb-v3 .jjdb-s-cv2{font-size:13px}
  .jjdb-v3 .jjdb-s-chl{font-size:13px;gap:6px;align-items:flex-start;padding:4px 0}
  .jjdb-v3 .jjdb-s-chl .jjdb-s-mk{width:26px;height:26px;font-size:10px}
  /* 一覧：AIRLINE FINDER の代わりに札の並び（見本 A） */
  .jjdb-v3 .jjdb-s-sh--find,.jjdb-v3 .jjdb-s-regions{display:none}
  .jjdb-v3 .jjdb-s-find{gap:10px}
  .jjdb-v3 .jjdb-s-chips2{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}
  .jjdb-v3 .jjdb-s-chips2::-webkit-scrollbar{display:none}
  .jjdb-v3 .jjdb-s-chips2>*{flex:none}
  .jjdb-v3 .jjdb-s-chips2>.jjdb-s-bagt{order:-1}
  .jjdb-v3 .jjdb-s-sel{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:1px solid var(--s-ctl);background:#fff}
  .jjdb-v3 .jjdb-s-sel .jjdb-s-sel__l{font:500 13px/1.2 var(--sans);letter-spacing:0;text-transform:none;color:var(--s-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .jjdb-v3 .jjdb-s-sel svg.jjdb-s-sel__i{display:block;color:var(--s-ink)}
  .jjdb-v3 .jjdb-s-sel select.jjdb-s-in{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);opacity:0;cursor:pointer}
  .jjdb-v3 .jjdb-s-sel.is-set{background:var(--s-ink);border-color:var(--s-ink)}
  .jjdb-v3 .jjdb-s-sel.is-set .jjdb-s-sel__l,.jjdb-v3 .jjdb-s-sel.is-set .jjdb-s-sel__i{color:#fff}
  .jjdb-v3 .jjdb-s-unit{display:flex;position:relative}
  .jjdb-v3 .jjdb-s-unit>.jjdb-s-sel__l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .jjdb-v3 .jjdb-s-unit .jjdb-s-seg button{flex:none}
  .jjdb-v3 .jjdb-s-bagt{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 12px;border:1px solid var(--s-ink);font:500 13px/1.2 var(--sans);background:#fff}
  .jjdb-v3 .jjdb-s-bagt svg.jjdb-s-sel__i{display:block}
  .jjdb-v3 .jjdb-s-bagt[aria-expanded="true"] .jjdb-s-sel__i{transform:rotate(180deg)}
  .jjdb-v3.is-js .jjdb-s-bag:not(.is-open){display:none}
  .jjdb-v3 .jjdb-s-bag__t{display:none}
  .jjdb-v3 .jjdb-s-bag{padding:12px}
  .jjdb-v3 .jjdb-s-pop{margin:0 0 20px}
  .jjdb-v3 .jjdb-s-pop .jjdb-s-sh{margin-bottom:8px}
  .jjdb-v3 .jjdb-s-pop__g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jjdb-v3 .jjdb-s-mini__t{padding:8px 8px 4px;gap:7px;background:#fff}
  .jjdb-v3 .jjdb-s-mini__t b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .jjdb-v3 .jjdb-s-mini .jjdb-s-mk{width:24px;height:24px;font-size:10px}
  .jjdb-v3 .jjdb-s-mini__b{padding:0 8px 8px 39px;gap:4px;font-size:12px}
  .jjdb-v3 .jjdb-s-mt .jjdb-s-i,.jjdb-v3 .jjdb-s-mcap,.jjdb-v3 .jjdb-s-ml{display:none}
  .jjdb-v3 .jjdb-s-mrow{gap:2px 10px}
  .jjdb-v3 .jjdb-s-mbig{font-size:16px}
  .jjdb-v3 .jjdb-s-mbig.is-dims{font-size:13px}
  .jjdb-v3 .jjdb-s-mbig .u{font-size:11px}
  .jjdb-v3 .jjdb-s-tab{font-size:13px;padding:0 12px}
  .jjdb-v3 .jjdb-s-cbar{padding:8px 10px}
  .jjdb-v3 .jjdb-s-strip{margin-top:0}
  .jjdb-v3 .jjdb-v-srcs a,.jjdb-v3 .jjdb-vx-small a,.jjdb-v3 .jjdb-vx-quote cite a{display:inline-flex;align-items:center;min-height:44px}
}
@media (prefers-reduced-motion: reduce){
  .jjdb-v3 *,.jjdb-v3 *::before,.jjdb-v3 *::after{transition:none!important;animation:none!important}
}