/* Product tokens: carry these into the WordPress theme; no build dependency. */
:root{color-scheme:light;--ll-ink:#192b30;--ll-muted:#56676b;--ll-ocean:#006078;--ll-ocean-dark:#004556;--ll-soft:#eef5f6;--ll-rule:#d6e0e2;--ll-paper:#fff;--ll-accent:#af3d22;--ll-content-width:1200px;--ll-font:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;--ll-serif:"Hiragino Mincho ProN","Yu Mincho",serif;--ll-radius:4px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--ll-paper);color:var(--ll-ink);font:1rem/1.8 var(--ll-font);overflow-wrap:anywhere}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button{color:inherit}a{color:inherit}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid var(--ll-ocean);outline-offset:4px}button:disabled{opacity:.65}button svg{flex-shrink:0}button{border-radius:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-feature-settings:"palt";overflow-wrap:anywhere}img{display:block;max-width:100%}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.icon{width:23px;height:23px}.symbol-library{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.page-width{width:min(calc(100% - 80px),var(--ll-content-width));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:12px;top:-100px;z-index:100;background:white;padding:12px}.skip-link:focus{top:12px}
.review-bar{background:#182c32;color:#fff;padding:10px 0;font-size:0.75rem;line-height:1.5}.review-inner{width:min(calc(100% - 40px),var(--ll-content-width));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.review-inner b{font-size:0.6875rem;letter-spacing:.09em}.review-version{margin-left:8px;color:#d0dce0}.layout-switch{display:flex;gap:4px;flex-shrink:0}.layout-switch button{padding:6px 12px;min-height:36px;border:1px solid #64767b;background:transparent;color:#fff;font-size:0.75rem;border-radius:2px}.layout-switch button[aria-pressed="true"]{background:#fff;border-color:#fff;color:#182c32}.layout-switch button:focus-visible{outline-color:white}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:27px 24px}.brand{text-decoration:none;flex-shrink:0}.brand-wordmark{font:800 2.1875rem/1.1 Arial,sans-serif;letter-spacing:-1.7px;display:block}.brand-divider{font-weight:400;color:var(--ll-ocean);margin:0 3px}.brand-dot{color:var(--ll-ocean)}.brand-caption{display:flex;gap:12px;align-items:center;font-size:0.75rem;margin-top:6px;letter-spacing:.03em}.brand-caption small{font-size:0.625rem;color:var(--ll-muted);border:1px solid var(--ll-rule);padding:0 4px}.header-tools{display:flex;gap:20px;align-items:center;min-width:0}.area-control{display:flex;gap:5px;align-items:center;color:var(--ll-ocean);flex-shrink:0}.area-control select{max-width:100%;border:0;color:var(--ll-ink);background:transparent;padding:12px 2px;font-size:0.875rem;font-weight:600;min-height:44px}.site-search{display:flex;align-items:center;border-bottom:1px solid #8b9b9f;max-width:300px}.site-search input{border:0;background:transparent;min-width:0;width:220px;padding:10px 4px;font-size:0.875rem}.site-search button{border:0;background:transparent;min-width:44px;min-height:44px;display:grid;place-items:center}
/* .category-nav は wordpress.css で定義（2026-09-23 に試作の button/small 規則を撤去） */
.home-layout{display:flex;flex-direction:column}.quick-access{order:0;display:flex;align-items:center;gap:24px;padding:22px 0;border-bottom:1px solid var(--ll-rule)}.quick-access>p{font-size:0.8125rem;font-weight:700;flex-shrink:0}.quick-links{display:flex;gap:24px;flex-wrap:wrap}.quick-links button{border:0;border-bottom:1px solid transparent;background:transparent;padding:4px 0;font-size:0.8125rem;min-height:32px}.quick-links button span{margin-left:8px;color:var(--ll-ocean)}.quick-links button:hover{border-color:var(--ll-ocean)}
.hero{order:1;display:grid;grid-template-columns:1fr 2.15fr;gap:40px;padding-block:44px 30px;align-items:center}.eyebrow{font:600 0.6875rem/1.5 Arial,sans-serif;letter-spacing:.14em;color:var(--ll-ocean);margin-bottom:12px}.hero h1{font:600 clamp(30px,3.1vw,43px)/1.62 var(--ll-serif);letter-spacing:.06em;margin-top:15px}.hero-description{font-size:0.8125rem;color:var(--ll-muted);line-height:2.1;margin-top:17px}.text-action{display:inline-flex;align-items:center;gap:14px;padding:12px 0;background:transparent;border:0;font-size:0.8125rem;font-weight:700}.hero .text-action{margin-top:18px}.hero-visual img{width:100%;height:auto;aspect-ratio:1902/827;object-fit:contain}.hero-visual figcaption{font-size:0.625rem;color:var(--ll-muted);text-align:right;margin-top:8px;line-height:1.6}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading h2,.living-heading h2{font-size:1.5rem;letter-spacing:.035em;line-height:1.5;font-weight:700}.section-heading .eyebrow{margin-bottom:7px}.section-note{font-size:0.75rem;color:var(--ll-muted)}.shopping-section{order:3;padding-block:34px 40px;border-top:1px solid var(--ll-rule)}.store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.store-card{padding:20px 22px;border:1px solid var(--ll-rule);border-top:3px solid var(--ll-ocean);background:white;min-width:0}.store-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:0.6875rem;color:var(--ll-muted)}.store-type{font-weight:600;color:var(--ll-ocean)}.store-card h3{font-size:1.0625rem;margin-top:10px;line-height:1.5}.store-card p{font-size:0.75rem;color:var(--ll-muted);margin-top:3px}.store-link{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-top:16px;padding:10px 12px;background:var(--ll-soft);color:var(--ll-ocean-dark);border:0;font-size:0.8125rem;text-align:left;min-height:44px}.store-link:hover{background:#dcebef}.micro-note{font-size:0.6875rem;color:var(--ll-muted);margin-top:14px;line-height:1.7}
.discover-section{order:2;padding-block:28px 42px}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:24px;border-bottom:1px solid var(--ll-rule);padding-bottom:14px}.purpose-filters{display:flex;flex-wrap:wrap;gap:8px}.purpose-filters button{background:transparent;border:1px solid var(--ll-rule);padding:7px 15px;border-radius:2px;font-size:0.75rem;min-height:36px}.purpose-filters button[aria-pressed="true"]{background:var(--ll-ocean);border-color:var(--ll-ocean);color:white}.reset-button{background:transparent;border:0;text-decoration:underline;color:var(--ll-muted);padding:8px 0;font-size:0.75rem;min-height:36px}.active-filter-summary{font-size:0.8125rem;color:var(--ll-ocean-dark);margin:-4px 0 18px}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.content-card{min-width:0;display:flex;flex-direction:column;border-bottom:1px solid var(--ll-rule);padding-bottom:20px}.card-button{border:0;background:transparent;text-align:left;padding:0;width:100%;height:100%;display:flex;flex-direction:column}.card-button:hover h3{text-decoration:underline;text-underline-offset:4px}.card-photo{width:100%;aspect-ratio:1.7;object-fit:cover;background:var(--ll-soft)}.photo-wrap{position:relative;width:100%}.photo-label{position:absolute;bottom:0;right:0;font-size:0.625rem;padding:3px 7px;color:#fff;background:#203339e6}.card-body{padding-top:15px;width:100%}.card-meta{display:flex;gap:10px;align-items:center;font-size:0.6875rem;color:var(--ll-muted);margin-bottom:8px}.category-label{color:var(--ll-ocean);font-weight:700}.card-body h3{font-size:1.125rem;line-height:1.75;letter-spacing:.025em}.card-description{font-size:0.8125rem;color:var(--ll-muted);line-height:1.85;margin-top:8px}.card-bottom{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:0.6875rem;margin-top:14px}.card-bottom .tag{background:var(--ll-soft);color:var(--ll-ocean-dark);padding:2px 7px}.card-date{font-size:0.75rem;color:var(--ll-muted);margin-top:9px}.content-card.text-only{border-top:3px solid var(--ll-rule);padding-top:16px}.content-card.text-only .card-body{padding-top:0}.content-card.text-only .card-description{margin-bottom:12px}.sample-kicker{font-size:0.625rem;letter-spacing:.06em;color:var(--ll-muted);margin-top:10px}.empty-state{padding:40px 20px;text-align:center;background:var(--ll-soft)}.empty-state h3{font-size:1.125rem}.empty-state p{font-size:0.8125rem;margin:10px 0 18px}.primary-button{display:inline-block;min-height:44px;padding:11px 18px;background:var(--ll-ocean);color:white;border:1px solid var(--ll-ocean);font-size:0.875rem}.primary-button:hover{background:var(--ll-ocean-dark)}
.living-section{order:4;display:grid;grid-template-columns:.85fr 2fr;gap:45px;background:var(--ll-soft);padding:30px 32px;margin:10px 0 48px}.living-heading h2{font-size:1.375rem}.living-heading>p:last-child{font-size:0.8125rem;color:var(--ll-muted);margin-top:12px}.living-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px}.living-links button{border:0;border-bottom:1px solid #c5d5d9;background:transparent;padding:14px 0;min-height:62px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:0.875rem}.living-links button small{display:block;font-size:0.6875rem;color:var(--ll-muted)}.living-links button:hover{text-decoration:underline}.editorial-note{order:5;display:grid;grid-template-columns:1fr 1.35fr 1fr;align-items:start;gap:24px;padding:32px 0 45px;border-top:1px solid var(--ll-rule)}.editorial-note p{font:600 1.25rem/1.9 var(--ll-serif)}.editorial-note>span:last-child{font-size:0.75rem;color:var(--ll-muted);line-height:2}.site-footer{background:#142d35;color:#eaf1f3;padding:30px 0}.footer-inner{display:grid;grid-template-columns:1fr 1fr;gap:16px 50px}.footer-brand{font:700 1.4375rem/1.5 Arial,sans-serif;letter-spacing:-.5px}.site-footer p{font-size:0.6875rem;margin-top:8px}.site-footer details{font-size:0.75rem}.site-footer summary{cursor:pointer;min-height:44px;padding-block:10px}.site-footer details p{line-height:2;color:#d7e3e6}.site-footer small{font-size:0.625rem;color:#bed0d5;grid-column:1/-1}
.detail-view{max-width:800px;margin:32px auto 64px}.detail-view>.text-action{margin-bottom:28px}.detail-eyebrow{display:flex;gap:12px;font-size:0.8125rem;color:var(--ll-ocean);margin-bottom:15px}.detail-view h1{font-size:clamp(25px,3vw,38px);line-height:1.6}.detail-lead{font-size:1rem;line-height:2;margin:25px 0}.detail-image{width:100%;max-height:440px;object-fit:cover;margin-top:25px}.detail-caption{font-size:0.6875rem;color:var(--ll-muted);margin-top:8px}.detail-info{margin:30px 0;border-top:1px solid var(--ll-rule)}.detail-info>div{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--ll-rule)}.detail-info dt{font-size:0.8125rem;color:var(--ll-muted)}.detail-info dd{margin:0;font-size:0.875rem}.detail-notice{padding:20px;background:var(--ll-soft);font-size:0.8125rem;line-height:1.9}.detail-notice strong{display:block;color:var(--ll-ocean-dark);margin-bottom:6px}.detail-link-preview{margin-top:20px;display:flex;flex-wrap:wrap;align-items:center;gap:14px}.detail-link-preview p{font-size:0.75rem;color:var(--ll-muted)}
/* B is a different hierarchy, not a recolour: practical links lead, hero follows. */
body[data-layout="utility"] .quick-access{padding:28px 0;align-items:stretch;gap:30px}body[data-layout="utility"] .quick-access>p{align-self:center;font-size:1.0625rem}body[data-layout="utility"] .quick-links{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}body[data-layout="utility"] .quick-links button{background:var(--ll-soft);padding:14px;font-weight:600;display:flex;justify-content:space-between;align-items:center}body[data-layout="utility"] .shopping-section{order:1;padding-top:30px;border-top:0}body[data-layout="utility"] .living-section{order:2;margin-bottom:8px}body[data-layout="utility"] .discover-section{order:3;padding-top:34px}body[data-layout="utility"] .hero{order:4;border-top:1px solid var(--ll-rule);padding-block:28px 40px;grid-template-columns:1fr 1.6fr}body[data-layout="utility"] .hero h1{font-size:1.875rem;line-height:1.7}body[data-layout="utility"] .desktop-break{display:none}body[data-layout="utility"] .hero-description{margin-top:8px}body[data-layout="utility"] .hero .text-action{margin-top:4px}body[data-layout="utility"] .content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 32px}body[data-layout="utility"] .card-button{flex-direction:row;gap:20px}body[data-layout="utility"] .photo-wrap{width:150px;flex-shrink:0}body[data-layout="utility"] .card-photo{aspect-ratio:1;min-height:150px}body[data-layout="utility"] .card-body{padding-top:0}body[data-layout="utility"] .card-body h3{font-size:1.0625rem}body[data-layout="utility"] .card-description{font-size:0.75rem}body[data-layout="utility"] .content-card.text-only{border-top:0;padding-top:0}
@media(min-width:1000px){.content-card.with-photo{grid-row:span 2}.content-card.with-photo .card-photo{aspect-ratio:1.3}body[data-layout="utility"] .content-card.with-photo{grid-row:auto}body[data-layout="utility"] .content-card.with-photo .card-photo{aspect-ratio:1}.content-card.text-only h3{font-size:1.0625rem}}
@media(max-width:1100px){.page-width{width:calc(100% - 48px)}.header-tools{gap:12px}.hero{gap:25px}.hero h1{font-size:2rem}.quick-links{gap:20px}.quick-access{gap:20px}body[data-layout="utility"] .quick-access{display:block}body[data-layout="utility"] .quick-access>p{margin-bottom:14px}.living-section{gap:25px}.editorial-note{grid-template-columns:.7fr 1.3fr 1fr}}
@media(max-width:800px){.site-header{align-items:flex-start}.header-tools{flex-direction:column;align-items:stretch;gap:0}.site-search{max-width:270px}.site-search input{width:190px}.area-control{justify-content:end}.hero{grid-template-columns:1fr 1.5fr;gap:24px;padding-block:30px}.hero h1{font-size:1.6875rem}.hero-visual img{aspect-ratio:1902/827}.hero-description{font-size:0.75rem}.hero .text-action{margin-top:6px}.quick-access{align-items:flex-start;gap:16px}.quick-links{gap:4px 18px}.quick-access>p{margin-top:4px}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}.store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.store-card:last-child:nth-child(odd){grid-column:1/-1}.living-section{grid-template-columns:1fr;padding:25px;gap:18px}.living-heading>p:last-child{display:none}.section-heading h2{font-size:1.375rem}.editorial-note{grid-template-columns:1fr 1fr}.editorial-note .eyebrow{grid-column:1/-1;margin-bottom:0}body[data-layout="utility"] .content-grid{grid-template-columns:1fr}body[data-layout="utility"] .hero{grid-template-columns:1fr 1.5fr}body[data-layout="utility"] .hero h1{font-size:1.625rem}}
@media(max-width:560px){.page-width{width:calc(100% - 32px)}.review-inner{width:calc(100% - 24px);flex-direction:column;align-items:flex-start;gap:8px}.review-version{font-size:0.625rem}.review-inner b{font-size:0.625rem}.layout-switch{width:100%}.layout-switch button{flex:1;min-height:40px;font-size:0.75rem}.review-bar{padding-block:9px}.site-header{display:block;padding-block:19px 12px}.brand{display:block}.brand-wordmark{font-size:1.875rem;letter-spacing:-1.4px}.brand-caption{font-size:0.625rem;margin-top:3px}.header-tools{margin-top:12px;display:grid;grid-template-columns:1fr 1.15fr;gap:12px;align-items:center}.area-control{justify-content:start;min-width:0;gap:3px}.area-control .icon{width:18px;height:18px;flex-shrink:0}.area-control select{font-size:0.75rem;min-width:0;width:100%;padding:10px 0}.site-search{width:100%;max-width:100%}.site-search input{width:100%;font-size:1rem;padding-left:0}.site-search input::placeholder{font-size:0.6875rem}.site-search button{min-width:35px}.site-search .icon{width:19px;height:19px}.quick-access{display:block;padding-block:15px}.quick-access>p{font-size:0.6875rem;margin-bottom:5px}.quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.quick-links button{font-size:0.6875rem;min-height:38px;display:flex;align-items:center;justify-content:space-between;text-align:left}.quick-links button span{margin-left:0}.hero{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding:24px 0 25px}.hero-copy{position:relative}.hero .eyebrow{font-size:0.625rem;margin-bottom:7px}.hero h1{font-size:1.8125rem;line-height:1.65;letter-spacing:.08em;margin-top:8px}.desktop-break{display:none}.hero-description{font-size:0.75rem;line-height:1.9;margin-top:10px}.hero .text-action{margin-top:6px;font-size:0.75rem;min-height:44px}.hero-visual figcaption{font-size:0.5625rem;text-align:left;line-height:1.7}.hero-visual img{width:100%;height:auto;object-fit:contain}.section-heading{align-items:start;gap:10px;flex-direction:column;margin-bottom:18px}.section-heading h2,.living-heading h2{font-size:1.25rem;letter-spacing:.025em}.section-heading .eyebrow{font-size:0.625rem;margin-bottom:5px}.section-note{font-size:0.6875rem}.discover-section{padding-block:20px 30px}.filter-row{gap:6px;margin-bottom:20px;padding-bottom:12px}.purpose-filters{gap:6px}.purpose-filters button{font-size:0.6875rem;padding:5px 10px;min-height:40px}.reset-button{font-size:0.6875rem;min-height:40px}.content-grid{grid-template-columns:1fr;gap:23px}.card-body h3,.content-card.text-only h3{font-size:1.125rem}.card-photo{aspect-ratio:1.65}.card-meta{font-size:0.6875rem}.card-description{font-size:0.8125rem}.content-card{padding-bottom:22px}.content-card.text-only{padding-top:13px;border-top:0}.content-card.text-only+.content-card.text-only{margin-top:-6px}.shopping-section{padding-block:26px 30px}.store-grid{grid-template-columns:1fr;gap:12px}.store-card{padding:16px 18px}.store-card:last-child:nth-child(odd){grid-column:auto}.store-card h3{font-size:1rem}.store-link{margin-top:12px}.living-section{padding:22px 18px;margin:0 0 30px;gap:15px}.living-links{grid-template-columns:1fr;gap:0}.living-links button{min-height:62px}.living-heading .eyebrow{font-size:0.625rem}.editorial-note{display:block;padding:25px 0 30px}.editorial-note p{font-size:1.25rem;margin:12px 0}.editorial-note>span:last-child{display:block;font-size:0.6875rem}.footer-inner{display:block}.site-footer details{margin-top:18px}.site-footer small{display:block;margin-top:18px}.micro-note{font-size:0.625rem}.detail-view{margin-top:16px}.detail-view>.text-action{margin-bottom:15px}.detail-info>div{grid-template-columns:90px 1fr;gap:15px;padding-block:13px}.detail-info dt{font-size:0.75rem}.detail-info dd{font-size:0.8125rem}.detail-notice{padding:16px}.detail-lead{font-size:0.9375rem}.detail-caption{font-size:0.625rem}body[data-layout="utility"] .quick-access{padding:20px 0}body[data-layout="utility"] .quick-access>p{font-size:0.9375rem;margin-bottom:10px}body[data-layout="utility"] .quick-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body[data-layout="utility"] .quick-links button{font-size:0.6875rem;min-height:50px;padding:9px 10px}body[data-layout="utility"] .shopping-section{padding-top:24px}body[data-layout="utility"] .hero{display:flex;padding:25px 0 30px}body[data-layout="utility"] .hero h1{font-size:1.5625rem}body[data-layout="utility"] .card-button{gap:14px}body[data-layout="utility"] .photo-wrap{width:96px}body[data-layout="utility"] .card-photo{min-height:115px;aspect-ratio:1/1.2}body[data-layout="utility"] .photo-label{font-size:0.5625rem;padding:2px 3px}body[data-layout="utility"] .card-body h3{font-size:1rem}body[data-layout="utility"] .card-description{font-size:0.75rem}body[data-layout="utility"] .card-meta{font-size:0.625rem;gap:6px;flex-wrap:wrap}body[data-layout="utility"] .discover-section{padding-top:28px}}
.card-photo,.detail-image{height:auto}
.card-description,.hero-description,.store-link,.living-links button{font-size:.875rem}
.card-meta,.card-date,.card-bottom,.section-note,.store-topline,.store-card p,.micro-note,.detail-caption,.hero-visual figcaption,.sample-kicker,.living-links button small{font-size:.75rem}
.purpose-filters button,.quick-links button,.reset-button{font-size:.8125rem;min-height:44px}
@media(max-width:560px){.header-tools{grid-template-columns:1fr}.area-control{justify-content:flex-start}.area-control select{width:auto;font-size:.875rem}.site-search{max-width:none}.site-search input::placeholder{font-size:.875rem}.hero h1{font-size:1.6875rem}.quick-links button{font-size:.75rem}.living-links button{font-size:.875rem}body[data-layout="utility"] .card-meta{font-size:.6875rem}}
@media(pointer:coarse){button,.purpose-filters button,.quick-links button{min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.pinned-section{order:5;padding-block:30px 44px;border-top:1px solid var(--ll-rule)}
.pinned-section .content-grid{margin-top:18px}

/* 固定枠の横スライダー。件数が増えても縦に伸びず、横に送って見せる。 */
/* 見出しと矢印を横に並べるのは、矢印を出す幅のときだけ。
   狭い画面では既存の縦並びのままにする（flex-end を当てると右端に寄ってしまう） */
@media(min-width:901px){
  .pinned-section .section-heading{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:16px}
}
.rail-nav{display:flex;gap:8px}
.rail-btn{width:36px;height:36px;border:1px solid var(--ll-rule);background:#fff;border-radius:50%;
  font-size:18px;line-height:1;color:var(--ll-ocean-dark);cursor:pointer;display:grid;place-items:center}
.rail-btn:hover{background:var(--ll-soft)}
.rail-btn[disabled]{opacity:.35;cursor:default}
.rail-btn[disabled]:hover{background:#fff}
.card-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px) / 3);gap:24px;
  align-items:start; /* 背の高いカードに引っ張られて空白ができないように */
  margin-top:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  scrollbar-width:none;padding-bottom:4px}
