/* 日本語トップ v3.1 の導入部（2026-09-28）。通常トップの1ページ目だけ読み込む。.home-intro の中だけに効かせる */
.home-intro{order:1;position:relative;margin-top:14px;padding-block:14px 16px;background:#f5f6f2;box-shadow:0 0 0 100vmax #f5f6f2;clip-path:inset(0 -100vmax)}
.home-intro .hi-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:28px}
.home-intro.no-picks .hi-grid{grid-template-columns:minmax(0,1fr)}
.home-intro.no-picks .hi-picks{display:none}
.home-intro .hi-picks,.home-intro .hi-agenda{min-width:0}
.home-intro .hi-label{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px;margin-bottom:10px}
.home-intro .hi-label h1,.home-intro .hi-label h2{margin:0;font-size:1.3125rem;line-height:1.35;font-weight:800;letter-spacing:.01em;font-family:var(--ll-font)}
.home-intro .hi-label h1>span{color:#b25561}
.home-intro .hi-aside{font-size:.625rem;color:var(--ll-muted);white-space:nowrap}
.home-intro .hi-amp{font-size:1rem;margin-inline:3px;color:#87958e}
/* 左：注目記事（主1＋小2のモザイク） */
.home-intro .hi-picks-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-rows:auto auto;gap:10px;align-items:start}
.home-intro .hi-picks-grid.is-n1{grid-template-columns:minmax(0,1fr)}
.home-intro .hi-picks-grid.is-n2 .is-small .hi-pick-image{height:120px}
.home-intro .hi-pick{min-width:0;background:#fff;border-radius:3px;overflow:hidden;box-shadow:0 2px 7px rgba(32,62,48,.05)}
.home-intro .hi-pick.is-lead{grid-row:span 2;align-self:stretch}
.home-intro .hi-picks-grid.is-n1 .hi-pick.is-lead{grid-row:auto}
.home-intro .hi-pick a{display:block;height:100%;color:inherit;text-decoration:none}
.home-intro .hi-pick a:hover .hi-pick-title{text-decoration:underline;text-underline-offset:3px}
.home-intro .hi-pick-image{position:relative;overflow:hidden;background:#e3ebe5}
.home-intro .is-lead .hi-pick-image{height:186px}
.home-intro .is-small .hi-pick-image{height:64px}
.home-intro .hi-pick-photo{display:block;width:100%;height:100%;object-fit:cover}
.home-intro .hi-pick-photo.is-contain{object-fit:contain}
.home-intro .hi-pick-noimg{display:block;width:100%;height:100%;background:linear-gradient(135deg,#e3ebe5,#d5e3e6)}
.home-intro .hi-pick-copy{padding:9px 12px 12px}
.home-intro .is-small .hi-pick-copy{padding:6px 10px 7px}
.home-intro .hi-meta{margin:0 0 5px;font-size:.625rem;line-height:1.3;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.home-intro .hi-meta .hi-flag{margin-right:-4px}
.home-intro .hi-cat{font-weight:700;color:#17636b}
.home-intro .hi-place{color:#6c7774}
.home-intro .is-small .hi-meta{font-size:.5625rem;margin-bottom:3px}
.home-intro .hi-pick-title{margin:0;font-family:var(--ll-font);font-size:.875rem;line-height:1.45;font-weight:750;letter-spacing:0;overflow-wrap:anywhere}
.home-intro .is-lead .hi-pick-title{font-size:1.125rem;line-height:1.55}
.home-intro .hi-swipe{display:none}
/* 状態ラベル（色だけに頼らず文字で区別） */
.home-intro .hi-flag{display:inline-block;font-size:.5625rem;font-weight:700;line-height:1.25;padding:2px 5px;border-radius:2px;white-space:nowrap;max-width:100%}
.home-intro .hi-flag.is-week,.home-intro .hi-flag.is-deal{color:#2f6657;background:#e3eee4}
.home-intro .hi-flag.is-soon,.home-intro .hi-flag.is-near{color:#845600;background:#fff0d2}
.home-intro .hi-flag.is-today{color:#a12d42;background:#fbe5e7}
/* 右：今週の予定（PC 2列×3行） */
.home-intro .hi-agenda{padding-left:24px;border-left:1px solid #dce3dc}
.home-intro .hi-tabs{display:flex;align-items:center;gap:4px;padding-bottom:5px;border-bottom:1px solid #cfdad1}
.home-intro .hi-tabs a{display:inline-flex;align-items:center;min-height:34px;padding:5px 12px;border-radius:3px;font-size:.75rem;color:#56676b;text-decoration:none}
.home-intro .hi-tabs a:hover{background:#e8eeea}
.home-intro .hi-tabs a[aria-current]{background:var(--ll-ocean);color:#fff;font-weight:700}
.home-intro .hi-count{margin-left:auto;font-size:.625rem;color:#6b7a71;white-space:nowrap}
.home-intro .hi-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
.home-intro .hi-ev{min-width:0;padding:8px 0 7px;border-bottom:1px solid #dce3dc}
.home-intro .hi-ev-line{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 3px;line-height:1.3}
.home-intro .hi-ev-date{font-size:.9375rem;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.03em;white-space:nowrap}
.home-intro .hi-ev-date small{font-size:.5625rem;font-weight:400;color:#65736a;margin-left:2px}
.home-intro .hi-ev-title{margin:0;font-family:var(--ll-font);font-size:.8125rem;line-height:1.5;font-weight:700;overflow-wrap:anywhere}
.home-intro .hi-ev-title a{color:inherit;text-decoration:none}
.home-intro .hi-ev-title a:hover{text-decoration:underline;text-underline-offset:3px}
.home-intro .hi-ev-to{font-size:.6875rem;font-weight:700;margin-left:1px;letter-spacing:0}
.home-intro .hi-ev-kind{font-size:.625rem;font-weight:700;color:#845600;white-space:nowrap}
/* 今週開催で締切もある記事：締切間近のタブは締切の行、ほかは開催日の行（2026-09-28） */
.home-intro .hi-agenda:not([data-view="deadline"]) .hi-ev-line.is-dl,.home-intro .hi-agenda[data-view="deadline"] .hi-ev-line.is-ev{display:none}
.home-intro .hi-ev-place{margin-left:auto;font-size:.5625rem;color:#6b7971;white-space:nowrap}
.home-intro .hi-empty{margin:12px 0 0;font-size:.75rem;color:#56676b}
.home-intro .hi-empty a{color:var(--ll-ocean-dark)}
.home-intro .hi-bottom{display:none}
.home-intro .hi-all{font-size:.6875rem;color:var(--ll-ocean-dark);text-decoration:none;white-space:nowrap}
.home-intro .hi-all:hover{text-decoration:underline}
.home-intro .hi-more{display:none;border:0;background:none;padding:4px 0;color:var(--ll-ocean-dark);font-size:.75rem}
.home-layout .home-intro+.discover-section{padding-top:22px}
@media(max-width:1050px) and (min-width:761px){
 .home-intro .hi-grid{gap:20px;grid-template-columns:1.05fr 1fr}
 .home-intro .hi-agenda{padding-left:18px}
 .home-intro .hi-label h1,.home-intro .hi-label h2{font-size:1.125rem}
 .home-intro .hi-aside{display:none}
 .home-intro .hi-picks-grid{gap:9px;grid-template-columns:1.3fr 1fr}
 .home-intro .is-lead .hi-pick-title{font-size:1rem}
 .home-intro .is-small .hi-pick-title{font-size:.75rem}
 .home-intro .hi-tabs a{padding-inline:9px}
}
/* スマホ：記事は横スクロール（CSSだけ）、予定は2列×2行＋展開 */
@media(max-width:760px){
 .home-intro{margin-top:8px;padding-block:14px}
 .home-intro .hi-grid{display:block}
 .home-intro .hi-label{min-height:25px;margin-bottom:9px}
 .home-intro .hi-label h1,.home-intro .hi-label h2{font-size:1.25rem}
 .home-intro .hi-aside{font-size:.5625rem}
 .home-intro .hi-picks-grid,.home-intro .hi-picks-grid.is-n1{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:2px;overscroll-behavior-x:contain}
 .home-intro .hi-picks-grid::-webkit-scrollbar{display:none}
 .home-intro .hi-pick{flex:0 0 79%;scroll-snap-align:start;align-self:stretch}
 .home-intro .hi-picks-grid.is-n1 .hi-pick{flex-basis:100%}
 .home-intro .is-lead .hi-pick-image,.home-intro .is-small .hi-pick-image,.home-intro .hi-picks-grid.is-n2 .is-small .hi-pick-image{height:112px}
 .home-intro .hi-pick-copy,.home-intro .is-small .hi-pick-copy{padding:8px 11px 10px}
 .home-intro .is-lead .hi-pick-title,.home-intro .is-small .hi-pick-title{font-size:.9375rem;line-height:1.5}
 .home-intro .is-small .hi-meta{font-size:.625rem}
 .home-intro .hi-swipe{display:flex;justify-content:space-between;margin:5px 0 0;font-size:.5625rem;line-height:1.2;color:#7b887d}
 .home-intro .hi-agenda{padding:0;border:0;margin-top:14px}
 .home-intro .hi-tabs a{min-height:40px;padding:6px 11px}
 /* 2026-10-04 運営者「案Bで」：スマホは今週のイベントを1件ずつ白いカードにして、押せることを分かるようにする。カード全体を押せる */
 .home-intro .hi-list{column-gap:8px;row-gap:8px}
 .home-intro .hi-ev{position:relative;padding:10px 10px 12px;background:#fff;border:1px solid #dce3dc;border-radius:6px}
 .home-intro .hi-ev-title a::after{content:"";position:absolute;inset:0}
 .home-intro .hi-ev-line{gap:5px}
 .home-intro .hi-flag{padding-inline:4px}
 .home-intro .hi-label .hi-all{display:none}
 .home-intro .hi-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:36px;padding-top:6px}
 .home-intro .hi-more[hidden]+.hi-all-bottom{margin-left:auto}
 .home-intro .hi-more{display:block;min-height:36px}
 .home-intro .hi-more[hidden]{display:none}
 .home-intro .hi-list.is-collapsed .hi-ev.is-extra{display:none}
 .home-layout .home-intro+.discover-section{padding-top:18px}
}
@media(max-width:350px){.home-intro .hi-list{column-gap:10px}.home-intro .hi-ev-line{gap:3px}.home-intro .hi-flag{font-size:.5rem;padding-inline:3px}.home-intro .hi-ev-date{font-size:.875rem}}
/* 絞り込みページの一覧の下（旧ヒーローの位置）に出すとき（2026-09-28） */
.home-intro.is-bottom{order:99;margin-top:24px}
.home-intro.is-bottom .hi-label h2{margin:0;font-size:1.3125rem;line-height:1.35;font-weight:800;letter-spacing:.01em;font-family:var(--ll-font)}
.home-intro.is-bottom .hi-label h2>span{color:#b25561}
.home-intro.is-bottom .hi-pick-title{margin:0}
@media(max-width:760px){.home-intro.is-bottom{margin-top:16px}.home-intro.is-bottom .hi-label h2{font-size:1.25rem}}
/* 注目記事の投稿日・スマホのスライダー（2026-09-28。スライダーはスマホだけ、PC・タブレットは3件のまま） */
.home-intro .hi-pick-image .hi-posted{position:absolute;right:6px;bottom:6px;padding:1px 6px;border-radius:2px;background:rgba(255,255,255,.9);color:#3f4d46;font-size:.5625rem;line-height:1.5;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.home-intro .hi-pick.is-mobile-extra,.home-intro .hi-dots{display:none}
@media(max-width:760px){
 .home-intro .hi-pick.is-mobile-extra{display:block}
 .home-intro .hi-picks-grid.is-slider{position:relative;margin-inline:calc(50% - 50vw);padding:0 10vw 2px;gap:10px;scroll-padding-inline:10vw;scroll-snap-type:x mandatory}
 .home-intro .hi-picks-grid.is-slider .hi-pick{flex:0 0 80vw;scroll-snap-align:center;scroll-snap-stop:always}
 .home-intro .hi-picks-grid.is-slider .hi-pick-image{height:auto;aspect-ratio:2/1}
 .home-intro.has-dots .hi-swipe{display:none}
 .home-intro .hi-dots:not([hidden]){display:flex;justify-content:center;gap:2px;margin:4px 0 0;min-height:24px}
 .home-intro .hi-dot{position:relative;width:24px;height:24px;min-height:24px;min-width:24px;padding:0;border:0;background:none;cursor:pointer}
 .home-intro .hi-dot::before{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:#c3cec6}
 .home-intro .hi-dot[aria-current]::before{background:var(--ll-ocean);width:18px;margin-left:-9px;border-radius:4px}
 .home-intro .hi-dot:focus-visible{outline:2px solid var(--ll-ocean);outline-offset:-2px;border-radius:4px}
}
.home-intro .hi-pick-image .hi-badge{position:absolute;left:6px;top:6px;z-index:1;box-shadow:0 1px 3px rgba(0,0,0,.18)}