@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500;700;900&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap');
:root{--ink:#18352f;--forest:#234f45;--cream:#f5f0e5;--paper:#fffdf8;--orange:#d86c3f;--line:#ded9cb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Zen Kaku Gothic New',sans-serif}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);background:rgba(255,253,248,.94);position:sticky;top:0;z-index:1000}.logo{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;line-height:1.05}.logo span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--forest);color:white;font:700 23px 'Noto Serif JP'}.logo b{font-family:'Noto Serif JP';letter-spacing:.08em}.logo small{font-size:11px;color:#7d8c87}.site-header nav{display:flex;align-items:center;gap:28px}.site-header nav a{color:var(--ink);text-decoration:none;font-size:14px;font-weight:700}.site-header .system-link{border:1px solid var(--forest);border-radius:30px;padding:9px 16px}.hero{min-height:590px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:linear-gradient(135deg,#f8f3e8 55%,#dce9df 55%)}.hero-copy{padding:100px 5vw 80px 10vw;z-index:2}.kicker{color:var(--orange);font-size:11px;font-weight:700;letter-spacing:.22em}.hero h1,.section-heading h2{font-family:'Noto Serif JP';font-weight:900}.hero h1{font-size:clamp(42px,5vw,72px);line-height:1.35;margin:18px 0}.hero h1 em{color:var(--orange);font-style:normal}.hero-copy>p:not(.kicker){color:#59706a;max-width:460px;line-height:1.9}.hero-button{display:inline-flex;gap:34px;margin-top:25px;background:var(--forest);color:#fff;padding:16px 22px;text-decoration:none;border-radius:2px;font-weight:700}.hero-art{position:relative;min-height:590px;overflow:hidden}.sun{position:absolute;right:13%;top:11%;width:145px;height:145px;border-radius:50%;background:#e99b67}.mountain{position:absolute;bottom:0;clip-path:polygon(0 100%,45% 5%,58% 35%,70% 18%,100% 100%)}.mountain-back{width:95%;height:65%;left:0;background:#87aa9f}.mountain-front{width:110%;height:50%;left:8%;background:var(--forest)}.steam{position:absolute;left:47%;bottom:18%;font-size:100px;color:white;filter:drop-shadow(0 4px 20px rgba(0,0,0,.16))}.hero-art>p{position:absolute;right:8%;bottom:7%;color:white;font:700 38px 'Noto Serif JP';margin:0}.hero-art>p b{font-size:18px}.hero-art>p small{display:block;font:500 11px sans-serif;letter-spacing:.12em}.explore,.list-section{padding:90px 5vw}.explore{background:var(--cream)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;max-width:1280px;margin:0 auto 32px}.section-heading h2{font-size:34px;margin:5px 0}.section-heading>p{color:#73817d}.filter-bar{max-width:1280px;margin:0 auto 18px;background:#fff;padding:14px;display:flex;gap:10px;align-items:end;border:1px solid var(--line);box-shadow:0 8px 24px rgba(35,79,69,.06)}.filter-bar label{display:grid;gap:5px;flex:1}.filter-bar label span{font-size:11px;color:#71807c;font-weight:700}.filter-bar select,.search input{border:0;background:#f3f2ed;padding:12px;width:100%;font:inherit;color:var(--ink)}.filter-bar button{border:0;background:var(--forest);color:white;padding:13px 18px;font-weight:700;cursor:pointer}.map-wrap{height:620px;max-width:1280px;margin:auto;position:relative;border:10px solid white;box-shadow:0 18px 50px rgba(35,79,69,.13)}#map{height:100%;background:#dce8df}.map-count{position:absolute;z-index:500;left:18px;top:18px;background:white;padding:12px 17px;box-shadow:0 4px 18px rgba(0,0,0,.13);display:flex;align-items:baseline;gap:6px}.map-count b{font:900 25px 'Noto Serif JP';color:var(--orange)}.map-count span{font-size:11px}.pin-wrap{background:none;border:0}.onsen-pin{width:42px;height:42px;display:grid;place-items:center;border-radius:50% 50% 50% 6px;transform:rotate(-45deg);background:var(--orange);color:#fff;border:3px solid #fff;box-shadow:0 4px 12px #0005;font-size:20px}.onsen-pin::first-letter{transform:rotate(45deg)}.map-popup{min-width:210px}.map-popup img{width:100%;height:100px;object-fit:cover;border-radius:5px}.map-popup p{font-size:10px;color:var(--orange);font-weight:700;margin:8px 0 2px}.map-popup h3{font:700 18px 'Noto Serif JP';margin:0 0 5px}.map-popup span,.map-popup b{display:block;font-size:11px;margin:3px 0}.map-popup a{display:block;color:var(--forest);font-weight:700;margin-top:9px}.list-section{max-width:1380px;margin:auto}.search{display:flex;align-items:center;background:#f1efe9;padding-left:15px;width:320px}.search input{outline:0}.public-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.public-card{border:1px solid var(--line);background:#fff;transition:.25s}.public-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(24,53,47,.12)}.card-image{height:230px;position:relative;background:#e4e8df;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover}.card-image.placeholder{display:grid;place-items:center;font-size:70px;color:#9ab0a8}.card-image strong{position:absolute;right:12px;top:12px;background:var(--orange);color:#fff;padding:7px 10px;font-size:12px}.card-body{padding:22px}.card-body>p{color:var(--orange);font-size:11px;font-weight:700;letter-spacing:.08em}.card-body h3{font:700 22px 'Noto Serif JP';margin:6px 0 15px}.card-body dl{margin:0}.card-body dl div{display:grid;grid-template-columns:55px 1fr;padding:5px 0;font-size:13px}.card-body dt{color:#89938f}.card-body dd{margin:0}.card-tags{display:flex;gap:5px;flex-wrap:wrap;margin:13px 0}.card-tags span{font-size:10px;background:#e8efeb;color:var(--forest);padding:4px 7px}.card-body>a{display:block;border-top:1px solid var(--line);padding-top:14px;color:var(--forest);font-size:12px;font-weight:700;text-decoration:none}.public-empty{text-align:center;padding:80px;color:#7b8985}footer{background:var(--forest);color:white;display:flex;justify-content:space-between;align-items:center;padding:45px 6vw}footer .logo{color:white}footer .logo span{background:white;color:var(--forest)}footer p{font-family:'Noto Serif JP'}@media(max-width:800px){.site-header{height:66px}.site-header nav a:not(.system-link){display:none}.site-header .system-link{font-size:11px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:70px 7vw 35px}.hero-art{min-height:360px}.explore,.list-section{padding:65px 4vw}.section-heading{align-items:flex-start;flex-direction:column}.filter-bar{display:grid;grid-template-columns:1fr 1fr}.filter-bar button{grid-column:1/-1}.map-wrap{height:520px;border-width:5px}.public-grid{grid-template-columns:1fr}.search{width:100%}.card-image{height:250px}footer{align-items:flex-start;flex-direction:column;gap:20px}}