@charset "utf-8";
/* ============================================================
   Japan Japan !! 実務データの一覧ページ「新しい形 v5」の見た目
   japanjapan/assets/db-v5.css   2026-10-08（チャット「訪日DB 一覧新形を本番へ」）
   ------------------------------------------------------------
   inc/jj-db-v5.php が描いた一覧（.jjdb-v2.dA.dF）だけで読む。db-v2.css（部品）→ このファイル の順。db.css は読まない（効いていた所は頭に写した）。
   ・Airbnb の検索結果の型（写真カード 4:3 の格子・線画のカテゴリの帯・スマホは群ごとに横に送る棚）＋App Store の左の帯（PC・地は #efeff1）（藤井さんの選択 10/7）
   ・判定の色は判定にだけ・写真は横長だけ・グリッドは minmax(0,1fr)・スマホは画面から遠い群を初めて送るまで描かない
   ★作り直すのは DB器/build/make_css.py（元 build/_src_v5.css）。手で直さない
   ============================================================ */
/* 案A：Airbnb の検索結果の型。値は 2026-10-07 に airbnb.com を開いて測った computed style（設計メモに一覧）
   色：字 #222（Airbnb の hof）・薄い字 #6a6a6a（foggy・白地で 5.3:1）・線 #ddd／#ebebeb・面 #f7f7f7／#f2f2f2
   Airbnb の赤（#da1249・#ff385c）は判定の「不可」と紛れるので使わず、丸い検索の印は v4 の紺 #0a4059 にした */
/* ---- db.css の代わり（db.css 102KB は plan.json の drop で外した。字を出すまでに読む CSS を軽くして遅い回線の LCP を縮めるため）
   この6ページに当たる db.css の規則 61 本のうち、見た目に効くものだけを写した（測り方：db.css の有無で computed style を比べた・設計メモ 8節） ---- */
.jjdb-wrap{--jj-pad:24px}
@media (min-width:768px){.jjdb-wrap{--jj-pad:40px}}
@media (min-width:1024px){.jjdb-wrap{--jj-pad:64px}}
main.wrap.jjdb-wrap{width:auto;max-width:1600px;margin-inline:auto;padding-inline:var(--jj-pad)}
.jjdb{--jj-ink:#131313;--jj-sub:#747474;--jj-num:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN",sans-serif;max-width:none;margin:0;padding:0 0 10px;font-size:16px;line-height:1.6;color:var(--jj-ink);
  font-family:var(--sans);-webkit-font-smoothing:antialiased;word-break:normal;overflow-wrap:anywhere}
