@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Serif+JP:wght@500;600&display=swap');
:root{--ink:#243e32;--muted:#6c766e;--paper:#faf9f5;--line:#dce1d8;--green:#315540}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.9 'Noto Sans JP',sans-serif}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b98236;outline-offset:5px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;background:white;z-index:10}header{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 44px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-family:'Noto Serif JP',serif;font-size:25px;font-weight:600;letter-spacing:.12em}.brand small{display:block;font:9px/1.5 sans-serif;letter-spacing:.26em;margin-top:4px}.brand-mark{font-size:24px;border:1px solid var(--ink);border-radius:50%;width:44px;height:44px;display:grid;place-items:center}nav{display:flex;gap:28px;font-size:12px}nav a{text-decoration:none}.hero{max-width:1280px;margin:20px auto 0;display:grid;grid-template-columns:1fr 1fr;min-height:580px;padding:0 44px;gap:28px}.hero-copy{padding:40px 0}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:600}.hero h1{font-family:'Noto Serif JP',serif;font-weight:500;font-size:clamp(38px,4.5vw,66px);letter-spacing:.06em;line-height:1.6;margin:23px 0}.lead{color:var(--muted);line-height:2.1}.button{display:inline-flex;gap:40px;background:var(--green);color:#fff;text-decoration:none;padding:17px 25px;margin-top:22px;font-size:13px;border-radius:3px}.button:hover{background:#203c2d}.hero-note{font-size:10px;letter-spacing:.12em;color:var(--muted);margin-top:21px}.hero-art{position:relative;overflow:hidden;background:#e7e9dc;border-radius:46% 46% 4px 4px;isolation:isolate;min-height:520px}.sun{position:absolute;width:95px;height:95px;border-radius:50%;background:#dbb879;left:18%;top:17%}.mountain{position:absolute;width:90%;height:55%;background:#a6b49b;clip-path:polygon(0 100%,47% 0,100% 100%);bottom:20%;left:-10%}.m2{left:25%;bottom:16%;background:#748f78}.hill{position:absolute;width:180%;height:55%;border-radius:50%;background:#c2c9a8;left:-40%;bottom:-7%}.tree{position:absolute;font-size:210px;color:#3a5b45;line-height:1;bottom:20%;left:8%}.t2{font-size:300px;left:63%;bottom:12%;color:#4b6850}.house{position:absolute;width:130px;height:90px;background:#f2e9d4;left:39%;bottom:29%;border-radius:2px}.house:before{content:'';position:absolute;left:-18px;top:-54px;width:165px;height:60px;background:#755e48;clip-path:polygon(50% 0,100% 100%,0 100%)}.house:after{content:'';position:absolute;width:22px;height:47px;background:#7f8d76;bottom:0;left:28px}.house i{position:absolute;right:18px;top:22px;width:28px;height:25px;background:#d4b475}.dog{position:absolute;bottom:18%;left:43%;font-size:32px;color:#554b3c;z-index:2}.dog:before{content:'';position:absolute;top:12px;left:15px;width:42px;height:26px;background:#554b3c;border-radius:20px}.dog:after{content:'';position:absolute;left:27px;top:38px;width:5px;height:16px;background:#554b3c;box-shadow:20px 0 #554b3c}.dog b{position:absolute;left:52px;top:6px;width:18px;height:24px;border-right:6px solid #554b3c;border-radius:50%;transform:rotate(25deg)}.art-label{position:absolute;bottom:30px;left:0;text-align:center;width:100%;font:9px sans-serif;letter-spacing:.2em}.intro-line{max-width:1192px;margin:40px auto 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;display:flex;align-items:center;gap:50px}.intro-line span{font:10px sans-serif;letter-spacing:.12em}.intro-line p{font-size:13px;margin:0}.section{max-width:1280px;padding:75px 44px;margin:auto}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}h2{font-family:'Noto Serif JP',serif;font-weight:500;font-size:32px;line-height:1.7;margin:9px 0} .section-title>p{font-size:12px;color:var(--muted)}.area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.area{position:relative;text-align:left;border:0;padding:32px;background:#e6e9df;overflow:hidden;min-height:235px;border-radius:4px}.area:hover{transform:translateY(-3px)}.izu{background:#e1e9e6}.karuizawa{background:#ebe6d9}.area-number{display:block;font-size:9px;letter-spacing:.15em;position:relative}.area strong{display:block;font-family:'Noto Serif JP',serif;font-size:36px;font-weight:500;margin:17px 0 25px;position:relative}.area>span:last-child{display:block;font-size:12px;position:relative}.area b{float:right}.area-art{position:absolute;font-family:serif;font-size:160px;right:-9px;top:-20px;opacity:.08}.stays{padding-top:15px}.filters{display:flex;gap:12px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:transparent;border-radius:30px;padding:8px 24px;font-size:12px}.filters button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.result-count{font-size:11px;color:var(--muted);margin:25px 0}.hotel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.hotel{background:white;border:1px solid var(--line);border-radius:4px;padding:25px;display:flex;flex-direction:column;align-items:start}.hotel h3{font-size:17px;margin:10px 0}.hotel .room{font-size:12px;color:var(--muted);margin:0 0 20px}.hotel details{font-size:12px;margin-bottom:25px}.hotel details p{color:var(--muted)}summary{cursor:pointer}.text-link{font-size:12px;text-underline-offset:5px}.hotel .text-link{margin-top:auto}.stays>.text-link{display:inline-block;margin-top:30px}.editorial{background:#e9ede4;padding:65px max(30px,calc((100vw - 1192px)/2));display:grid;grid-template-columns:1fr 1.2fr;gap:60px}.editorial p{font-size:13px;color:var(--muted)}.editorial ol{padding:0;list-style:none;margin:0}.editorial li{display:flex;gap:22px;padding:20px 0;border-bottom:1px solid #cdd7ca}.editorial li>span{font:italic 24px Georgia;color:#879b7e}.editorial h3{font-size:16px;margin:0}.editorial li p{margin:7px 0}.about{max-width:800px;text-align:center}.about>p:not(.eyebrow){text-align:left;color:var(--muted);font-size:13px}.about small{font-size:10px;color:var(--muted)}footer{background:#263e32;color:#f1f0e6;padding:45px;text-align:center}footer .brand{justify-content:center;font-size:23px}footer p{font-size:11px;color:#c3cdbf}footer div{display:flex;justify-content:center;gap:25px;font-size:12px;margin:20px}footer small{font-size:10px;color:#c3cdbf}.article{max-width:850px;margin:auto;padding:35px 24px 80px}.article h1{font-family:'Noto Serif JP',serif;font-size:36px}.article h2{font-size:25px;margin-top:45px}.article p,.article li{font-size:14px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}td,th{padding:15px;border:1px solid var(--line);min-width:130px;text-align:left}th{background:#e9ede4}.notice{padding:20px;background:#eeeadd;font-size:12px!important} @media(max-width:760px){header{padding:20px}.brand{font-size:20px}nav{gap:15px}nav a{font-size:11px}header > nav a:last-child{display:none}.hero{padding:0 22px;gap:20px;min-height:0;grid-template-columns:1fr}.hero-copy{padding:15px 0}.hero h1{font-size:43px}.hero-art{min-height:340px;max-width:500px;width:100%;margin:auto;border-radius:46% 46% 4px 4px}.tree{font-size:150px}.t2{font-size:210px}.house{transform:scale(.8)}.intro-line{margin:35px 22px 0;gap:12px;flex-direction:column;align-items:start}.section{padding:48px 22px}.section-title{display:block}.section-title>p{margin:10px 0}h2{font-size:27px}.area-grid{gap:12px;grid-template-columns:1fr}.area{min-height:145px;padding:22px}.area strong{font-size:28px;margin:9px 0}.area-art{font-size:140px;right:12px}.hotel-grid{grid-template-columns:1fr}.editorial{padding:40px 22px;grid-template-columns:1fr;gap:15px}.article h1{font-size:28px}.sun{width:65px;height:65px}.hero-note{margin-bottom:0}}