/* A standalone guide: deliberately independent of the site's sales layout. */
:root{color-scheme:light;--ink:#243e32;--muted:#5d665f;--paper:#faf8f2;--line:#dedfd6}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Serif JP",serif;font-size:16px;line-height:1.9;overflow-wrap:anywhere}
a{color:inherit;text-underline-offset:5px}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #a07427;outline-offset:5px}
.guide-skip{position:fixed;left:12px;top:-100px;z-index:10;background:white;padding:12px}.guide-skip:focus{top:12px}
.guide-header{display:flex;justify-content:space-between;gap:16px;max-width:1440px;padding:20px 5%;margin:auto;font-size:13px;letter-spacing:.07em}
.guide-hero{display:grid;grid-template-columns:40% 60%;max-width:1440px;margin:auto;background:#e9eee4;min-height:430px}
.guide-hero-copy{align-self:center;padding:40px clamp(24px,5vw,70px)}.guide-eyebrow{font-size:12px;font-weight:700;letter-spacing:.2em;color:#697654}
h1{font-size:clamp(32px,3.8vw,52px);font-weight:500;line-height:1.6;letter-spacing:.07em;margin:20px 0}h2,h3{font-weight:500;line-height:1.6}
.guide-hero>img{display:block;width:100%;height:100%;min-height:430px;object-fit:cover}.guide-hero-copy>p:last-child{font-size:15px}
.guide-intro{max-width:1120px;margin:auto;padding:58px 0 42px}.guide-intro h2{font-size:25px;margin:0 0 12px}.guide-intro>p{color:var(--muted)}
.guide-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:28px 0}.guide-nav a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;border:1px solid #cdd4c4;background:white;text-decoration:none;font-size:16px}.guide-nav a:hover{background:#edf1e6}
.guide-notice{font-size:13px;border-left:2px solid #b4c1a4;padding:4px 14px}
.guide-area{padding:52px max(18px,calc((100% - 1120px)/2)) 48px;border-top:1px solid var(--line)}.guide-area:nth-of-type(even){background:white}
.guide-area-heading{max-width:760px;margin-bottom:30px}.guide-area-heading h2{font-size:32px;margin:8px 0 16px}.guide-area-heading>p:last-child{color:var(--muted)}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch}.guide-card{min-width:0;background:white;border:1px solid var(--line);display:flex;flex-direction:column}
.guide-photo{position:relative;display:block;background:#ebede5;border:0;padding:0;width:100%;text-align:left}.guide-photo img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.guide-photo span{position:absolute;right:12px;bottom:12px;background:#fffef2ee;padding:4px 10px;font-size:12px;border-radius:2px}
.guide-card-body{padding:26px;display:flex;flex:1;flex-direction:column}.guide-tag{color:#797145;font-size:13px;margin:0 0 8px}.guide-card h3{font-size:25px;margin:0}.guide-card-body>p:not(.guide-tag){color:#4e574f;font-size:15px;margin:16px 0 22px}
.guide-card dl{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;font-size:14px;padding:18px 0;margin:auto 0 18px;border-top:1px solid var(--line)}.guide-card dt{color:#6d756a}.guide-card dd{margin:0}
.guide-map{display:flex;justify-content:space-between;align-items:center;border:1px solid #c2caba;padding:11px 16px;text-decoration:none;font-size:14px}.guide-map:hover{background:#f1f4eb}
.guide-top{display:block;text-align:right;font-size:14px;margin-top:26px}.guide-footer{text-align:center;background:#e9eee4;padding:38px 18px;font-size:14px}.guide-footer p{margin:4px}.guide-footer a{display:inline-block;margin-top:16px}
.guide-lightbox{border:0;background:#17221de8;color:white;padding:60px 18px 20px;width:min(1120px,96vw);max-height:94dvh;overflow:auto}.guide-lightbox::backdrop{background:#000b}.guide-lightbox figure{margin:0;text-align:center}.guide-lightbox img{display:block;max-width:100%;width:auto;max-height:70dvh;height:auto;object-fit:contain;margin:auto}.guide-lightbox figcaption{margin-top:14px}.guide-close{position:absolute;right:10px;top:8px;width:44px;height:44px;border:1px solid #ffffff80;border-radius:50%;background:#fff;color:#243e32;font-size:28px;line-height:1}
body.guide-photo-open{overflow:hidden}
@media(max-width:1180px){.guide-intro{padding-left:24px;padding-right:24px}.guide-area{padding-left:24px;padding-right:24px}}
@media(max-width:700px){.guide-header{padding:15px 18px;font-size:11px;letter-spacing:0}.guide-hero{grid-template-columns:1fr;min-height:0}.guide-hero-copy{padding:28px 24px 26px}h1{font-size:36px;line-height:1.45;margin:14px 0}.guide-hero-copy>p:last-child{margin-bottom:0}.guide-hero>img{min-height:0;height:auto;aspect-ratio:16/9;object-fit:cover}.guide-intro{padding:34px 18px 24px}.guide-intro h2{font-size:23px}.guide-intro>p{font-size:14px}.guide-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0}.guide-nav a{font-size:14px;padding:14px 12px}.guide-area{padding:34px 18px}.guide-area-heading h2{font-size:28px}.guide-area-heading>p:last-child{font-size:14px}.guide-grid{grid-template-columns:1fr;gap:22px}.guide-card-body{padding:21px}.guide-card h3{font-size:24px}.guide-notice{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.guide-header,.guide-photo span,.guide-top,.guide-footer a,.guide-lightbox{display:none}.guide-grid{display:block}.guide-card{break-inside:avoid;margin-bottom:24px}.guide-photo img{max-height:220px;object-fit:contain}.guide-hero{min-height:0}.guide-hero>img{min-height:0;max-height:220px}.guide-area{padding:20px 0}a{color:#000}}