.jjdb,.jjdb *,.jjdb ::before,.jjdb ::after{box-sizing:border-box}
.jjdb h1,.jjdb h2,.jjdb h3,.jjdb h4{background:none;border:0;padding:0;margin:0;color:inherit;font-weight:800;line-height:1.45;letter-spacing:0}
.jjdb p,.jjdb dl,.jjdb dt,.jjdb dd,.jjdb ul,.jjdb ol,.jjdb li,.jjdb details,.jjdb summary{margin:0;padding:0}
.jjdb ul,.jjdb ol,.jjdb li,.jjdb summary{list-style:none}
.jjdb details,.jjdb summary{background:none;border:0}
.jjdb summary{cursor:pointer}
.jjdb summary::-webkit-details-marker{display:none}
.jjdb h1::before,.jjdb h2::before,.jjdb h3::before,.jjdb h4::before,.jjdb h1::after,.jjdb h2::after,.jjdb h3::after,.jjdb h4::after,
.jjdb li::before,.jjdb li::after,.jjdb a::before,.jjdb a::after{content:none;display:none}
.jjdb a{color:inherit;text-decoration:none}
.jjdb a:hover{text-decoration:underline 1px;text-underline-offset:3px}
.jjdb button,.jjdb input,.jjdb select{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;box-shadow:none}
.jjdb table{border:0;border-collapse:separate;background:none;margin:0;width:100%}
.jjdb th,.jjdb td{border:0;background:none;text-align:left}
.jjdb small{font-size:.85em}
.jjdb b,.jjdb strong{font-weight:700}
.jjdb [hidden]{display:none!important}
.jjdb .jjdb-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;margin:0;font:400 12px/16px var(--sans)}
.jjdb .jjdb-crumb a{transition:color .2s}
.jjdb .jjdb-crumb__sep{flex:none;width:5px;height:5px;margin:0 9px 0 6px;font-size:0;line-height:0;border-top:1px solid;border-right:1px solid;transform:rotate(45deg)}
.jjdb .jjdb-crumb__now{overflow-wrap:anywhere}
@media (max-width:1023px){.jjdb .jjdb-crumb a{display:inline-flex;align-items:center;min-height:0;padding:14px 12px;margin:-14px -12px}.jjdb .jjdb-crumb a:first-child{padding-inline:17px;margin-inline:-17px}}
/* 判子（空港の HND）：db.css は db-v2.css より前にあったので、db-v2.css の .jjdb-v-after>* の字が勝っていた。:where で同じ順になるよう低くする */
:where(.jjdb) .jjdb-mark{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;background:var(--m-bg,#111);color:var(--m-fg,#fff);
  font:500 13px/1 var(--jj-num);letter-spacing:.04em;text-align:center;white-space:nowrap}
:where(.jjdb) .jjdb-mark--lg{width:56px;height:56px;font-size:16px}
.jjdb .jjdb-mark[style*="#14477D"],.jjdb .jjdb-mark[style*="#14477d"]{background:#000}
.jjdb .jjdb-own__src{margin:10px 0 0;font:400 12px/1.6 var(--sans);color:var(--jj-sub)}
.jjdb .jjdb-ds__dl a{display:inline-flex;align-items:center;min-height:44px;color:#000;font:500 11px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px}
.jjdb .jjdb-ds__dl a:hover{color:var(--red)}

.jjdb .dA{--a-ink:#222;--a-mute:#6a6a6a;--a-line:#ddd;--a-line2:#ebebeb;--a-faint:#f7f7f7;--a-chip:#f2f2f2;--a-navy:#0a4059;
  --a-ease:cubic-bezier(.2,0,0,1);--a-r:20px;--a-pad:var(--jj-pad,24px);color:var(--a-ink)}
.jjdb .dA *{box-sizing:border-box}
.jjdb .dA .dA-i{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.jjdb .dA .dA-sr{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
:lang(ja) .jjdb .dA{word-break:auto-phrase}
:lang(ko) .jjdb .dA{word-break:keep-all}


/* ---- パンくず：中身はそのまま・帯にしない小さい1行（白地に灰色） ---- */
.jjdb.dA-root>.jjdb-crumb{background:none;box-shadow:none;clip-path:none;padding:12px 0 4px;font-size:13px;color:var(--a-mute,#6a6a6a)}
.jjdb-wrap .jjdb.dA-root>.jjdb-crumb a{color:#6a6a6a}
.jjdb-wrap .jjdb.dA-root>.jjdb-crumb a:hover{color:#222}
.jjdb.dA-root>.jjdb-crumb .jjdb-crumb__now{color:#222}
.jjdb.dA-root>.jjdb-crumb .jjdb-crumb__sep{color:#b0b0b0}

/* ======== 頭 ======== */
.jjdb .dA .jjdb-hero.dA-hd{display:block;position:relative;overflow:visible;margin:0;padding:8px 0 0;background:#fff;box-shadow:none;clip-path:none;color:var(--a-ink)}
.jjdb .dA .dA-hd__t{margin:0 0 18px}
.jjdb .dA .dA-hd .jjdb-hero__title{position:relative;max-width:none;margin:0 0 8px;padding:0;font:700 22px/26px var(--sans);letter-spacing:-.02em;color:var(--a-ink)}
.jjdb .dA .dA-hd .jjdb-v-lead0{max-width:none;margin:0;font:400 15px/1.5 var(--sans);color:var(--a-mute)}
:lang(zh) .jjdb .dA .dA-hd .jjdb-hero__title,:lang(ja) .jjdb .dA .dA-hd .jjdb-hero__title,:lang(ko) .jjdb .dA .dA-hd .jjdb-hero__title{letter-spacing:0;line-height:1.3}

/* 丸い検索の帯（スマホ：Airbnb のスマホの検索のピル 56px・影 0 6px 20px／PC：ホームの Where｜When｜Who の帯 66px） */
.jjdb .dA .dA-sb{display:flex;align-items:flex-start;gap:10px;margin:0 0 6px}
.jjdb .dA .dA-sb__f{flex:1;min-width:0;display:flex;flex-direction:column;margin:0;padding:0;border:1px solid var(--a-line);border-radius:28px;background:#fff;
  box-shadow:0 6px 20px rgba(0,0,0,.1);transition:box-shadow .2s var(--a-ease),background-color .3s var(--a-ease)}
.jjdb .dA .dA-sb__seg{position:relative;display:flex;align-items:center;gap:10px;min-width:0;margin:0;padding:0 20px;border-radius:28px;cursor:text;background:none;border:0}
.jjdb .dA .dA-sb__q{min-height:54px}
.jjdb .dA .dA-sb__qi{position:static;flex:none;width:18px;height:18px;margin:0;stroke-width:2.4;color:var(--a-ink);transform:none}
.jjdb .dA .dA-sb__q .dA-sb__lb{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.jjdb .dA .dA-sb__in{-webkit-appearance:none;appearance:none;flex:1;min-width:0;width:100%;height:auto;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;
  font:500 16px/22px var(--sans);color:var(--a-ink);outline:none}
.jjdb .dA .dA-sb__q .dA-sb__in{height:52px}
.jjdb .dA .dA-sb__in::placeholder{color:var(--a-mute);opacity:1;font-weight:400}
.jjdb .dA .dA-sb__in::-webkit-search-cancel-button{-webkit-appearance:none}
.jjdb .dA .dA-sb__sel{display:none;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:2px;min-height:62px;padding:10px 44px 0 20px;border-top:1px solid var(--a-line2);border-radius:0;cursor:pointer}
.jjdb .dA .dA-sb__sel .dA-sb__lb{position:relative;z-index:1;pointer-events:none}
.jjdb .dA .dA-sb__sel .dA-sb__in{position:absolute;inset:0;width:100%;height:100%;padding:26px 44px 0 20px;border-radius:inherit}
.jjdb .dA .dA-sb__sel .dA-sb__lb{position:static;font:600 12px/16px var(--sans);color:var(--a-ink);letter-spacing:0;text-transform:none}
.jjdb .dA .dA-sb__sel .dA-sb__in{font:400 16px/22px var(--sans);color:var(--a-mute);cursor:pointer}
.jjdb .dA .dA-sb__sel>svg{position:absolute;right:16px;top:50%;width:18px;height:18px;margin-top:-9px;fill:none;stroke:currentColor;stroke-width:2;color:var(--a-ink);pointer-events:none}
.jjdb .dA .dA-sb__div{display:none}
.jjdb .dA .dA-sb.is-open .dA-sb__sel{display:flex}
.jjdb .dA .dA-sb.is-open .dA-sb__f{border-radius:24px}
.jjdb .dA .dA-sb__go{display:none}
.jjdb .dA .dA-sb__flt{flex:none;display:grid;place-items:center;width:56px;height:56px;margin:0;padding:0;border:1px solid var(--a-line);border-radius:50%;background:#fff;color:var(--a-ink);cursor:pointer;
  transition:border-color .3s var(--a-ease),transform .1s var(--a-ease)}
.jjdb .dA .dA-sb__flt .dA-i{width:20px;height:20px;stroke-width:1.8}
.jjdb .dA .dA-sb__flt:active{transform:scale(.96)}
.jjdb .dA .dA-sb.is-open .dA-sb__flt{border-color:var(--a-ink);box-shadow:inset 0 0 0 1px var(--a-ink)}

/* カテゴリの帯（Airbnb のカテゴリの帯：線画 28px・名前 12px 600・選ぶと 2px の下線・ほかは薄い字でホバーで #ddd の下線） */
.jjdb .dA .dA-cats{position:relative;margin:8px 0 0}
.jjdb .dA .dA-cats__sc{display:flex;gap:26px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin:0 calc(-1 * var(--a-pad));padding:0 var(--a-pad);scroll-padding:0 var(--a-pad);scroll-behavior:smooth}
.jjdb .dA .dA-cats__sc::-webkit-scrollbar,.jjdb .dA [data-da-sc]::-webkit-scrollbar{display:none}
.jjdb .dA .dA-cat{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;min-width:48px;min-height:66px;margin:0;padding:8px 0 10px;
  border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--a-mute);font:600 12px/16px var(--sans);white-space:nowrap;cursor:pointer;
  transition:color .2s var(--a-ease),border-color .2s var(--a-ease)}
.jjdb .dA .dA-cat:hover{color:var(--a-ink);border-bottom-color:var(--a-line)}
.jjdb .dA .dA-cat.is-on{color:var(--a-ink);border-bottom-color:var(--a-ink)}
.jjdb .dA .dA-cat__i{display:block;width:28px;height:28px}
.jjdb .dA .dA-cat .dA-art{display:block;width:28px;height:28px;stroke-width:1.5px}
.jjdb .dA .dA-ar{display:none}

/* 絞り込みの札の列（Airbnb の角丸の枠線のピル：枠 1px #ddd・角丸 40px・押すと 2px の黒い枠と #f7f7f7） */
.jjdb .dA .dA-pills{display:flex;align-items:center;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin:14px calc(-1 * var(--a-pad)) 0;padding:2px var(--a-pad) 4px}
.jjdb .dA .dA-pg{display:flex;flex:none;gap:8px;margin:0;padding:0;border:0;background:none;box-shadow:none}
.jjdb .dA .dA-pills__sep{flex:none;width:1px;height:24px;background:var(--a-line)}
.jjdb .dA .dA-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;min-height:44px;min-width:44px;margin:0;padding:0 16px;border:1px solid var(--a-line);border-radius:40px;
  background:#fff;color:var(--a-ink);font:400 14px/18px var(--sans);letter-spacing:0;text-transform:none;white-space:nowrap;cursor:pointer;box-shadow:none;
  transition:border-color .3s var(--a-ease),box-shadow .2s var(--a-ease),background-color .2s var(--a-ease),transform .1s var(--a-ease)}
.jjdb .dA .dA-pill:hover{border-color:var(--a-ink);background:#fff;color:var(--a-ink)}
.jjdb .dA .dA-pill:active{transform:scale(.96)}
.jjdb .dA .dA-pill.is-on,.jjdb .dA .dA-pill.is-on:hover{border-color:var(--a-ink);box-shadow:inset 0 0 0 1px var(--a-ink);background:var(--a-faint);color:var(--a-ink)}
.jjdb .dA .dA-pill b{font-weight:600;color:var(--a-ink)}
.jjdb .dA .dA-pill span+b{color:var(--a-mute);font-weight:400}
.jjdb .dA .dA-pill--v b{font-size:15px}
.jjdb .dA .dA-mk,.jjdb .dA .dA-pill .jjdb-v-mk{width:18px;height:18px;flex:none}

/* ======== Most searched の棚（Airbnb ホームの Destinations for you：写真の札・名前 13px 500・1行 12px #6a6a6a） ======== */
.jjdb .dA .jjdb-v-pop.dA-pop{display:block;margin:30px 0 0;padding:0;border:0;background:none;box-shadow:none;color:var(--a-ink)}
.jjdb .dA .dA-sh__hd{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin:0 0 8px}
.jjdb .dA .dA-sh__t,.jjdb .dA .jjdb-v-pop__h.dA-sh__t{flex:1 1 auto;width:auto;max-width:none;margin:0;padding:0;border:0;font:600 20px/24px var(--sans);letter-spacing:-.01em;color:var(--a-ink);text-transform:none}
.jjdb .dA .dA-sh__nav{display:none;gap:8px}
.jjdb .dA ol.dA-pop__l{display:grid;grid-auto-flow:column;grid-auto-columns:120px;grid-template-columns:none;grid-template-rows:none;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;
  margin:0 calc(-1 * var(--a-pad));padding:0 var(--a-pad) 4px;scroll-padding:0 var(--a-pad);scroll-snap-type:x mandatory;scroll-behavior:smooth;list-style:none;border:0;counter-reset:none}
.jjdb .dA .dA-pop__l>li,.jjdb .dA .dA-pop__l>li+li{margin:0;padding:0;border:0;box-shadow:none;background:none;scroll-snap-align:start;min-width:0}
.jjdb .dA .dA-pop__l>li::before{content:none}
.jjdb-wrap .jjdb .dA a.dA-tile{display:block;height:auto;min-height:0;padding:0;border:0;box-shadow:none;background:none;color:var(--a-ink);text-decoration:none;transition:transform .1s var(--a-ease)}
.jjdb-wrap .jjdb .dA a.dA-tile:hover{background:none;color:var(--a-ink);text-decoration:none}
.jjdb-wrap .jjdb .dA a.dA-tile:active{transform:scale(.97)}
.jjdb .dA .dA-tile__ph{position:relative;display:block;aspect-ratio:4/3;margin:0 0 8px;border-radius:var(--a-r);overflow:hidden;background:var(--a-line)}
.jjdb .dA .dA-tile__img{display:block;width:100%;height:100%;object-fit:cover}
.jjdb .dA .dA-tile .jjdb-v-pop__n{display:block;padding:0 4px;font:500 13px/16px var(--sans);color:var(--a-ink)}
.jjdb-wrap .jjdb .dA a.dA-tile:hover .jjdb-v-pop__n{text-decoration:underline;text-underline-offset:2px}
.jjdb .dA .dA-tile .jjdb-v-pop__v{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:2px 0 0;padding:0 4px;font:400 12px/16px var(--sans);color:var(--a-mute);white-space:normal;overflow-wrap:anywhere}
.jjdb .dA .dA-tile .jjdb-v-pop__n,.jjdb .dA .dA-tile .jjdb-v-v,.jjdb .dA .dA-tile .jjdb-v-v__w,.jjdb .dA .dA-tile .jjdb-v-pop__v>*{white-space:normal;overflow-wrap:break-word;min-width:0;max-width:100%}
/* 判定の言葉（中・日・韓）は語の途中で折らない（「手提行李：有條/件」にしない）。折るのはコロンの後ろだけ・それでも入らない時だけ字の間 */
:lang(zh) .jjdb .dA .jjdb-v-v,:lang(ja) .jjdb .dA .jjdb-v-v,:lang(ko) .jjdb .dA .jjdb-v-v,
:lang(zh) .jjdb .dA .dA-tile .jjdb-v-pop__v,:lang(ja) .jjdb .dA .dA-tile .jjdb-v-pop__v,:lang(ko) .jjdb .dA .dA-tile .jjdb-v-pop__v{word-break:keep-all;overflow-wrap:break-word}
.jjdb .dA .dA-tile .jjdb-v-v{gap:5px;font:600 12px/16px var(--sans)}
.jjdb .dA .dA-tile .jjdb-v-mk{width:14px;height:14px}
.jjdb .dA .dA-tile .jjdb-v-nt{font:400 12px/16px var(--sans);color:var(--a-mute)}
.jjdb .dA .dA-tile__ph .dA-code{position:absolute;left:8px;top:8px;margin:0}

/* 白い札（Guest favorite の型：白・角丸 40px・4px 10px・14px 500・影 0 4px 10px rgba(0,0,0,.16)） */
.jjdb .dA .dA-c__bd,.jjdb .dA .dA-tile__ph .dA-code{display:inline-block;max-width:calc(100% - 64px);padding:4px 10px;border:1px solid #fff;border-radius:40px;background:#fff;
  box-shadow:0 4px 10px rgba(0,0,0,.16);color:var(--a-ink);font:500 13px/18px var(--sans);letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:auto;min-width:0}
.jjdb .dA .dA-tile__ph .dA-code{padding:2px 8px;font:600 12px/16px var(--sans)}

/* ======== 件数の1行（Over 1,000 homes in Tokyo：20px 600）と並べ替え ======== */
.jjdb .dA .dA-body{display:block;margin:0}
.jjdb .dA .dA-main{display:block;padding:0}
.jjdb .dA .dA-res{margin:6px 0 0}
/* カテゴリの帯：結果を読んでいるあいだサイトのヘッダーの下に貼り付く（白地・貼り付いたら下に 1px の線） */
.jjdb .dA .dA-bar{position:sticky;top:var(--jjdb-v-top,61px);z-index:30;margin:0 calc(-1 * var(--a-pad));padding:0 var(--a-pad);background:#fff;box-shadow:0 1px 0 rgba(0,0,0,0);transition:box-shadow .2s var(--a-ease)}
.jjdb .dA .dA-bar.is-stuck{box-shadow:0 1px 0 var(--a-line2),0 6px 12px -8px rgba(0,0,0,.12)}
.jjdb .dA .dA-bar>.dA-cats{margin:0}
.jjdb .dA .dA-bar__s{height:0}
.jjdb .dA .dA-count,.jjdb .dA .dA-g{scroll-margin-top:calc(var(--jjdb-v-top,61px) + 84px)}
.jjdb .dA .dA-count{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:36px 0 18px}
.jjdb .dA .dA-count__l{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;min-width:0}
.jjdb .dA .dA-count__h{margin:0;font:600 20px/24px var(--sans);letter-spacing:-.01em;color:var(--a-ink);text-align:left}
.jjdb .dA .dA-sum{margin:0;font:600 18px/24px var(--sans);letter-spacing:-.01em;color:var(--a-ink)}
.jjdb .dA .dA-count__h+.dA-sum{font:400 15px/20px var(--sans);color:var(--a-mute)}
.jjdb .dA .dA-count__h+.dA-sum b{font-weight:600;color:var(--a-ink)}
.jjdb .dA .dA-sort{display:flex;align-items:center;gap:10px;min-width:0}
.jjdb .dA .dA-sort__t{flex:none;font:400 14px/18px var(--sans);color:var(--a-mute)}
.jjdb .dA .dA-sort__l{display:flex;gap:8px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin-right:calc(-1 * var(--a-pad));padding:2px var(--a-pad) 2px 2px}
.jjdb .dA .dA-pill--s{padding:0 14px}
.jjdb .dA .dA-pill--s.is-asc::after,.jjdb .dA .dA-pill--s.is-desc::after{content:"";width:6px;height:6px;margin:0 0 0 2px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.jjdb .dA .dA-pill--s.is-asc::after{transform:translateY(2px) rotate(-135deg)}

/* 説明（Airbnb の注意の箱：枠 1px #ddd・角丸 12px） */
.jjdb .dA .dA-note{margin:0 0 24px}
.jjdb .dA .dA-note .jjdb-v-warn{margin:0;padding:14px 18px;border:1px solid var(--a-line);border-radius:12px;background:#fff;box-shadow:none;color:var(--a-ink);font:400 15px/1.5 var(--sans)}
.jjdb .dA .dA-note .jjdb-v-warn strong{display:inline;margin:0;font:600 15px/1.5 var(--sans);color:var(--a-ink)}

/* ======== 群：見出し（ホームの棚の題 20px 600＋丸い→）・1行の説明・カード ======== */
.jjdb .dA .dA-g{margin:0 0 36px}
.jjdb .dA .dA-g[hidden]{display:none}
.jjdb .dA .dA-gh{margin:0 0 14px}
.jjdb .dA .dA-gh__r{display:flex;align-items:center;gap:8px;min-height:44px}
.jjdb .dA .dA-gh__t{margin:0;font:600 20px/24px var(--sans);letter-spacing:-.01em;color:var(--a-ink);text-transform:none}
.jjdb .dA .dA-gh__n{font:400 15px/20px var(--sans);color:var(--a-mute)}
.jjdb .dA .dA-gh__go{flex:none;display:grid;place-items:center;width:44px;height:44px;margin:0 -6px 0 auto;padding:0;border:0;border-radius:50%;cursor:pointer;color:var(--a-ink);
  background:radial-gradient(circle at center,var(--a-chip) 0 15.5px,transparent 16px);transition:transform .25s var(--a-ease)}
.jjdb .dA .dA-gh__go:hover{transform:scale(1.04)}
.jjdb .dA .dA-gh__go .dA-i{width:16px;height:16px;stroke-width:2.2}
.jjdb .dA .dA-gh__xi,.jjdb .dA .dA-gh__go.is-on .dA-gh__gi{display:none}
.jjdb .dA .dA-gh__go.is-on .dA-gh__xi{display:block}
.jjdb .dA .dA-gh__d{margin:2px 0 0;font:400 15px/20px var(--sans);color:var(--a-mute)}

/* 格子（スマホは横に送る棚：カード 160px・間 12px・前後が見切れる／PC は 1440px で6列） */
.jjdb .dA .dA-grid{display:grid;grid-auto-flow:column;grid-auto-columns:160px;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;
  margin:0 calc(-1 * var(--a-pad));padding:0 var(--a-pad) 6px;scroll-padding:0 var(--a-pad);scroll-snap-type:x mandatory;scroll-behavior:smooth}
.jjdb .dA .dA-grid>.dA-c{scroll-snap-align:start}
.jjdb .dA .dA-flat{display:none}
.jjdb .dA.jjf-sorted .dA-flat{display:grid}
.jjdb .dA.jjf-filtered .dA-grid,.jjdb .dA .dA-flat{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px;overflow:visible;margin:0;padding:0;scroll-snap-type:none}
.jjdb .dA .dA-empty{padding:32px 0;font:400 16px/1.5 var(--sans);color:var(--a-ink)}
.jjdb .dA .dA-empty[hidden]{display:none}
.jjdb .dA .dA-empty .dA-pill{margin:14px 0 0}

/* ======== カード（Airbnb の検索結果：写真 4:3（実測 aspect-ratio 4/3）・角丸 20px・名前 15px 500・灰色 15px #6a6a6a・最後の行は #222）
   写真は横長だけ（2026-10-04 の決まり：見えている縦横比 1 未満は 0・カードの写真の箱を文の量で縦に伸ばさない） ======== */
.jjdb .dA .dA-c{position:relative;min-width:0;margin:0;padding:0;border:0;background:none}
.jjdb .dA .dA-c[hidden]{display:none}
.jjdb .dA .dA-c>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--a-r);background:var(--a-line);transition:transform .1s var(--a-ease)}
.jjdb .dA .dA-c:active>img{transform:scale(.98)}
.jjdb .dA .dA-c__bd{position:absolute;left:10px;top:10px;z-index:1;pointer-events:none}
.jjdb .dA .dA-c__dt{margin:0;padding:0;border:0;background:none}
.jjdb .dA .dA-c__x{position:absolute;right:2px;top:2px;z-index:2;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;list-style:none;cursor:pointer;border-radius:50%}
.jjdb .dA .dA-c__x::-webkit-details-marker{display:none}
.jjdb .dA .dA-c__x::marker{content:""}
/* 右上の丸（Airbnb の写真の上の丸いボタン：32px・白 90%・枠 rgba(0,0,0,.08)・影 0 2px 4px rgba(0,0,0,.18)）。「＋」も CSS で描く */
.jjdb .dA .dA-c__x::before{content:"";width:32px;height:32px;border:1px solid rgba(0,0,0,.08);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.18);
  background:linear-gradient(#222,#222) center/12px 2px no-repeat,linear-gradient(#222,#222) center/2px 12px no-repeat,rgba(255,255,255,.9);transition:transform .25s var(--a-ease),box-shadow .2s var(--a-ease)}
.jjdb .dA .dA-c__x:hover::before{transform:scale(1.04);box-shadow:0 0 0 4px rgba(255,255,255,.5),0 2px 4px rgba(0,0,0,.18)}
.jjdb .dA .dA-c__dt[open]>.dA-c__x::before{transform:rotate(45deg)}
.jjdb .dA .dA-c__dt>.dA-c__pn{margin:12px 0 0;padding:14px;border:1px solid var(--a-line2);border-radius:12px;background:#fff}
.jjdb .dA .dA-c__b{padding:9px 2px 0}
.jjdb .dA .dA-c__t{display:flex;align-items:flex-start;gap:8px;margin:0;font:500 15px/19px var(--sans);letter-spacing:0;color:var(--a-ink);text-transform:none}
.jjdb-wrap .jjdb .dA a.dA-c__a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;flex:1 1 auto;min-width:0;min-height:0;margin:0;padding:0;border:0;color:var(--a-ink);font:500 15px/19px var(--sans);text-decoration:none;background:none;box-shadow:none}
.jjdb-wrap .jjdb .dA a.dA-c__a:hover{color:var(--a-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.jjdb .dA a.dA-c__a::after{content:"";display:block;position:absolute;inset:0;z-index:0}
.jjdb .dA .dA-c__dt>.dA-c__pn{position:relative;z-index:2}
.jjdb .dA .dA-c__a .jjdb-v-nm__t,.jjdb .dA .dA-c__a .jjdb-v-nm__t b{display:inline;font:inherit;color:inherit;text-decoration:none;box-shadow:none;background:none}
.jjdb .dA .dA-c__t .dA-code{flex:none;margin:0 0 0 auto;padding:0;min-width:0;height:auto;background:none;color:var(--a-ink);font:600 14px/19px var(--sans);letter-spacing:.02em}
.jjdb .dA .dA-c__s{margin:2px 0 0;font:400 15px/19px var(--sans);color:var(--a-mute);overflow-wrap:anywhere}
.jjdb .dA .dA-c__s--l{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.jjdb .dA .dA-c__s>.jjdb-v-line{display:inline;font:inherit;color:inherit;white-space:normal}
.jjdb .dA .dA-c__sub{display:inline;font:inherit;color:inherit}
.jjdb .dA .dA-c__v{margin:4px 0 0;font:400 15px/19px var(--sans);color:var(--a-ink)}
.jjdb .dA .dA-c__v>.dA-v{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;margin:3px 0 0}
.jjdb .dA .dA-v .jjdb-v-v{display:inline-flex;flex-wrap:wrap;align-items:center;gap:0 6px;font:600 15px/19px var(--sans)}
.jjdb .dA .dA-v .jjdb-v-sr{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:nowrap;font-weight:400;color:var(--a-ink)}
.jjdb .dA .dA-v .jjdb-v-v__w{white-space:nowrap}
.jjdb .dA .dA-v .jjdb-v-mk{width:16px;height:16px}
.jjdb .dA .dA-v .jjdb-v-wh{display:inline;margin:0;font:400 15px/19px var(--sans);color:var(--a-ink);text-transform:none;letter-spacing:0}
.jjdb .dA .dA-v .jjdb-v-nt{display:inline;font:400 15px/19px var(--sans);color:var(--a-mute)}
.jjdb .dA .dA-c__b .jjdb-v-n{display:inline;font:inherit;color:inherit;white-space:nowrap}
/* 数字の間の「·」は CSS で数字の後ろにくっつける（字の区切りが行の頭に来ないように） */
.jjdb .dA .dA-c__b p>.jjdb-v-n:not(:last-child)::after{content:"\00a0·";font-weight:400;color:inherit}
.jjdb .dA .dA-c__b .jjdb-v-n b{font-weight:600;font-size:inherit;color:var(--a-ink)}
.jjdb .dA .dA-c__b .jjdb-v-u{font:inherit;color:inherit}
.jjdb .dA .dA-c__s .jjdb-v-n b{color:var(--a-mute);font-weight:500}
.jjdb .dA .dA-c__s>.jjdb-v-wh,.jjdb .dA .dA-c__v>.jjdb-v-wh{display:inline;margin:0;font:inherit;color:inherit;text-transform:none;letter-spacing:0}
.jjdb .dA .dA-c__tg{margin:6px 0 0}
.jjdb .dA .dA-tag{display:inline-block;padding:2px 6px;border-radius:4px;background:var(--a-chip);font:400 12px/16px var(--sans);color:var(--a-ink)}
.jjdb .dA .dA-c.is-target>img{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--a-ink)}

/* ======== 表の後ろの説明（空港・月別）・On this page ======== */
.jjdb .dA .dA-after{margin:8px 0 0}
.jjdb .dA .dA-after .jjdb-vx-p,.jjdb .dA .dA-after .jjdb-vx-note,.jjdb .dA .dA-after .jjdb-vx-small{font-size:15px;line-height:1.55;color:var(--a-ink)}
.jjdb .dA .dA-after .jjdb-mark{color:#fff}
.jjdb .dA .dA-after .jjdb-v-lks.is-chips{display:flex;flex-wrap:wrap;gap:8px}
.jjdb-wrap .jjdb .dA .dA-after a.jjdb-v-lk{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--a-line);border-radius:40px;background:#fff;color:var(--a-ink);font:400 14px/18px var(--sans)}
.jjdb-wrap .jjdb .dA .dA-after a.jjdb-v-lk:hover{background:#fff;color:var(--a-ink);border-color:var(--a-ink);text-decoration:none}
.jjdb .dA .dA-after a.jjdb-v-lk b{font-weight:400}
.jjdb .dA .dA-after a.jjdb-v-lk svg{display:none}
.jjdb .dA .dA-otp{margin:48px 0 0}
.jjdb .dA .dA-otp__t{margin:0 0 10px;font:600 14px/18px var(--sans);color:var(--a-ink)}
.jjdb .dA .dA-otp__l{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--a-pad));padding:0 var(--a-pad) 4px;list-style:none}
.jjdb .dA .dA-otp__l>li{flex:none;margin:0;padding:0}
.jjdb .dA .dA-otp__l>li::before{content:none}
.jjdb-wrap .jjdb .dA a.dA-otp__a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--a-line);border-radius:40px;background:#fff;color:var(--a-ink);
  font:400 14px/18px var(--sans);white-space:nowrap;box-shadow:none;text-decoration:none;transition:border-color .3s var(--a-ease)}
.jjdb-wrap .jjdb .dA a.dA-otp__a:hover{border-color:var(--a-ink);background:#fff;color:var(--a-ink);text-decoration:none}

/* ======== 読み物の章（畳む・Airbnb の「All about Tokyo」：線画＋題 22px 600） ======== */
.jjdb .dA .dA-folds{margin:20px 0 0;border-bottom:1px solid var(--a-line2)}
.jjdb .dA .dA-folds>.dA-fold{margin:0;border-top:1px solid var(--a-line2)}
.jjdb .dA .dA-fold .jjdb-v-fold__hd{padding:20px 0}
.jjdb .dA .dA-fold .jjdb-v-h2{margin:0;font:600 20px/24px var(--sans);letter-spacing:-.01em;color:var(--a-ink)}
.jjdb .dA .dA-fold .jjdb-v-fold__bt{gap:14px;min-height:44px;padding:0;color:var(--a-ink);font:inherit}
.jjdb .dA .dA-fold .jjdb-v-sec__i{width:30px;height:30px;color:var(--a-ink);stroke-width:1.4px}
.jjdb .dA .dA-fold .jjdb-v-pm{width:20px;height:20px;stroke-width:2;transition:transform .25s var(--a-ease)}
.jjdb .dA.is-js .dA-fold .jjdb-v-fold__hd:hover .jjdb-v-fold__bt>span{color:var(--a-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.jjdb .dA .dA-fold .jjdb-v-lead{margin:6px 0 0;padding:0 0 0 44px;font:400 15px/1.5 var(--sans);color:var(--a-mute);max-width:72ch}
.jjdb .dA .dA-fold .jjdb-v-fold__c{padding:4px 0 28px}
.jjdb .dA .dA-fold .jjdb-v-fold__bt:focus-visible{outline:2px solid var(--a-ink);outline-offset:2px}

/* ======== FAQ（Airbnb の行き先ページ：問い 18px 500・行の間 24px・押すと開く・PC は2列） ======== */
.jjdb .dA .jjdb-v-sec{margin-top:56px}
.jjdb .dA .jjdb-v-sec__h{align-items:center;gap:12px;margin:0 0 8px}
.jjdb .dA .jjdb-v-sec .jjdb-v-h2{font:600 22px/26px var(--sans);letter-spacing:-.02em;color:var(--a-ink)}
.jjdb .dA .jjdb-v-sec__i{width:28px;height:28px;color:var(--a-ink)}
.jjdb .dA .dA-faq .jjdb-v-faq{display:grid;grid-template-columns:minmax(0,1fr);column-gap:48px;margin:0;border-top:0}
.jjdb .dA .dA-qa{margin:0;padding:0;border-bottom:1px solid var(--a-line2)}
.jjdb .dA .dA-qa__s{display:flex;align-items:center;gap:16px;min-height:44px;padding:20px 0;cursor:pointer;list-style:none}
.jjdb .dA .dA-qa__s::-webkit-details-marker{display:none}
.jjdb .dA .dA-qa__s::marker{content:""}
.jjdb .dA .dA-qa .jjdb-v-qa__q{flex:1;min-width:0;margin:0;font:500 17px/24px var(--sans);letter-spacing:-.01em;color:var(--a-ink)}
.jjdb .dA .dA-qa__i{width:20px;height:20px;flex:none;stroke-width:2;transition:transform .25s var(--a-ease)}
.jjdb .dA .dA-qa[open] .dA-qa__i{transform:rotate(180deg)}
.jjdb .dA .dA-qa .jjdb-v-qa__a{margin:0;padding:0 0 22px;font:400 16px/1.55 var(--sans);color:var(--a-ink);max-width:72ch}

/* 関係する記事（Airbnb の Destinations to explore：名前 14px 500・下に 14px #6a6a6a） */
.jjdb .dA .dA-read .jjdb-v-lks{display:grid;grid-template-columns:minmax(0,1fr);gap:0 32px;margin:8px 0 0}
.jjdb-wrap .jjdb .dA .dA-read a.jjdb-v-lk{display:flex;align-items:flex-start;gap:12px;min-height:44px;padding:12px 0;border:0;background:none;color:var(--a-ink);box-shadow:none;text-decoration:none}
.jjdb-wrap .jjdb .dA .dA-read a.jjdb-v-lk:hover{background:none;color:var(--a-ink)}
.jjdb-wrap .jjdb .dA .dA-read a.jjdb-v-lk:hover b{text-decoration:underline;text-underline-offset:2px}
.jjdb .dA .dA-read .jjdb-v-lk>span{flex:1;min-width:0}
.jjdb .dA .dA-read .jjdb-v-lk b{display:block;font:500 15px/20px var(--sans);color:var(--a-ink)}
.jjdb .dA .dA-read .jjdb-v-lk small{display:block;margin:2px 0 0;font:400 14px/20px var(--sans);color:var(--a-mute)}
.jjdb .dA .dA-read .jjdb-v-lk>svg{width:16px;height:16px;margin-top:2px;color:var(--a-ink)}

/* 出どころ・写真の出典・末尾 */
.jjdb .dA .dA-src .jjdb-v-srcs{font:400 15px/1.55 var(--sans);color:var(--a-ink)}
.jjdb .dA .dA-src .jjdb-v-srcs__m{color:var(--a-mute);font-size:14px}
.jjdb .dA .dA-src .jjdb-vx-small{font-size:14px;color:var(--a-mute)}
.jjdb .dA .dA-credits{margin:40px 0 0;padding:16px 0 0;border-top:1px solid var(--a-line2);font:400 14px/1.5 var(--sans);color:var(--a-mute)}
.jjdb .dA .dA-credits>summary{display:flex;align-items:center;min-height:44px;font:600 14px/18px var(--sans);color:var(--a-ink);cursor:pointer}
.jjdb .dA .dA-credits ul{margin:4px 0 12px;padding:0 0 0 1.1em;columns:1}
.jjdb .dA .dA-cr__l{margin:12px 0 0;font:600 14px/18px var(--sans);color:var(--a-ink)}
.jjdb .dA .dA-cr__l a{color:var(--a-ink)}
.jjdb .dA .dA-credits li{margin:0 0 4px;break-inside:avoid}
.jjdb .dA .dA-credits a{color:var(--a-mute);text-decoration:underline;text-underline-offset:2px}
.jjdb .dA .dA-credits b{font-weight:500;color:var(--a-ink)}
.jjdb .dA .dA-end{margin:24px 0 0;border-top:1px solid var(--a-line2)}
.jjdb .dA .jjdb-v-upd{color:var(--a-mute)}
.jjdb .dA small{color:var(--a-mute)}

/* ======== 詳しくの面（Airbnb のモーダル：白・角丸 24px・影 0 8px 28px rgba(0,0,0,.28)・閉じるは左上の丸・スマホは下から） ======== */
.jjdb .dA .dA-mo{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center}
.jjdb .dA .dA-mo[hidden]{display:none}
.jjdb .dA .dA-mo__bg{position:absolute;inset:0;background:rgba(0,0,0,.5);animation:dA-fade .3s var(--a-ease)}
.jjdb .dA .dA-mo__p{position:relative;display:flex;flex-direction:column;width:100%;max-height:92vh;background:#fff;border-radius:24px 24px 0 0;box-shadow:0 8px 28px rgba(0,0,0,.28);
  overflow:hidden;animation:dA-up .4s var(--a-ease)}
.jjdb .dA .dA-mo__hd{flex:none;display:flex;align-items:center;gap:8px;min-height:60px;padding:0 12px;border-bottom:1px solid var(--a-line2)}
.jjdb .dA .dA-mo__x{flex:none;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:none;color:var(--a-ink);cursor:pointer;transition:background-color .2s}
.jjdb .dA .dA-mo__x:hover{background:var(--a-faint)}
.jjdb .dA .dA-mo__x .dA-i{width:16px;height:16px;stroke-width:2.4}
.jjdb .dA .dA-mo__t{flex:1;min-width:0;margin:0;padding:0 44px 0 0;font:600 16px/20px var(--sans);text-align:center;color:var(--a-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jjdb .dA .dA-mo__b{overflow-y:auto;overscroll-behavior:contain;padding:20px 24px 28px}
.jjdb .dA .dA-mo__ph{display:block;aspect-ratio:3/2;margin:0 0 16px;border-radius:12px;overflow:hidden;background:var(--a-line)}
.jjdb .dA .dA-mo__ph img{display:block;width:100%;height:100%;object-fit:cover}
.jjdb .dA .dA-mo__card{margin:0 0 18px;padding:0 0 18px;border-bottom:1px solid var(--a-line2)}

.jjdb .dA .dA-mo__card .dA-c__s--l{-webkit-line-clamp:unset;display:block}
.jjdb .dA .dA-mo .dA-c__pn{margin:0;padding:0;border:0}
.jjdb .dA .dA-mo .jjdb-v-d__in{display:block;padding:0;background:none}
html.dA-lock,html.dA-lock body{overflow:hidden}
@keyframes dA-up{from{transform:translateY(48px);opacity:0}to{transform:none;opacity:1}}
@keyframes dA-fade{from{opacity:0}to{opacity:1}}

/* ======== 768px〜（タブレット）：格子にする ======== */
@media (min-width:744px){
  .jjdb .dA .dA-hd{text-align:center}
  .jjdb .dA .dA-hd__t{max-width:760px;margin:0 auto 22px}
  .jjdb .dA .dA-hd .jjdb-hero__title{font:600 32px/36px var(--sans);letter-spacing:-.03em;margin:0 0 10px}
  .jjdb .dA .dA-hd .jjdb-v-lead0{font-size:16px;line-height:1.5}
  /* PC の検索の帯：Where｜When｜Who（高さ 66px・区切り 1px #ddd・右端に 48px の丸い検索の印） */
  .jjdb .dA .dA-sb{justify-content:center;margin:0 0 4px}
  .jjdb .dA .dA-sb__f{flex:0 1 860px;flex-direction:row;align-items:center;height:66px;border-radius:40px;box-shadow:0 1px 2px rgba(0,0,0,.08),0 4px 12px rgba(0,0,0,.05);text-align:left}
  .jjdb .dA .dA-sb__f:hover{box-shadow:0 2px 4px rgba(0,0,0,.12),0 6px 16px rgba(0,0,0,.08)}
  .jjdb .dA .dA-sb__f:focus-within{background:var(--a-line2);box-shadow:none}
  .jjdb .dA .dA-sb__seg,.jjdb .dA .dA-sb.is-open .dA-sb__sel{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:2px;height:66px;min-height:0;padding:0 24px 0 32px;border:0;border-radius:40px;
    transition:background-color .2s var(--a-ease),box-shadow .2s var(--a-ease)}
  .jjdb .dA .dA-sb__q{flex:1.35 1 0}
  .jjdb .dA .dA-sb__sel{flex:1 1 0;padding-right:40px}
  .jjdb .dA .dA-sb__seg:hover{background:var(--a-line2)}
  .jjdb .dA .dA-sb__seg:focus-within{background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.2)}
  .jjdb .dA .dA-sb__seg,.jjdb .dA .dA-sb.is-open .dA-sb__sel{justify-content:flex-start;padding-top:15px}
  .jjdb .dA .dA-sb__q .dA-sb__lb{position:relative;z-index:1;width:auto;height:auto;overflow:visible;clip-path:none;pointer-events:none;font:600 12px/16px var(--sans);color:var(--a-ink)}
  .jjdb .dA .dA-sb__seg .dA-sb__in,.jjdb .dA .dA-sb__q .dA-sb__in{position:absolute;inset:0;width:100%;height:100%;padding:31px 24px 0 32px;border-radius:40px}
  .jjdb .dA .dA-sb__sel .dA-sb__in{padding-right:40px}
  .jjdb .dA .dA-sb__sel .dA-sb__lb{font:600 12px/16px var(--sans)}
  .jjdb .dA .dA-sb__qi{display:none}
  .jjdb .dA .dA-sb__in,.jjdb .dA .dA-sb__sel .dA-sb__in{flex:none;font:400 14px/18px var(--sans)}
  .jjdb .dA .dA-sb__sel .dA-sb__in{color:var(--a-ink)}
  .jjdb .dA .dA-sb__sel>svg{right:14px;width:16px;height:16px;margin-top:-8px}
  .jjdb .dA .dA-sb__div{display:block;flex:none;width:1px;height:32px;background:var(--a-line)}
  .jjdb .dA .dA-sb__go{display:grid;place-items:center;flex:none;width:48px;height:48px;margin:0 8px 0 6px;padding:0;border:0;border-radius:50%;background:var(--a-navy);color:#fff;cursor:pointer;transition:transform .1s var(--a-ease),filter .2s}
  .jjdb .dA .dA-sb__go:hover{filter:brightness(1.15)}
  .jjdb .dA .dA-sb__go:active{transform:scale(.96)}
  .jjdb .dA .dA-sb__go .dA-i{width:18px;height:18px;stroke-width:3}
  .jjdb .dA .dA-sb__flt{display:none}
  .jjdb .dA .dA-cats{margin:0}
  .jjdb .dA .dA-bar{margin:0;padding:6px 0 0}
  .jjdb .dA .dA-cats__sc{justify-content:safe center;margin:0;padding:0}
  .jjdb .dA .dA-pills{justify-content:safe center;margin:12px 0 0;padding:2px 0 20px;border-bottom:1px solid var(--a-line2)}
  .jjdb .dA .dA-hd{padding-bottom:10px}
  /* 格子 */
  .jjdb .dA .dA-grid,.jjdb .dA.jjf-filtered .dA-grid,.jjdb .dA .dA-flat{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:40px 24px;
    overflow:visible;margin:0;padding:0;scroll-snap-type:none}
  .jjdb .dA .dA-gh__go{margin:0 0 0 2px}
  .jjdb .dA .dA-g{margin:0 0 48px}
  .jjdb .dA .dA-gh{margin:0 0 18px}
  .jjdb .dA .dA-count{flex-direction:row;align-items:center;justify-content:space-between;gap:12px 24px}
  .jjdb .dA .dA-sum{font-size:20px}
  .jjdb .dA .dA-sort__l{margin-right:0;padding:2px}
  .jjdb .dA ol.dA-pop__l{grid-auto-columns:132px;margin:0;padding:0 0 4px;scroll-padding:0}
  .jjdb .dA .dA-otp__l{flex-wrap:wrap;overflow:visible;margin:0;padding:0}
  .jjdb .dA .dA-read .jjdb-v-lks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jjdb .dA .dA-mo{align-items:center}
  .jjdb .dA .dA-mo__p{width:min(640px,calc(100vw - 48px));max-height:calc(100vh - 80px);border-radius:24px}
  .jjdb .dA .dA-mo__hd{padding:0 16px}
  .jjdb .dA .dA-credits ul{columns:2;column-gap:32px}
}
/* PC（1024px〜）：札の高さを Airbnb の 34〜36px に・矢印・棚は1列に並べる */
@media (min-width:1024px){
  .jjdb .dA .dA-pill{min-height:36px;padding:0 14px;font-size:13px}
  .jjdb .dA .dA-pill--v b{font-size:14px}
  .jjdb-wrap .jjdb .dA a.dA-otp__a,.jjdb-wrap .jjdb .dA .dA-after a.jjdb-v-lk{min-height:36px;font-size:13px}
  /* 矢印：押せる範囲 44px・見た目は Airbnb の 32px の白い丸（枠 rgba(0,0,0,.08)・影）。帯の端は白くぼかす */
  .jjdb .dA .dA-ar{position:relative;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:none;color:var(--a-ink);cursor:pointer;transition:transform .25s var(--a-ease),opacity .2s}
  .jjdb .dA .dA-ar::after{content:"";position:absolute;inset:6px;border:1px solid rgba(0,0,0,.08);border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08),0 4px 12px rgba(0,0,0,.05)}
  .jjdb .dA .dA-ar .dA-i{position:relative;z-index:1;width:12px;height:12px;stroke-width:2.6}
  .jjdb .dA .dA-ar:hover{transform:scale(1.04)}
  .jjdb .dA .dA-ar[disabled]{opacity:0;pointer-events:none}
  .jjdb .dA .dA-cats>.dA-ar{position:absolute;top:12px;z-index:2}
  .jjdb .dA .dA-cats>.dA-ar--l{left:-6px}
  .jjdb .dA .dA-cats>.dA-ar--r{right:-6px}
  .jjdb .dA .dA-cats>.dA-ar::before{content:"";position:absolute;top:-10px;bottom:-20px;width:72px;z-index:-1;pointer-events:none}
  .jjdb .dA .dA-cats>.dA-ar--l::before{left:5px;background:linear-gradient(90deg,#fff 55%,rgba(255,255,255,0))}
  .jjdb .dA .dA-cats>.dA-ar--r::before{right:5px;background:linear-gradient(270deg,#fff 55%,rgba(255,255,255,0))}
  .jjdb .dA .dA-cats:not(.is-over)>.dA-ar{visibility:hidden}
  .jjdb .dA .dA-sh__nav{display:flex}
  .jjdb .dA ol.dA-pop__l{grid-auto-columns:calc((100% - 60px) / 6)}
  .jjdb .dA .dA-pop:not(.is-over) .dA-sh__nav{display:none}
  .jjdb .dA .dA-faq .jjdb-v-faq{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jjdb .dA .dA-read .jjdb-v-lks{grid-template-columns:repeat(3,minmax(0,1fr))}
  .jjdb .dA .dA-fold .jjdb-v-h2{font-size:22px;line-height:26px}
  .jjdb .dA .jjdb-v-sec .jjdb-v-h2{font-size:26px;line-height:30px}
  .jjdb .dA .dA-gh__t{font-size:22px;line-height:26px}
  .jjdb .dA .dA-credits ul{columns:3}
}
@media (min-width:1280px){
  .jjdb .dA ol.dA-pop__l{grid-auto-columns:calc((100% - 72px) / 7)}
}

/* 動きを減らす設定では動かさない */
@media (prefers-reduced-motion:reduce){
  .jjdb *,.jjdb *::before,.jjdb *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}
/* 詳しくの丸の「＋」（CSS で描く） */

/* 「Scroll →」：スマホで棚が横に送れることを知らせる（PC は格子なので出さない） */
.jjdb .dA .dA-hint{margin-left:auto;font:400 13px/18px var(--sans);color:var(--a-mute);white-space:nowrap}
.jjdb .dA.jjf-filtered .dA-hint{visibility:hidden}
@media (min-width:744px){.jjdb .dA .dA-hint{display:none}}
/* スマホ・タブレット：名前のリンクの押せる高さを 44px にする（写真の下の端 25px に重ねる。写真も同じページへのリンク） */
@media (max-width:1023px){
  .jjdb-wrap .jjdb .dA a.dA-c__a{margin-top:-25px;padding-top:25px}
}
/* 絞り込み・並べ替えのあいだは Most searched の棚を下げる（結果を頭へ） */
.jjdb .dA.jjf-filtered .dA-pop,.jjdb .dA.jjf-sorted .dA-pop{display:none}
/* 閉じるの丸のフォーカスは黒い輪（赤は判定の色なので使わない） */
.jjdb .dA .dA-mo__x:focus,.jjdb .dA .dA-mo__p:focus{outline:none}
.jjdb .dA .dA-mo__x:focus-visible{outline:2px solid var(--a-ink);outline-offset:2px}
.jjdb .dA .dA-mo__card>.dA-c__s:first-child,.jjdb .dA .dA-mo__card>.dA-c__v:first-child{margin-top:0}
.jjdb .dA .dA-mo__code{display:inline-block;margin:0 0 6px;font:600 15px/20px var(--sans);letter-spacing:.02em;color:var(--a-ink)}

/* 群の「Show all」（Airbnb の白いボタン：枠 1px #222・角丸 8px・16px 600）。JS が動いているときだけ畳む（is-js） */
.jjdb .dA .dA-more{display:none;align-items:center;gap:6px;min-height:48px;margin:24px 0 0;padding:0 23px;border:1px solid var(--a-ink);border-radius:8px;background:#fff;color:var(--a-ink);
  font:600 16px/20px var(--sans);cursor:pointer;transition:background-color .2s var(--a-ease),transform .1s var(--a-ease)}
.jjdb .dA .dA-more:hover{background:var(--a-faint)}
.jjdb .dA .dA-more:active{transform:scale(.96)}
.jjdb .dA .dA-more__n{font-weight:400;color:var(--a-mute)}
@media (min-width:744px) and (max-width:1023px){
  .jjdb .dA .dA-grid,.jjdb .dA.jjf-filtered .dA-grid,.jjdb .dA .dA-flat{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 16px}
  .jjdb .dA.is-js:not(.jjf-filtered) .dA-g:not(.is-all) .dA-grid>.dA-c:nth-child(n+9){display:none}
  .jjdb .dA.is-js:not(.jjf-filtered) .dA-g.dA-gt8:not(.is-all) .dA-more{display:inline-flex}
}
@media (min-width:1024px) and (max-width:1279px){
  .jjdb .dA .dA-grid,.jjdb .dA.jjf-filtered .dA-grid,.jjdb .dA .dA-flat{grid-template-columns:repeat(5,minmax(0,1fr));gap:36px 16px}
  .jjdb .dA.is-js:not(.jjf-filtered) .dA-g:not(.is-all) .dA-grid>.dA-c:nth-child(n+11){display:none}
  .jjdb .dA.is-js:not(.jjf-filtered) .dA-g.dA-gt10:not(.is-all) .dA-more{display:inline-flex}
}
@media (min-width:1280px) and (max-width:1439px){
  .jjdb .dA .dA-grid,.jjdb .dA.jjf-filtered .dA-grid,.jjdb .dA .dA-flat{grid-template-columns:repeat(6,minmax(0,1fr));gap:40px 20px}
  .jjdb .dA.is-js:not(.jjf-filtered) .dA-g:not(.is-all) .dA-grid>.dA-c:nth-child(n+13){display:none}
  .jjdb .dA.is-js:not(.jjf-filtered) .dA-g.dA-gt12:not(.is-all) .dA-more{display:inline-flex}
}
@media (min-width:1440px){
  .jjdb .dA .dA-grid,.jjdb .dA.jjf-filtered .dA-grid,.jjdb .dA .dA-flat{grid-template-columns:repeat(6,minmax(0,1fr))}
  .jjdb .dA.is-js:not(.jjf-filtered) .dA-g:not(.is-all) .dA-grid>.dA-c:nth-child(n+13){display:none}
  .jjdb .dA.is-js:not(.jjf-filtered) .dA-g.dA-gt12:not(.is-all) .dA-more{display:inline-flex}
}
/* 1行の字数：英語 75字・日本語と中国語 40字まで（文の段落の幅を 33〜34em に） */
.jjdb .dA .dA-hd .jjdb-v-lead0{max-width:33em;margin-left:auto;margin-right:auto}
.jjdb .dA .dA-note{max-width:36em}
.jjdb .dA .dA-gh__d{max-width:33em}
.jjdb .dA .dA-fold .jjdb-v-lead{max-width:33em}
.jjdb .dA .dA-fold .jjdb-v-fold__c p,.jjdb .dA .dA-fold .jjdb-v-fold__c li,.jjdb .dA .dA-fold .jjdb-v-fold__c dd{max-width:34em}
.jjdb .dA .dA-qa .jjdb-v-qa__a{max-width:34em}
.jjdb .dA .dA-src .jjdb-v-srcs,.jjdb .dA .dA-src .jjdb-vx-small{max-width:34em}
.jjdb .dA .dA-after>p{max-width:33em}
.jjdb .dA .dA-mo .jjdb-v-d__in p,.jjdb .dA .dA-mo .jjdb-v-d__in dd{max-width:36em}
/* 頭の御朱印（日本らしさの飾り）：1024〜1279px は検索の帯に重なるので隠す。1280〜1439px は帯を 760px にして避ける */
@media (min-width:744px) and (max-width:1279px){.jjdb .dA .dA-hd>[data-wa="goshuin-page"]{display:none!important}}
@media (min-width:1280px) and (max-width:1439px){.jjdb .dA .dA-sb__f{flex-basis:760px}}

/* スマホ：画面から遠い群は、読む人が初めて送る・触る・キーを押す・絞り込むまで描かない（その群の写真も読まない）。
   その時に plan.js が根へ dA-on を付けて、全部ふつうに描く（全体の画像を撮る道具も先に送るので全部写る）。高さの見積もりは 390px で測った群の高さ */
@media (max-width:743px){
  .jjdb .dA:not(.dA-on) .dA-g{content-visibility:auto;contain-intrinsic-size:auto 345px}
  .jjdb .dA[data-da-db="japan-by-month"]:not(.dA-on) .dA-g{contain-intrinsic-size:auto 394px}
  .jjdb .dA[data-da-db="airports"]:not(.dA-on) .dA-g{contain-intrinsic-size:auto 337px}
  :lang(en) .jjdb .dA[data-da-db="bring"]:not(.dA-on) .dA-g{contain-intrinsic-size:auto 386px}
  :lang(en) .jjdb .dA[data-da-db="airports"]:not(.dA-on) .dA-g{contain-intrinsic-size:auto 364px}
}

/* ======================================================================
   案F：案A＋案B の左の帯（PC＝1024px 以上）。1024px 未満は案A と同じ見え方
   左の帯の中の部品（検索の帯・切替と判定の札・並べ替え・このページの内容）は1つの要素のまま。
   1024px 未満は左の帯と本体の包みを display:contents にして、order で案A の場所へ並べる（同じ物を2つ作らない）
   ====================================================================== */
.jjdb .dF .dF-h,.jjdb .dF .dF-gl{display:none}

/* ---- スマホ・タブレット：案A の並び ---- */
@media (max-width:1023px){
  .jjdb .dF .dF-app{display:flex;flex-wrap:wrap;align-items:flex-start}
  .jjdb .dF .dF-rail,.jjdb .dF .dF-rail__in,.jjdb .dF .dA-body,.jjdb .dF .dA-main{display:contents}
  .jjdb .dF .dF-app>*,.jjdb .dF .dF-rail__in>*,.jjdb .dF .dA-main>*{flex:1 0 100%;min-width:0;order:20}
  .jjdb .dF .dA-hd{order:0}
  .jjdb .dF .dA-sb{order:1}
  .jjdb .dF .dA-bar__s,.jjdb .dF .dA-bar{order:2}
  .jjdb .dF .dA-pills{order:3}
  .jjdb .dF .dA-pop{order:4}
  .jjdb .dF .dA-count{order:5}
  .jjdb .dF .dA-sort{order:6}
  .jjdb .dF .dA-note{order:7}
  .jjdb .dF .dA-list{order:8}
  .jjdb .dF .dA-after{order:9;margin-top:0}
  .jjdb .dF .dA-otp{order:10}
  /* 案A では群のカードの下の余白（36px）と次の部品の上の余白が重なっていた。並べ替えた形では重ならないので、ここで同じ間にする */
  .jjdb .dF .dA-after>:last-child{margin-bottom:0}
  .jjdb .dF .dA-otp{margin-top:12px}
  .jjdb .dF.dF-has-after .dA-otp{margin-top:48px}
  /* 群のカードが終わったら帯の貼り付きをやめる（案A の結果の包みの終わりと同じ所・plan.js が dF-past を付ける） */
  .jjdb .dF.dF-past .dA-bar{position:relative;top:auto}
  .jjdb .dF.dF-past .dA-bar.is-stuck{box-shadow:none}
}
@media (max-width:743px){
  .jjdb .dF .dA-count{margin-bottom:0}
  .jjdb .dF .dA-sort{margin:10px 0 18px}
}
@media (min-width:744px) and (max-width:1023px){
  .jjdb .dF .dA-sb{margin-bottom:6px}
  .jjdb .dF .dA-otp{margin-top:0}
  .jjdb .dF.dF-has-after .dA-otp{margin-top:48px}
  /* 件数の行と並べ替えを1行に（件数は Most searched の行に入らないよう 1px から伸ばす・並べ替えは入りきらなければ札の列を横に送る） */
  .jjdb .dF .dA-count{flex:1 1 1px;align-self:center}
  .jjdb .dF .dA-sort{flex:0 1 auto;max-width:calc(100% - 180px);min-width:0;align-self:center;margin:36px 0 18px 24px}
}

/* ---- PC：左の帯（幅 260px・ヘッダーの下に貼り付く・白地に #ebebeb の線）＋本体 ---- */
@media (min-width:1024px){
  .jjdb .dF .dF-app{display:grid;grid-template-columns:260px minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"rail head" "rail body";column-gap:48px;align-items:start}
  .jjdb .dF .dA-hd{grid-area:head;min-width:0;text-align:left;padding:10px 0 0}
  .jjdb .dF .dA-hd__t{max-width:none;margin:0 0 18px}
  .jjdb .dF .dA-hd .jjdb-v-lead0{max-width:33em;margin:0}
  .jjdb .dF .dA-body{grid-area:body;min-width:0}
  .jjdb .dF .dF-rail{grid-area:rail;align-self:stretch;min-width:0;border-right:1px solid var(--a-line2)}
  .jjdb .dF .dF-rail__in{position:sticky;top:var(--jjdb-v-top,61px);max-height:calc(100vh - var(--jjdb-v-top,61px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:18px 20px 32px 0}
  .jjdb .dF .dF-rail .dF-h{display:block;margin:22px 0 6px;padding:0 10px;font:600 14px/18px var(--sans);letter-spacing:0;color:var(--a-ink)}

  /* 検索（Airbnb の丸い検索のピル 48px）と、カテゴリの帯・判定の札と重ならない選択欄（Airbnb の枠の箱 56px・角丸 12px） */
  .jjdb .dF .dF-rail .dA-sb{display:block;margin:0}
  .jjdb .dF .dF-rail .dA-sb__f{flex-direction:column;align-items:stretch;gap:8px;height:auto;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
  .jjdb .dF .dF-rail .dA-sb__f:hover,.jjdb .dF .dF-rail .dA-sb__f:focus-within{background:none;box-shadow:none}
  .jjdb .dF .dF-rail .dA-sb__seg{flex:none;position:relative;display:flex;border:1px solid var(--a-line);background:#fff}
  .jjdb .dF .dF-rail .dA-sb__q{flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;height:48px;padding:0 16px;border-radius:40px;box-shadow:0 1px 2px rgba(0,0,0,.08),0 4px 12px rgba(0,0,0,.05)}
  .jjdb .dF .dF-rail .dA-sb__seg:hover{background:#fff;border-color:var(--a-ink)}
  .jjdb .dF .dF-rail .dA-sb__seg:focus-within{background:#fff;box-shadow:0 0 0 1px var(--a-ink)}
  .jjdb .dF .dF-rail .dA-sb__q .dA-sb__lb{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .jjdb .dF .dF-rail .dA-sb__qi{display:block;width:16px;height:16px}
  .jjdb .dF .dF-rail .dA-sb__q .dA-sb__in{position:static;inset:auto;flex:1 1 auto;width:auto;height:46px;padding:0;border-radius:0;font:400 14px/18px var(--sans)}
  .jjdb .dF .dF-rail .dA-sb__sel{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:2px;height:56px;padding:9px 40px 0 16px;border-radius:12px;box-shadow:none}
  .jjdb .dF .dF-rail .dA-sb__sel .dA-sb__in{position:absolute;inset:0;width:100%;height:100%;padding:27px 40px 0 16px;border-radius:12px}
  .jjdb .dF .dF-rail .dA-sb__div,.jjdb .dF .dF-rail .dA-sb__go,.jjdb .dF .dF-rail .dA-sb__flt,.jjdb .dF .dF-rail .dF-dup{display:none}

  /* 切替・判定の数・並べ替え・群の一覧・このページの内容（1行 36px・14px #222・件数は右に #6a6a6a・選ぶと #f7f7f7 の面と太字・角丸 8px） */
  .jjdb .dF .dF-rail .dA-pills{display:block;overflow:visible;margin:14px 0 0;padding:0;border:0}
  .jjdb .dF .dF-rail .dA-pg,.jjdb .dF .dF-rail .dA-sort__l,.jjdb .dF .dF-gl__l,.jjdb .dF .dF-rail .dA-otp__l{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;margin:0;padding:0;overflow:visible}
  .jjdb .dF .dF-rail .dA-pills__sep{display:none}
  .jjdb .dF .dF-rail .dA-pill,.jjdb-wrap .jjdb .dF a.dF-gl__a,.jjdb-wrap .jjdb .dF .dF-rail a.dA-otp__a{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-width:0;min-height:36px;margin:0;padding:6px 10px;
    border:0;border-radius:8px;background:none;box-shadow:none;color:var(--a-ink);font:400 14px/18px var(--sans);text-align:left;text-decoration:none;white-space:normal;transition:background-color .2s var(--a-ease)}
  .jjdb .dF .dF-rail .dA-pill:hover,.jjdb-wrap .jjdb .dF a.dF-gl__a:hover,.jjdb-wrap .jjdb .dF .dF-rail a.dA-otp__a:hover{background:var(--a-faint);border:0;color:var(--a-ink);text-decoration:none}
  .jjdb .dF .dF-rail .dA-pill.is-on,.jjdb .dF .dF-rail .dA-pill.is-on:hover,.jjdb-wrap .jjdb .dF a.dF-gl__a.is-on,.jjdb-wrap .jjdb .dF .dF-rail a.dA-otp__a.is-on{background:var(--a-faint);box-shadow:none;font-weight:600}
  .jjdb .dF .dF-rail .dA-pill>.dA-mk{order:1}
  .jjdb .dF .dF-rail .dA-pill>span{order:2;flex:1 1 auto;min-width:0}
  .jjdb .dF .dF-rail .dA-pill>b{order:3;flex:none;margin-left:auto;font:400 13px/18px var(--sans);color:var(--a-mute)}
  .jjdb .dF .dF-rail .dA-pill--s::after{margin-left:auto}
  .jjdb .dF .dF-rail .dA-sort{display:block;margin:0}
  .jjdb .dF .dF-rail .dA-sort__t{display:block;margin:22px 0 6px;padding:0 10px;font:600 14px/18px var(--sans);color:var(--a-ink)}
  .jjdb .dF .dF-gl__i{display:block;flex:none;width:20px;height:20px;stroke-width:1.5px}
  .jjdb .dF .dF-gl__a>span{flex:1 1 auto;min-width:0}
  .jjdb .dF .dF-gl__n{flex:none;font:400 13px/18px var(--sans);font-style:normal;color:var(--a-mute)}
  .jjdb .dF .dF-rail .dA-otp{margin:0}
  .jjdb .dF .dF-rail .dA-otp__t{margin:22px 0 6px;padding:0 10px;font:600 14px/18px var(--sans);color:var(--a-ink)}
  /* 群の一覧は、カテゴリの帯が画面から抜けて群のカードを読んでいるあいだだけ（このページの内容と入れ替える。左の帯の一番下なので、ほかの部品は動かない） */
  .jjdb .dF.dF-in-res .dF-gl{display:block}
  .jjdb .dF.dF-in-res .dF-rail .dA-otp{display:none}

  /* 本体：カテゴリの帯は貼り付けずに流す（左の帯の群の一覧と入れ替わる）・帯の下に 1px の線（Airbnb のカテゴリの帯） */
  .jjdb .dF .dA-bar{position:relative;top:auto;margin:0;padding:4px 0 0;border-bottom:1px solid var(--a-line2)}
  .jjdb .dF .dA-bar.is-stuck{box-shadow:none}
  .jjdb .dF .dA-cats__sc{justify-content:flex-start}
  .jjdb .dF .dA-pop{margin-top:26px}
  .jjdb .dF .dA-count,.jjdb .dF .dA-g{scroll-margin-top:calc(var(--jjdb-v-top,61px) + 16px)}
  .jjdb .dF ol.dA-pop__l{grid-auto-columns:calc((100% - 36px) / 4)}
}
@media (min-width:1024px) and (max-width:1279px){
  .jjdb .dF .dA-grid,.jjdb .dF.jjf-filtered .dA-grid,.jjdb .dF .dA-flat{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 16px}
  .jjdb .dF.is-js:not(.jjf-filtered) .dA-g:not(.is-all) .dA-grid>.dA-c:nth-child(n+7){display:none}
  .jjdb .dF.is-js:not(.jjf-filtered) .dA-g.dA-gt6:not(.is-all) .dA-more{display:inline-flex}
  .jjdb .dF .dA-faq .jjdb-v-faq{grid-template-columns:minmax(0,1fr)}
  .jjdb .dF .dA-read .jjdb-v-lks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jjdb .dF .dA-credits ul{columns:2}
}
@media (min-width:1280px){
  .jjdb .dF ol.dA-pop__l{grid-auto-columns:calc((100% - 60px) / 6)}
}
@media (min-width:1280px) and (max-width:1439px){
  .jjdb .dF .dA-grid,.jjdb .dF.jjf-filtered .dA-grid,.jjdb .dF .dA-flat{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 20px}
  .jjdb .dF.is-js:not(.jjf-filtered) .dA-g:not(.is-all) .dA-grid>.dA-c:nth-child(n+9){display:none}
  .jjdb .dF.is-js:not(.jjf-filtered) .dA-g.dA-gt8:not(.is-all) .dA-more{display:inline-flex}
}
@media (min-width:1440px){
  .jjdb .dF ol.dA-pop__l{grid-auto-columns:calc((100% - 72px) / 7)}
  .jjdb .dF .dA-grid,.jjdb .dF.jjf-filtered .dA-grid,.jjdb .dF .dA-flat{grid-template-columns:repeat(5,minmax(0,1fr));gap:40px 24px}
  .jjdb .dF.is-js:not(.jjf-filtered) .dA-g:not(.is-all) .dA-grid>.dA-c:nth-child(n+11){display:none}
  .jjdb .dF.is-js:not(.jjf-filtered) .dA-g.dA-gt10:not(.is-all) .dA-more{display:inline-flex}
}
/* 頭の御朱印（日本らしさの飾り）：PC は頭に検索の帯が無くなって頭が低くなり、カテゴリの帯に重なって切れるので、1024px 以上も隠す（744〜1023px は案A と同じく隠す） */
@media (min-width:1024px){.jjdb .dF .dA-hd>[data-wa="goshuin-page"]{display:none!important}}
@media (min-width:1024px){.jjdb.dA-root>[data-wa="goshuin"]{display:none!important}}

/* ---- 左の帯の地を Apple（App Store の左の帯）の色に（2026-10-07 22:5x 藤井さん「左の帯の背景色は apple の色と同じようにしてね」）----
   App Store（Web）を案B が実測した値：帯 #efeff1・右に 1px rgba(0,0,0,.1)・乗せたとき rgba(60,60,67,.06)・選ばれたら rgba(60,60,67,.1)。
   帯の面は画面の左の端まで伸ばす（App Store と同じ）。中の項目の位置は変えない（左の余白の分だけ内側を広げる） */
@media (min-width:1024px){
  .jjdb .dF .dF-rail{background:#efeff1;border-right:1px solid rgba(0,0,0,.1);margin-left:calc(-1 * var(--jj-pad,64px));padding-left:var(--jj-pad,64px)}
  .jjdb .dF .dF-rail__in{padding-right:16px}
  .jjdb .dF .dF-rail .dA-pill:hover,.jjdb-wrap .jjdb .dF a.dF-gl__a:hover,.jjdb-wrap .jjdb .dF .dF-rail a.dA-otp__a:hover{background:rgba(60,60,67,.06)}
  .jjdb .dF .dF-rail .dA-pill.is-on,.jjdb .dF .dF-rail .dA-pill.is-on:hover,.jjdb-wrap .jjdb .dF a.dF-gl__a.is-on,.jjdb-wrap .jjdb .dF .dF-rail a.dA-otp__a.is-on{background:rgba(60,60,67,.1)}
}

/* ---- 器へ入れたときに足した分（2026-10-08・「訪日DB 一覧新形を本番へ」）---- */
/* 空港の「色のついた行」の注記（表の章の札・判定の色の印つき）と同じ印を、いちばん早い空港のカード（is-hit）の太字の行に付ける（本番の不具合②：注記だけあって強調が無かった） */
.jjdb .dA .dA-c__v>.dA-mk{width:16px;height:16px;margin:0 6px 0 0;vertical-align:-3px}

/* ---- 残り10本へ広げたときに足した分（2026-10-08 ③・「訪日DB 一覧新形を残り10本へ」）---- */
/* 写真の無いDB（"v5" の face:"art"）：Airbnb の「Find services near you」の札の型＝#f7f7f7 の 4:3 の面に群の線画を大きく（群の写真を全部のカードに繰り返さない） */
.jjdb .dA .dA-c__art{display:grid;place-items:center;width:100%;aspect-ratio:4/3;border-radius:var(--a-r);background:var(--a-faint);transition:transform .1s var(--a-ease)}
.jjdb .dA .dA-c:active>.dA-c__art{transform:scale(.98)}
.jjdb .dA .dA-c.is-target>.dA-c__art{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--a-ink)}
.jjdb .dA .dA-c__art .dA-c__ai{width:40%;max-width:104px;height:auto;aspect-ratio:1;color:var(--a-ink);stroke-width:1.5px}
.jjdb .dA .dA-tile__ph--art{display:grid;place-items:center;background:var(--a-faint)}
.jjdb .dA .dA-tile__ph--art .dA-tile__ai{width:40%;height:auto;aspect-ratio:1;color:var(--a-ink);stroke-width:1.5px}
/* 表の後ろの説明（intro が after のDB）に入る注意の箱：v2 の CSS では黒地に #333 の字になっていた（1.66:1・市販薬と IC カード・本番の v2 でも同じ）。dA-note の注意の箱と同じ白い箱にする */
.jjdb .dA .dA-after .jjdb-v-warn{margin:0 0 16px;padding:14px 18px;border:1px solid var(--a-line);border-radius:12px;background:#fff;box-shadow:none;color:var(--a-ink);font:400 15px/1.5 var(--sans);max-width:none}
.jjdb .dA .dA-after .jjdb-v-warn strong{display:inline;margin:0;font:600 15px/1.5 var(--sans);color:var(--a-ink)}
/* 判定の言葉が長いDB（コンセントの日本語「平たい2本ピンはそのまま使える」）：カードの幅に入らないときだけ折る（768px の4列でカードから 20px はみ出した）。
   語の途中で折らない決まりはそのまま（日本語は auto-phrase の文節・それでも入らない時だけ字の間） */
.jjdb .dA .dA-c .dA-v .jjdb-v-v{min-width:0;max-width:100%}
.jjdb .dA .dA-c .dA-v .jjdb-v-v__w{white-space:normal;min-width:0;overflow-wrap:anywhere}
:lang(ja) .jjdb .dA .dA-c .dA-v .jjdb-v-v{word-break:auto-phrase}
/* 読み物の章の表の行の見出しのリンク（祝日の New Year's Day）：768〜1023px でも押せる高さ 44px（v2 の CSS は 767px まで） */
@media (min-width:768px) and (max-width:1023px){
  .jjdb-wrap .jjdb .dA .jjdb-v-t tbody th>a.jjdb-v-a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;margin:-10px 0}
  .jjdb-wrap .jjdb .dA .jjdb-v-t.is-stack tbody th>a.jjdb-v-a{margin:-5px 0}
}