/* Sapporo city guide: styles are scoped to this landing page. */
.sl-page{--sl-ink:#293c35;--sl-green:#527266;--sl-paper:#f5f3ed;--sl-line:#dcded5;background:#fffefa;color:var(--sl-ink);font-family:"Noto Sans JP",sans-serif}.sl-page *{box-sizing:border-box}.sl-page a{color:inherit;text-decoration:none}.sl-page a:focus-visible,.sl-page input:focus-visible,.sl-page button:focus-visible{outline:3px solid #159e82;outline-offset:5px}.sl-page img{display:block;width:100%;height:100%;object-fit:cover}.sl-page figure,.sl-page p,.sl-page h1,.sl-page h2,.sl-page h3{margin:0}.sl-wrap{max-width:1260px;margin:auto;padding:0 40px}.sl-breadcrumb{display:flex;gap:12px;font-size:10px;letter-spacing:.08em;padding:24px 0;color:#727b73}.sl-masthead{display:flex;justify-content:space-between;align-items:center;padding:15px 0 30px}.sl-page .sl-eyebrow{font-size:10px;font-weight:600;letter-spacing:.19em;color:var(--sl-green)}.sl-title{font-family:Georgia,serif;font-size:38px;letter-spacing:.035em;line-height:1.2}.sl-title i{font-weight:400}.sl-title span{display:block;font-family:sans-serif;font-size:11px;letter-spacing:.2em;margin-top:12px}.sl-masthead .sl-eyebrow{margin-bottom:8px}.sl-masthead-note{font-size:11px;line-height:2.1;letter-spacing:.07em}.sl-hero{display:grid;grid-template-columns:43% 57%;background:var(--sl-paper);min-height:460px}.sl-hero-copy{padding:58px 38px;position:relative}.sl-hero h1{font-family:"Shippori Mincho","Yu Mincho",serif;font-weight:500;font-size:35px;line-height:1.65;letter-spacing:.08em;margin:21px 0}.sl-hero-copy>p:not(.sl-eyebrow){font-size:12px;line-height:2.2;letter-spacing:.065em}.sl-button{display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid #77897d;padding:15px 0 11px;font-size:12px;max-width:250px;margin-top:20px}.sl-button span{font-size:22px}.sl-hero-foot{display:block;margin-top:27px;font-size:8px;letter-spacing:.12em;color:#79847b}.sl-hero>figure{position:relative;min-width:0}.sl-hero>figure img{position:absolute;inset:0}.sl-hero figcaption{position:absolute;bottom:17px;right:20px;color:white;font-size:9px;letter-spacing:.17em;text-shadow:0 1px 5px #000}.sl-jump{display:flex;border-bottom:1px solid var(--sl-line);padding:25px 0;gap:30px;align-items:center;font-size:12px}.sl-jump>span{font-size:11px;color:#788276;margin-right:auto}.sl-jump a{display:flex;gap:26px;align-items:center}.sl-jump b{font-weight:400;color:#819384}.sl-section{padding:58px 0;scroll-margin-top:100px}.sl-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:26px}.sl-section-heading h2{font-family:"Shippori Mincho","Yu Mincho",serif;font-weight:500;font-size:25px;letter-spacing:.08em;margin-top:10px}.sl-section-heading>p,.sl-pr-note{font-size:10px;color:#7b8277}.sl-pick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.sl-pick-image{aspect-ratio:1.5;position:relative;overflow:hidden}.sl-pick-image>span{position:absolute;bottom:0;left:0;background:#fffefa;padding:8px 17px 0 0;font-family:Georgia,serif;font-size:30px;line-height:1}.sl-pick-image img,.sl-article figure img,.sl-guide img{transition:transform .3s}.sl-pick a:hover img,.sl-article a:hover img,.sl-guide:hover img{transform:scale(1.035)}.sl-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.09em;color:#698071;margin:17px 0 9px}.sl-pick .sl-meta>span{border:1px solid #b5beb0;padding:1px 5px;font-size:8px}.sl-pick h3,.sl-article h3{font-size:16px;line-height:1.7;letter-spacing:.04em;font-weight:500}.sl-read{display:flex;justify-content:space-between;font-size:10px;border-bottom:1px solid var(--sl-line);padding:16px 0 12px;margin-top:8px!important}.sl-columns{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px;border-top:1px solid var(--sl-line)}.sl-new{padding-top:45px}.sl-intro{font-size:11px;line-height:2.1;color:#687366;margin-bottom:28px!important}.sl-latest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 25px}.sl-article a{display:block;position:relative;padding-bottom:23px;border-bottom:1px solid var(--sl-line);height:100%}.sl-article figure{aspect-ratio:1.5;overflow:hidden}.sl-meta time{color:#91958b;font-size:9px}.sl-article-arrow{display:block;text-align:right;font-size:18px;margin-top:5px}.sl-sidebar{padding-top:45px}.sl-note{background:#edf0e8;padding:30px 25px}.sl-note h2{font-family:"Yu Mincho",serif;font-size:23px;font-weight:500;line-height:1.8;margin:16px 0}.sl-note>p:not(.sl-eyebrow){font-size:11px;line-height:2.1;color:#5f6f61}.sl-note>a{display:block;font-size:11px;margin-top:23px;padding-top:15px;border-top:1px solid #bdc7b8}.sl-search{margin:30px 0}.sl-search h2{font-size:12px;font-weight:500;margin-bottom:12px}.sl-search form{display:flex;border:1px solid var(--sl-line);background:white}.sl-search input{min-width:0;width:100%;border:0;padding:13px 10px;font-size:11px;background:transparent;color:var(--sl-ink)}.sl-search button{border:0;background:var(--sl-green);color:white;font-size:11px;padding:0 15px;white-space:nowrap;cursor:pointer}.sl-side-photo{display:block;background:var(--sl-paper)}.sl-side-photo>img{height:160px}.sl-side-photo>div{padding:23px}.sl-side-photo>div>p:not(.sl-eyebrow){font-family:"Yu Mincho",serif;font-size:20px;line-height:1.8;margin:12px 0}.sl-side-photo span{font-size:10px}.sl-beauty{border-top:1px solid var(--sl-line)}.sl-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.sl-guide{display:grid;grid-template-columns:42% 58%;background:#f0eee6;min-height:245px}.sl-guide figure{overflow:hidden}.sl-guide>div{padding:30px 25px;align-self:center}.sl-guide h3{font-family:"Yu Mincho",serif;font-size:23px;line-height:1.7;font-weight:500;margin:13px 0 20px}.sl-guide>div>p:last-child{font-size:10px;display:flex;justify-content:space-between;gap:12px}.sl-end{border-top:1px solid var(--sl-line);text-align:center;padding:35px 0 42px}.sl-end>span{font-family:Georgia,serif;font-size:22px;letter-spacing:.16em}.sl-end p{font-size:10px;letter-spacing:.1em;margin:12px 0 19px}.sl-end a{font-size:11px}.sl-page-content{padding:25px 0}.sl-page .reader-pagination{margin-top:28px}
@media(min-width:1500px){.sl-hero{min-height:490px}}
@media(max-width:1000px){.sl-wrap{padding:0 25px}.sl-hero-copy{padding:40px 25px}.sl-hero h1{font-size:29px}.sl-columns{grid-template-columns:minmax(0,1fr) 235px;gap:30px}.sl-guide h3{font-size:19px}.sl-guide>div{padding:22px 17px}.sl-pick-grid{gap:19px}.sl-jump{gap:20px}}
@media(max-width:700px){.sl-wrap{padding:0 20px}.sl-breadcrumb{padding:18px 0;font-size:9px}.sl-masthead{padding:6px 0 24px}.sl-title{font-size:29px}.sl-title span{font-size:10px}.sl-masthead-note{display:none}.sl-hero{display:flex;flex-direction:column-reverse;margin:0 -20px}.sl-hero>figure{height:260px}.sl-hero-copy{padding:28px 26px 30px}.sl-hero h1{font-size:30px;margin:15px 0}.sl-hero-copy>p:not(.sl-eyebrow){font-size:12px}.sl-hero-foot{margin-top:20px}.sl-button{margin-top:13px}.sl-jump{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px 0}.sl-jump>span{grid-column:1/-1}.sl-jump a{font-size:10px;gap:7px;justify-content:space-between}.sl-section{padding:36px 0}.sl-section-heading{align-items:flex-start;margin-bottom:22px}.sl-section-heading h2{font-size:23px}.sl-section-heading>p{display:none}.sl-pick-grid{gap:18px;grid-template-columns:1fr}.sl-pick a{display:grid;grid-template-columns:42% 1fr;column-gap:18px;padding-bottom:17px;border-bottom:1px solid var(--sl-line)}.sl-pick-image{grid-row:1/4;aspect-ratio:1.1}.sl-pick .sl-meta{margin:4px 0 6px}.sl-pick h3{font-size:15px}.sl-read{border:0;padding:12px 0 0;margin:0!important}.sl-columns{display:block}.sl-latest-grid{gap:24px 16px}.sl-article h3{font-size:14px}.sl-article .sl-meta{display:block;font-size:8px;line-height:1.8}.sl-article .sl-meta time{display:block}.sl-pr-note{font-size:9px;padding-top:4px}.sl-intro br{display:none}.sl-sidebar{padding:0 0 35px;display:grid;grid-template-columns:1fr;gap:22px}.sl-search{margin:0}.sl-side-photo{display:grid;grid-template-columns:40% 60%}.sl-side-photo>img{height:100%;min-height:185px}.sl-side-photo>div{padding:20px}.sl-side-photo>div>p:not(.sl-eyebrow){font-size:18px}.sl-guide-grid{grid-template-columns:1fr;gap:18px}.sl-guide{min-height:215px}.sl-guide h3{font-size:22px}.sl-note{padding:25px}.sl-note h2 br{display:none}.sl-note h2{font-size:22px;margin:12px 0}.sl-end{padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){.sl-page img{transition:none}}

body main.sl-page{padding:0}

/* Editorial palette: ink + off-white + one bordeaux accent (2026-10-22). */
.sl-page{--sl-ink:#1f1f1f;--sl-accent:#7a1f2b;--sl-accent-dark:#5e1720;--sl-green:#7a1f2b;--sl-paper:#eee8e0;--sl-line:#ddd6cc;--sl-muted:#6b645c;background:#faf8f5;color:var(--sl-ink)}
.sl-page a:focus-visible,.sl-page input:focus-visible,.sl-page button:focus-visible{outline-color:var(--sl-accent)}
.sl-breadcrumb,.sl-masthead-note,.sl-jump>span,.sl-section-heading>p,.sl-pr-note,.sl-intro,.sl-hero-foot,.sl-meta,.sl-meta time{color:var(--sl-muted)}
.sl-page .sl-eyebrow{color:#4baf99}
.sl-masthead{border-top:1px solid var(--sl-ink);padding-top:23px}
.sl-title{color:var(--sl-ink)}.sl-title i{color:var(--sl-accent)}.sl-title span{color:var(--sl-muted)}
.sl-hero-copy{background:var(--sl-paper)}.sl-hero h1{color:var(--sl-ink)}
.sl-button{background:var(--sl-accent);color:#fff!important;border:0;padding:15px 22px;border-radius:2px;max-width:265px;justify-content:center;letter-spacing:.08em;transition:background .2s}.sl-button:hover{background:var(--sl-accent-dark)}
.sl-jump{gap:12px}.sl-jump a{padding:12px 18px;border:1px solid var(--sl-ink);background:#fff;color:var(--sl-ink);border-radius:2px;font-weight:500;transition:color .2s,border-color .2s}.sl-jump a:hover{color:var(--sl-accent);border-color:var(--sl-accent)}.sl-jump b{color:inherit}
.sl-section-heading h2{color:var(--sl-ink)}
.sl-pick-image>span{background:#faf8f5;color:var(--sl-ink)}.sl-pick .sl-meta>span{border-color:var(--sl-line)}.sl-pick h3,.sl-article h3,.sl-guide h3{color:var(--sl-ink);transition:color .2s}.sl-pick a:hover h3,.sl-article a:hover h3,.sl-guide:hover h3{color:var(--sl-accent)}.sl-read{color:var(--sl-ink)}
.sl-note{background:var(--sl-paper)}.sl-note h2{color:var(--sl-ink)}.sl-note>p:not(.sl-eyebrow){color:var(--sl-muted)}.sl-note>a{border-color:var(--sl-line);color:var(--sl-accent)}
.sl-search button{background:var(--sl-ink)}.sl-search button:hover{background:var(--sl-accent)}
.sl-side-photo,.sl-guide{background:var(--sl-paper)}.sl-side-photo>div>p:not(.sl-eyebrow){color:var(--sl-ink)}
.sl-end{background:#ffffff;color:#554c40;margin:0 -40px;padding-left:25px;padding-right:25px;border-top:0}.sl-end>span{color:#65553f}.sl-end a{display:inline-block;background:#fffaf2;border:1px solid #cbbda4;padding:11px 25px;border-radius:2px;color:#65553f;transition:background .2s,color .2s}.sl-end a:hover{background:#ecdfc6;color:#4e4230}
@media(max-width:1000px){.sl-end{margin-left:-25px;margin-right:-25px}.sl-jump{gap:10px}.sl-jump a{padding:11px 12px;gap:12px}}
@media(max-width:700px){.sl-jump{gap:8px}.sl-jump a{font-size:10px;padding:12px 8px;gap:3px}.sl-end{margin-left:-20px;margin-right:-20px}}

/* Requested title and hero button colors. */
.sl-page .sl-title i{color:#000}
.sl-page .sl-button{background:#fff;color:#293743!important;border:1px solid #d6dce2}
.sl-page .sl-button:hover{background:#f7f7f7;color:#000!important}

.sl-page .sl-intro-title{text-align:center;font-family:"Shippori Mincho","Yu Mincho",serif;font-size:24px;font-weight:500;line-height:1.7;letter-spacing:.06em;color:#293743;margin:8px 0 16px}
@media(max-width:700px){.sl-page .sl-intro-title{font-size:20px;letter-spacing:.02em}}