.card-rail::-webkit-scrollbar{display:none}
.card-rail>*{scroll-snap-align:start;min-width:0}
.card-rail:focus-visible{outline:2px solid var(--ll-ocean-dark);outline-offset:4px}
@media(max-width:900px){
  /* スマホは最初から横スライダー。1枚半くらい見せて「続きがある」と分かるようにする */
  .card-rail{grid-auto-columns:78%;gap:16px}
  .rail-nav{display:none}
}
@media(max-width:1100px) and (min-width:901px){
  .card-rail{grid-auto-columns:calc((100% - 24px) / 2)}
}
/* 地図の入口。他の入口と同じ見た目だが、新しいので色を付けて気づかせる */
.quick-links .quick-map{color:var(--ll-accent,#af3d22);font-weight:600}

/* ヒーロー（写真なし・自作の背景）2026-09-22
   以前は「まるごと福岡・博多」の写真を5枚並べていたが、素材集のような見え方だった。
   写真をやめたので「写真提供：福岡市」のクレジットも不要になった（規約上、写真を使うなら必須）。
   背景は自作のSVG（博多湾と糸島半島のかたち）なので、出典表記が要らない。 */
.hero{position:relative;order:1;display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center;
  padding:64px 56px;margin:28px 0 8px;border-radius:14px;overflow:hidden;color:#fff;isolation:isolate}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.hero .eyebrow{color:#bcd9e2;letter-spacing:.16em}
.hero h1{color:#fff;font-size:clamp(1.9rem,3.4vw,2.9rem);line-height:1.5;letter-spacing:.01em;margin:14px 0 0}
.hero .hero-description{color:#d6e7ec;font-size:.9375rem;line-height:2;margin-top:18px;max-width:30em}
.hero .text-action{color:#fff;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:3px;display:inline-block;margin-top:22px}
.hero .text-action:hover{border-bottom-color:#fff}
/* 催しの一覧は、濃い背景の上に浮かぶ白いカードにする */
.hero-events{background:rgba(255,255,255,.97);color:var(--ll-ink);border-radius:10px;padding:20px 22px;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.hero-events .eyebrow{color:var(--ll-ocean)}
.hero-events ul{list-style:none;margin:12px 0 0;padding:0}
.hero-events li+li{border-top:1px solid var(--ll-rule);margin-top:9px;padding-top:9px}
.hero-events .hero-event-title{font-size:.8125rem;line-height:1.6;display:block}
.hero-events .hero-event-day{font-size:.75rem;color:var(--ll-ocean);font-weight:600;margin-right:6px}
.hero-events .hero-event-place{font-size:.6875rem;color:var(--ll-muted);display:block;margin-top:2px}
.hero-events a{text-decoration:none;color:inherit;display:block}
.hero-events a:hover .hero-event-title{text-decoration:underline;text-underline-offset:3px}
.hero-events .text-action{color:var(--ll-ocean-dark);border-bottom:0;margin-top:14px}
@media(max-width:900px){
  .hero{grid-template-columns:1fr;gap:26px;padding:40px 28px;margin:18px 0 6px}
  .hero h1{font-size:clamp(1.6rem,6vw,2.1rem)}
  .hero .hero-description{font-size:.875rem;margin-top:14px}
}
@media(max-width:560px){.hero{padding:32px 20px;border-radius:10px}}

/* 英語版への入口（2026-09-27） */
.footer-lang{margin:14px 0 6px}.footer-lang a{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:1.5px solid currentColor;border-radius:999px;font-weight:700;font-size:14px;text-decoration:none;line-height:1.3}.footer-lang a:hover,.footer-lang a:focus-visible{background:rgba(255,255,255,.12)}
