.home-top{--ht-brown:#5a300f;--ht-text:#3f2a1c;--ht-white:#fff;--ht-green:#47b765;--ht-orange:#ff8a2b;--ht-red:#f36b78;--ht-blue:#319ddf;--ht-purple:#9c78cc;--ht-yellow:#f5bd16;--ht-shadow:0 3px 12px #573b251f}.consumer-app-shell:has(.home-top)>.page{margin-top:0;margin-bottom:0}.home-top .ht-weather-card{color:#0f2a44;background:linear-gradient(#fbfdff 0%,#edf3fa 100%);border:1px solid #d4e4f2;border-radius:16px;margin:8px 12px;padding:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffbf,0 8px 20px #18467814}.home-top .ht-weather-card__sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home-top .ht-weather-card__head{border-bottom:1px solid #1a6db81f;flex-wrap:wrap;align-items:baseline;gap:4px 6px;padding:5px 10px 4px;display:flex}.home-top .ht-weather-card__local-title{letter-spacing:.03em;color:#0c2740;font-size:.6875rem;font-weight:900}.home-top .ht-weather-card__head-hint{color:#5a6f7e;font-size:.625rem;font-weight:700}.home-top .ht-weather-card__body{box-sizing:border-box;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;align-items:stretch;padding:5px 8px 6px;display:flex;overflow:auto hidden}.home-top .ht-weather-card__body::-webkit-scrollbar{display:none}.home-top .ht-weather-card--empty .ht-weather-card__body{min-height:44px}.home-top .ht-weather-card--empty .ht-weather-card__lead{flex:auto;max-width:none;padding-right:0}.home-top .ht-weather-card__lead{flex-wrap:nowrap;flex:0 42%;align-items:center;gap:6px;min-width:0;max-width:48%;padding-right:2px;display:flex}.home-top .ht-weather-card__vbar{background:linear-gradient(#1a6db800 0%,#1a6db829 35% 65%,#1a6db800 100%);border-radius:1px;flex-shrink:0;align-self:stretch;width:1px;min-height:30px;margin:0 5px}.home-top .ht-weather-card__metrics{flex:auto;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:0 1px;min-width:0;display:grid}.home-top .ht-weather-card__col{box-sizing:border-box;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;min-width:0;padding:0 3px 1px;display:flex}.home-top .ht-weather-card__col:not(:first-child){border-left:1px dotted #82afd78c}.home-top .ht-weather-card__label{letter-spacing:.01em;color:#5a6f7e;text-align:center;word-break:keep-all;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;max-height:2.45em;margin:0;font-size:.5625rem;font-weight:800;line-height:1.2;display:-webkit-box;overflow:hidden}.home-top .ht-weather-card__value-slot{flex-wrap:nowrap;justify-content:center;align-items:baseline;gap:2px 3px;min-height:1.35em;display:flex}.home-top .ht-weather-card__num{font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:#0c2740;font-size:1.0625rem;font-weight:900;line-height:1}.home-top .ht-weather-card__col--cur .ht-weather-card__num{font-size:1.1875rem}.home-top .ht-weather-card__num--max{color:#d12f2f}.home-top .ht-weather-card__num--min{color:#1a6db8}.home-top .ht-weather-card__num--pop{color:#0c2740}.home-top .ht-weather-card__unit{color:#4a6682;font-size:.6875rem;font-weight:800;line-height:1}.home-top .ht-weather-card__pop-ico{color:#1a6db8;flex-shrink:0;width:13px;height:13px;display:block}.home-top .ht-weather-card__dash{letter-spacing:.04em;color:#6b7f92;font-size:1rem;font-weight:800;line-height:1}.home-top .ht-weather-card__date-line{flex-wrap:nowrap;flex-shrink:0;align-items:baseline;gap:1px;margin:0;line-height:1;display:flex}.home-top .ht-weather-card__md-mo,.home-top .ht-weather-card__md-slash{color:#1a3550;letter-spacing:-.02em;font-size:.875rem;font-weight:800}.home-top .ht-weather-card__md-slash{opacity:.65;margin:0 .5px;font-weight:700}.home-top .ht-weather-card__md-day{color:#0c2740;letter-spacing:-.04em;margin:0 1px 0 0;font-size:1.35rem;font-weight:900}.home-top .ht-weather-card__wd{letter-spacing:.02em;font-size:.8125rem}.home-top .ht-weather-card__wd.tokyo-wd--def{color:#5a6f7e;font-weight:800}.home-top .ht-weather-card__wd.tokyo-wd--sat{color:#1565c0;font-weight:800}.home-top .ht-weather-card__wd.tokyo-wd--sun-hol{color:#c62828;font-weight:800}.home-top .ht-weather-card__icon{flex-shrink:0;width:28px;height:26px;position:relative}.home-top .ht-weather-card__icon:before{content:"";background:#ffb32a;border-radius:50%;width:15px;height:15px;position:absolute;top:0;left:0}.home-top .ht-weather-card__icon span{background:#fff;border:1px solid #c8d8e6;border-radius:999px;width:19px;height:10px;position:absolute;bottom:3px;right:0}.home-top .ht-weather-card__icon span:before{content:"";background:#fff;border-top:1px solid #c8d8e6;border-left:1px solid #c8d8e6;border-radius:50%;width:9px;height:9px;position:absolute;bottom:3px;left:3px}.home-top .ht-weather-card__cond{color:#0c2740;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;margin:0;font-size:clamp(.75rem,2.8vw,.875rem);font-weight:800;line-height:1.22;overflow:hidden}.home-top .ht-weather-card--empty .ht-weather-card__cond{white-space:nowrap}.home-top .ht-hero{background:linear-gradient(#e6f5fb99,#e6f5fb99),url(/design/home-hero.png) 50%/cover no-repeat;border-bottom:1px solid #cde5ef;justify-content:center;align-items:center;min-height:174px;display:flex;position:relative;overflow:hidden}.home-top .ht-hero__content{z-index:2;box-sizing:border-box;text-align:center;width:100%;padding:20px 16px;position:relative}.home-top .ht-hero h1{color:var(--ht-brown);letter-spacing:0;margin:0;font-size:30px;font-weight:900;line-height:1.2}.home-top .ht-hero__content>p:first-of-type{color:var(--ht-brown);letter-spacing:0;margin:8px 0 0;font-size:16px;font-weight:900}.home-top .ht-hero-line-cta{justify-items:center;gap:8px;width:min(100%,298px);margin:12px auto 0;display:grid}.home-top .ht-hero-line-cta p{color:#4f3a2b;margin:0;font-size:13px;font-weight:800;line-height:1.45}.home-top .ht-line-connect-button{color:#fff;background:#26b64b;border:1px solid #229f43;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:0 18px;font-size:16px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 2px 8px #1e78392e}.home-top .ht-filter-grid{z-index:4;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:-24px;padding:0 12px 22px;display:grid;position:relative}.home-top .ht-filter-card{background:var(--ht-white);min-height:86px;box-shadow:var(--ht-shadow);color:inherit;border:1px solid #efe7dc;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px 5px 9px;text-decoration:none;display:flex}.home-top .ht-filter-card__icon{width:30px;height:30px}.home-top .ht-filter-card__icon--food{color:var(--ht-orange)}.home-top .ht-filter-card__icon--child{color:var(--ht-red)}.home-top .ht-filter-card__icon--rain{color:var(--ht-blue)}.home-top .ht-filter-card__icon--parking{color:#4cae5f}.home-top .ht-filter-card__icon--ticket{color:var(--ht-purple)}.home-top .ht-filter-card__icon--today{color:#30bdb7}.home-top .ht-filter-card__icon--weekend{color:#f39a54}.home-top .ht-filter-card__circle{border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.home-top .ht-filter-card__circle--free{color:#fff;background:var(--ht-yellow);font-size:16px;font-weight:900}.home-top .ht-filter-card strong{color:var(--ht-brown);text-align:center;padding-inline:1px;font-size:14px;font-weight:900;line-height:1.22}.home-top .ht-filter-card span{color:var(--ht-brown);text-align:center;padding-inline:1px;font-size:10px;font-weight:800;line-height:1.28}.home-top .ht-section{padding:0 14px}.home-top .ht-section+.ht-section{margin-top:18px}.home-top .ht-section-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.home-top .ht-section-heading h2{min-width:0;color:var(--ht-text);letter-spacing:0;flex-wrap:wrap;align-items:center;gap:7px;margin:0;font-size:19px;font-weight:900;line-height:1.25;display:flex}.home-top .ht-section-heading h2>svg{flex:none;width:22px;height:22px}.home-top .ht-section--today .ht-section-heading h2>svg{color:var(--ht-orange)}.home-top .ht-section--weekend .ht-section-heading h2>svg{color:var(--ht-green)}.home-top .ht-section-heading time{color:var(--ht-brown);white-space:nowrap;background:#f9eadb;border-radius:999px;flex:none;padding:4px 10px;font-size:14px;font-weight:800}.home-top .ht-section--weekend .ht-section-heading{align-items:flex-start}.home-top .ht-section--weekend .ht-section-heading h2{gap:5px 7px;font-size:18px}.home-top .ht-section--weekend .ht-section-heading time{background:0 0;border-radius:0;padding:0;font-size:14px}.home-top .ht-section-heading a{color:#4e3b2d;white-space:nowrap;flex:none;align-items:center;gap:2px;font-size:15px;font-weight:800;display:inline-flex}.home-top .ht-section-heading a svg{width:14px;height:14px}.home-top .ht-today-card{background:var(--ht-white);min-height:128px;box-shadow:var(--ht-shadow);border:1px solid #eee5da;border-radius:12px;grid-template-columns:43% 1fr;display:grid;position:relative;overflow:hidden}.home-top .ht-today-card__image{background:#eadfd2;min-height:128px;display:block;position:relative}.home-top .ht-today-card__image img{object-fit:cover;width:100%;height:100%}.home-top .ht-today-card__body{min-width:0;padding:11px 24px 10px 11px}.home-top .ht-status-label{color:#fff;background:var(--ht-orange);border-radius:4px;align-items:center;min-height:18px;padding:0 6px;font-size:13px;font-weight:900;display:inline-flex}.home-top .ht-status-label--muted{color:#4f3a2b;background:#e8e2da}.home-top .ht-today-card h3{color:var(--ht-brown);letter-spacing:0;margin:7px 0 6px;font-size:16px;font-weight:900;line-height:1.32}.home-top .ht-event-meta{margin:0}.home-top .ht-event-meta div{color:#574134;align-items:flex-start;gap:5px;margin-top:3px;font-size:14px;font-weight:700;line-height:1.35;display:flex}.home-top .ht-event-meta dt{flex:none}.home-top .ht-event-meta dt span{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.home-top .ht-event-meta svg{color:#5b4535;flex-shrink:0;width:13px;height:13px}.home-top .ht-event-meta dd{min-width:0;margin:0}.home-top .ht-today-card__link{color:#55483e;place-items:center;width:24px;height:40px;display:grid;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.home-top .ht-today-card__link svg{width:20px;height:20px}.home-top .ht-today-empty{color:#574134;background:var(--ht-white);border:1px solid #eee5da;border-radius:12px;margin:0;padding:16px 14px;font-size:16px;font-weight:700;line-height:1.5}.home-top .ht-weekend-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.home-top .ht-wk-card{background:var(--ht-white);min-width:0;box-shadow:var(--ht-shadow);border:1px solid #eee5da;border-radius:8px;overflow:hidden}.home-top .ht-wk-card__image{aspect-ratio:1.14;background:#eadfd2;display:block;position:relative}.home-top .ht-wk-card__image img{object-fit:cover;width:100%;height:100%}.home-top .ht-wk-card__image time{color:#fff;background:#f06482;border-radius:5px;min-height:22px;padding:2px 7px;font-size:14px;font-weight:900;position:absolute;bottom:7px;left:6px}.home-top .ht-wk-card__image time .tokyo-wd--def{color:#fff}.home-top .ht-wk-card__image time .tokyo-wd--sat{color:#d6ecff}.home-top .ht-wk-card__image time .tokyo-wd--sun-hol{color:#ffe4e8}.home-top .ht-wk-card__fav{color:#fff;cursor:pointer;background:0 0;border:0;place-items:center;width:27px;height:27px;padding:0;display:grid;position:absolute;top:7px;right:7px}.home-top .ht-wk-card__fav svg{filter:drop-shadow(0 1px 1px #00000040);width:27px;height:27px}.home-top .ht-wk-card__body{padding:8px 7px 9px}.home-top .ht-wk-card h3{min-height:38px;color:var(--ht-brown);margin:0 0 5px;font-size:16px;font-weight:900;line-height:1.32}.home-top .ht-wk-card .ht-event-meta div{gap:3px;font-size:13px}.home-top .ht-wk-card .ht-event-meta svg{width:11px;height:11px}.home-top .ht-weekend-empty{color:#574134;margin:0;padding:14px;font-size:16px;font-weight:700}@media (max-width:359px){.home-top .ht-filter-grid,.home-top .ht-section{padding-inline:10px}.home-top .ht-filter-grid{gap:7px}.home-top .ht-filter-card{min-height:84px;padding-inline:4px}.home-top .ht-filter-card strong{font-size:13px;line-height:1.2}.home-top .ht-today-card{grid-template-columns:40% 1fr}.home-top .ht-weekend-grid{gap:5px}}