:root{--red:#e8342b;--red-dark:#c21f17;--ink:#1f2433;--ink-soft:#4a5063;--cream:#fffaf1;--white:#fff;--yellow:#ffe24a;--amber:#f5a524;--navy:#1d2a55;--onsen:#1f6f8b;--onsen-light:#eef7fb;--radius:18px;--shadow:0 6px 18px #1f24331f;--c:#e84f86;--c-dark:#b92d62;--c-light:#fdebf2;--font-display:var(--font-reggae), "Zen Maru Gothic", sans-serif;--font-hand:var(--font-yusei), "Zen Maru Gothic", sans-serif;--font-body:var(--font-zen-maru), "Hiragino Maru Gothic ProN", "Meiryo", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:var(--font-body);margin:0;font-weight:500;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:min(1120px,100% - 32px);margin-inline:auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.outlined{isolation:isolate;position:relative}.outlined:before{content:attr(data-text);z-index:-1;color:var(--white);-webkit-text-stroke:var(--stroke,10px) var(--white);position:absolute;inset:0}.site-header{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff5;position:sticky;top:0;box-shadow:0 1px #1f243314}.site-header .container{align-items:center;gap:24px;height:64px;display:flex}.logo{font-family:var(--font-display);letter-spacing:.04em;align-items:center;gap:8px;font-size:26px;display:flex}.logo .logo-mark{flex:none;width:38px;height:38px}.nav{gap:28px;margin-left:auto;font-size:14px;font-weight:700;display:flex}.nav a{border-bottom:3px solid #0000;align-items:center;gap:6px;padding:20px 0 18px;display:flex}.nav a[aria-current=page]{color:var(--red);border-bottom-color:var(--red)}.nav a:hover{color:var(--red)}.nav svg{width:18px;height:18px}.promo-notice{color:var(--ink-soft);background:#f1ead9;border-bottom:1px solid #1f243314;margin:0;padding:5px 0;font-size:12px;line-height:1.5}.promo-notice .container{display:block}.site-footer{background:var(--ink);color:#fffc;margin-top:30px;padding:26px 0 28px;font-size:13px}.foot-prefs{border-bottom:1px solid #ffffff26;gap:8px;margin-bottom:16px;padding:4px 0 18px;display:grid}.foot-region{grid-template-columns:7.5em minmax(0,1fr);align-items:baseline;gap:12px;display:grid}.foot-region-name{color:var(--white);margin:0;font-size:13px;font-weight:900}.foot-region p{flex-wrap:wrap;gap:4px 16px;margin:0;display:flex}.foot-region a{color:#ffffffc7;font-size:13px}.foot-region a:hover{color:var(--yellow);text-decoration:underline}.foot-region a[aria-current=page]{color:var(--yellow);font-weight:700}.foot-bottom{flex-wrap:wrap;justify-content:space-between;gap:8px 24px;display:flex}.foot-bottom .foot-credit{flex-wrap:wrap;gap:4px 16px;display:flex}.foot-bottom a{color:#fffc;text-decoration:underline}.foot-bottom a:hover{color:var(--yellow)}body:has(.p-top) .site-footer{margin-top:0}@media (max-width:800px){.nav .label-long{display:none}}@media (max-width:640px){.site-header .container{gap:12px}.nav{gap:16px}.nav .label{display:none}.logo{white-space:nowrap;font-size:clamp(16px,5.4vw,22px)}.logo .logo-mark{width:30px;height:30px}.foot-region{grid-template-columns:6.5em minmax(0,1fr)}}@media (max-width:400px){.site-header .container{gap:8px}.nav{gap:12px}}@media (max-width:360px){.logo{font-size:5vw}.nav{gap:10px}}@media (max-width:640px){main.p-list .page-head{padding-bottom:76px}main.p-list .page-head .head-cat{bottom:-58px}main.p-list .page-head .head-cat .bubble{margin-bottom:6px}main.p-list .page-head .head-cat .bubble:after{bottom:7px}main.p-list .page-head .night-note{max-width:calc(100% - 96px)}}.p-about{padding:28px 0 8px}.about-body{isolation:isolate;max-width:760px;margin-inline:auto;padding:clamp(24px,5vw,48px) clamp(18px,5vw,56px);font-size:16px;line-height:1.95;position:relative}.about-body:before{content:"";z-index:-1;background:var(--white);filter:url(#rough);border:2px solid #1f243329;border-radius:18px;position:absolute;inset:0;box-shadow:3px 4px #1f24331a}.about-body h1{font-family:var(--font-display);color:var(--red);margin:0 0 20px;font-size:clamp(26px,4.4vw,38px);font-weight:400;line-height:1.35}.about-body h2{font-family:var(--font-display);margin:44px 0 14px;font-size:clamp(21px,3vw,26px);font-weight:400;line-height:1.4;position:relative}.about-body h2:after{content:"";background:var(--yellow);filter:url(#rough-sm);border-radius:4px;width:72px;height:6px;margin-top:6px;display:block}.about-body h3{color:var(--onsen);margin:26px 0 6px;font-size:18px;font-weight:900;line-height:1.5}.about-body p{margin:0 0 14px}.about-body blockquote{border-left:5px solid var(--red);background:var(--cream);line-height:1.6;font-family:var(--font-hand);border-radius:0 12px 12px 0;margin:0 0 24px;padding:12px 18px;font-size:clamp(19px,2.6vw,22px)}.about-body blockquote p{margin:0}.about-body ul{margin:0 0 14px;padding-left:1.4em}.about-body li{margin-bottom:4px}.p-list .empty h1{font-family:var(--font-display);margin:0;font-size:clamp(20px,3vw,26px);font-weight:400}.p-list .price small.price-note,.p-detail .price-row .amount small.price-note{color:var(--ink);font-size:13px}@media (max-width:640px){.p-detail .price-row .amount small.price-note{word-break:keep-all;max-width:10.5em;margin-left:auto}}.p-detail .book-bottom{text-align:center}.p-detail .book-bottom-title{margin:0 0 4px;font-weight:700}.p-detail .book-bottom-price{margin:0;line-height:1.2}.p-detail .book-bottom-price b{font-family:var(--font-display);color:var(--red);font-size:26px;font-weight:400}.p-detail .book-bottom-price small.price-note{color:var(--ink);font-size:13px;display:block}@media (min-width:641px){.p-detail .book-bottom .book{white-space:nowrap;width:fit-content;margin-inline:auto;padding-inline:48px}}.icon-onsen{background-color:currentColor;flex:none;display:inline-block;-webkit-mask:url(/images/onsen-icon-mask.png) 50%/contain no-repeat;mask:url(/images/onsen-icon-mask.png) 50%/contain no-repeat}.p-top .feature .icon-onsen{width:46px;height:46px;color:var(--red)}.p-top .region-title h3 .icon-onsen,.p-top .region.wide .wide-text h3 .icon-onsen{width:.8em;height:.8em}.p-detail .section h2 .icon-onsen{width:30px;height:30px;color:var(--c)}.no-photo{aspect-ratio:4/3;color:var(--ink-soft);background:repeating-linear-gradient(45deg,#f4efe4 0 12px,#efe8da 12px 24px);border-radius:12px;place-items:center;font-size:12px;display:grid}.p-detail .map-image{object-fit:contain;background:var(--white);filter:url(#rough-edge-sm);border-radius:14px;width:100%;height:360px;margin-top:10px}.p-detail .tags>div+div h3,.p-detail .policy>div+div h3{margin-top:12px}.p-detail .inactive-notice{margin:0 0 18px}.p-detail .reselect{margin-top:28px}.p-detail .reselect-title{font-family:var(--font-display);align-items:center;gap:10px;margin:0 0 14px;font-size:clamp(22px,3vw,30px);font-weight:400;display:flex}.p-detail .reselect-title svg{color:#3fae49;width:32px;height:32px}.page-loading{place-items:center;min-height:70vh;padding:40px 16px;display:grid}.page-loading-inner{text-align:center;justify-items:center;gap:14px;display:grid}.page-loading-figure{width:min(220px,56vw);position:relative}.page-loading-figure img{width:100%;height:auto;animation:2.4s ease-in-out infinite page-loading-bob;display:block}.page-loading-text{font-family:var(--font-hand);color:var(--ink);margin:0;font-size:clamp(20px,3.4vw,26px);line-height:1.5}.page-loading .dots i{opacity:0;font-style:normal;animation:1.5s step-end infinite page-loading-dot}.page-loading .dots i:nth-child(2){animation-delay:.3s}.page-loading .dots i:nth-child(3){animation-delay:.6s}@keyframes page-loading-bob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-6px)rotate(1deg)}}@keyframes page-loading-dot{0%{opacity:0}20%,to{opacity:1}}@media (prefers-reduced-motion:reduce){.page-loading-figure img{animation:none}.page-loading .dots i{opacity:1;animation:none}}.p-list .bath+.bath{margin-top:4px}.p-list .bath .more-chips{color:var(--ink-soft,#6b7280);align-self:center;font-weight:700}
.p-top .hero{background:url(/images/hero-bg.webp) 100%/cover no-repeat;height:clamp(340px,30vw,400px);position:relative;overflow:hidden}.p-top .hero:before{content:"";background:linear-gradient(90deg,#ffffffbf 0%,#ffffff59 45%,#fff0 70%);position:absolute;inset:0}.p-top .hero .splash{pointer-events:none;opacity:.95;background:url(/images/splash.webp) 50%/100% 100% no-repeat;width:104%;height:108%;position:absolute;inset:-4% -2%}.p-top .hero-inner{width:min(1240px,100%);height:100%;margin-inline:auto;position:relative}.p-top .hero-figure{aspect-ratio:2/3;z-index:2;height:100%;position:absolute;bottom:0;left:6%;container-type:inline-size}.p-top .hero-person{object-fit:contain;object-position:bottom;filter:drop-shadow(0 8px 16px #0000002e);width:100%;max-width:none;height:100%;position:absolute;inset:0}.p-top .shout{width:67%;position:absolute;top:2%;left:-32%}.p-top .shout img{width:100%}.p-top .shout span{font-family:var(--font-hand);white-space:nowrap;color:var(--white);font-size:8.2cqw;line-height:1.2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-16deg)}.p-top .shout span br+*{margin-left:.6em}.p-top .hero-copy{transform-origin:0;z-index:2;position:absolute;top:12%;left:28%;transform:rotate(-6deg)}.p-top .hero-copy .line1{font-family:var(--font-display);color:var(--ink);--stroke:12px;font-size:clamp(34px,5vw,64px);line-height:1.1;display:block}.p-top .hero-copy .line2{font-family:var(--font-display);color:var(--red);--stroke:18px;letter-spacing:-.02em;margin-top:4px;font-size:clamp(60px,10vw,132px);line-height:1.05;display:block}.p-top .hero-copy .line2:before{filter:drop-shadow(0 6px #c21f1740)}.p-top .hero-copy .steam{width:clamp(44px,5vw,64px);color:var(--red);position:absolute;top:58px;right:-12px;transform:rotate(10deg)}.p-top .hero-copy .line3{font-family:var(--font-display);color:var(--ink);--stroke:9px;margin-top:14px;margin-left:12%;font-size:clamp(18px,2.4vw,32px);display:inline-block;transform:rotate(-2deg)}.p-top .note{background:var(--yellow);font-family:var(--font-hand);z-index:2;padding:14px 18px;font-size:20px;line-height:1.35;position:absolute;top:8%;right:12%;transform:rotate(6deg);box-shadow:0 6px 14px #00000026}.p-top .note:before{content:"";background:#ffffffb3;width:60px;height:18px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-4deg)}.p-top .polaroids{z-index:1;width:200px;height:190px;position:absolute;top:22%;right:2%}.p-top .polaroid{background:var(--white);width:150px;box-shadow:none;padding:7px 7px 20px;position:absolute}.p-top .polaroid img{aspect-ratio:4/3;object-fit:cover;width:100%}.p-top .polaroid:first-child{top:0;right:36px;transform:rotate(-7deg)}.p-top .polaroid:nth-child(2){top:70px;right:0;transform:rotate(5deg)}.p-top .hero-cat{z-index:2;width:clamp(110px,13vw,170px);position:absolute;bottom:-8px;right:2%}.p-top .bubble{background:var(--white);border:2px solid var(--ink);font-family:var(--font-hand);z-index:3;border-radius:18px;padding:10px 16px;font-size:16px;line-height:1.35;position:absolute;box-shadow:0 4px 10px #0000001a}.p-top .bubble:after{content:"";background:var(--white);border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);width:14px;height:14px;position:absolute}.p-top .hero .bubble{bottom:70px;right:calc(2% + clamp(100px,12vw,160px));transform:rotate(-5deg)}.p-top .hero .bubble:after{bottom:16px;right:-9px;transform:rotate(-45deg)}.p-top .section-head{flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:24px;display:flex;position:relative}.p-top .section-title{font-family:var(--font-display);align-items:center;gap:12px;margin:0;font-size:clamp(28px,4vw,42px);font-weight:400;display:flex;position:relative}.p-top .section-title svg.mark{color:#3fae49;flex:none;width:48px;height:48px}.p-top .section-title:after{content:"";background:var(--yellow);z-index:-1;border-radius:6px;height:10px;position:absolute;bottom:-6px;left:58px;right:-8px;transform:rotate(-1deg)}.p-top .section-lead{color:var(--ink-soft);margin:0;font-size:15px}.p-top .head-cat{align-items:flex-end;margin-left:auto;display:flex;position:relative}.p-top .head-cat img{width:92px}.p-top .head-cat .bubble{margin-bottom:36px;margin-right:8px;position:relative;transform:rotate(-4deg)}.p-top .head-cat .bubble:after{bottom:14px;right:-9px;transform:rotate(-45deg)}.p-top .regions{gap:18px;display:grid}.p-top .row3{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.p-top .region{--c:#2f7de1;--c-dark:#1d5bb0;--c-light:#eaf3ff;background:var(--c);border:3px solid var(--c);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.p-top .region:hover{transform:translateY(-3px);box-shadow:0 12px 24px #1f24332e}.p-top .region-visual{background:var(--c-light) var(--img) center / cover no-repeat;min-height:190px;position:relative}.p-top .region-visual:after{content:"";background:linear-gradient(180deg, transparent, var(--c) 92%);position:absolute;inset:40% 0 0}.p-top .region-title{z-index:1;color:var(--white);position:absolute;bottom:10px;left:14px;right:60px}.p-top .region-title h3{font-family:var(--font-display);white-space:nowrap;text-shadow:0 2px 0 var(--c-dark), 0 0 12px #00000040;align-items:center;gap:6px;margin:0;font-size:clamp(24px,2.6vw,36px);font-weight:400;line-height:1.15;display:flex}.p-top .dot{font-family:var(--font-body);font-weight:900}.p-top .region-title h3 svg{flex:none;width:.8em;height:.8em}.p-top .region-title p{text-shadow:0 1px 2px #00000059;margin:2px 0 0;font-size:14px;font-weight:700}.p-top .region-arrow{z-index:1;background:var(--white);width:34px;height:34px;color:var(--c);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:22px;right:14px;box-shadow:0 2px 6px #0003}.p-top .region-arrow svg{width:18px;height:18px}.p-top .prefs{background:var(--white);border-radius:14px;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 10px 10px;padding:12px;list-style:none;display:flex}.p-top .prefs a{border:1.5px solid color-mix(in srgb, var(--c) 45%, white);background:var(--c-light);min-width:64px;color:var(--c-dark);text-align:center;border-radius:999px;padding:5px 12px;font-size:14px;font-weight:700;transition:background .15s,color .15s;display:inline-block}.p-top .prefs a:hover,.p-top .prefs a:focus-visible{background:var(--c);border-color:var(--c);color:var(--white);outline:none}.p-top .region.hokkaido{--c:#2f7de1;--c-dark:#1a56a8;--c-light:#eaf3ff;--img:url(/images/region-hokkaido-tohoku.webp)}.p-top .region.kanto{--c:#e84f86;--c-dark:#b92d62;--c-light:#fdebf2;--img:url(/images/region-kanto.webp)}.p-top .region.chubu{--c:#f08a1c;--c-dark:#b9620a;--c-light:#fff2e2;--img:url(/images/region-chubu.webp)}.p-top .region.kinki{--c:#8a5cd6;--c-dark:#6339aa;--c-light:#f2ecfc;--img:url(/images/region-kinki.webp)}.p-top .region.chugoku{--c:#19a7a8;--c-dark:#0d7778;--c-light:#e5f7f7;--img:url(/images/region-chugoku.webp)}.p-top .region.shikoku{--c:#3b6fd8;--c-dark:#2349a3;--c-light:#ebf0fc;--img:url(/images/region-shikoku.webp)}.p-top .region.kyushu{--c:#e0457a;--c-dark:#ad2653;--c-light:#fdebf1;--img:url(/images/region-kyushu-okinawa.webp)}.p-top .region.wide{grid-template-columns:minmax(0,44%) minmax(0,1fr);min-height:220px;display:grid}.p-top .region.wide .wide-text{z-index:1;color:var(--white);padding:18px 0 14px 18px;position:relative}.p-top .region.wide .wide-text h3{font-family:var(--font-display);text-shadow:0 2px 0 var(--c-dark);flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px;font-size:clamp(28px,3vw,40px);font-weight:400;line-height:1.15;display:flex}.p-top .region.wide .wide-text h3 svg{width:.8em;height:.8em}.p-top .region.wide .wide-text h3 small{font-family:var(--font-body);text-shadow:none;font-size:15px;font-weight:700}.p-top .region.wide .prefs{margin:0}.p-top .region.wide .region-visual{min-height:100%;margin-left:-12%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 22%);mask-image:linear-gradient(90deg,#0000 0%,#000 22%)}.p-top .region.wide .region-visual:after{display:none}.p-top .region.wide .region-arrow{top:18px;bottom:auto;right:18px}.p-top .wide-cat{z-index:2;width:130px;position:absolute;bottom:-6px;right:20px}.p-top .region.wide .bubble{color:var(--ink);bottom:60px;right:150px;transform:rotate(-5deg)}.p-top .region.wide .bubble:after{bottom:14px;right:-9px;transform:rotate(-45deg)}.p-top .features{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.p-top .feature{background:var(--white);box-shadow:var(--shadow);border-radius:14px;align-items:flex-start;gap:12px;padding:18px 16px;display:flex}.p-top .feature svg{flex:none;width:46px;height:46px}.p-top .feature h4{margin:0 0 4px;font-size:18px;font-weight:900}.p-top .feature p{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.5}.p-top .cta{background:url(/images/footer-bg.webp) 50% 30%/cover no-repeat;min-height:300px;margin-top:40px;position:relative;overflow:hidden}.p-top .cta .splash{opacity:.9}.p-top .cta-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:300px;display:grid;position:relative}.p-top .cta-copy{position:relative;transform:rotate(-6deg)}.p-top .cta-copy:before{content:"";z-index:-1;background:radial-gradient(closest-side,#ffffffd9,#fff0);position:absolute;inset:-30px -40px}.p-top .cta-copy .big{font-family:var(--font-display);--stroke:12px;font-size:clamp(28px,3.4vw,42px);display:block}.p-top .cta-copy .small:before{white-space:pre-line}.p-top .cta-copy .small{font-family:var(--font-display);--stroke:10px;margin-top:4px;font-size:clamp(16px,1.8vw,22px);line-height:1.4;display:block}.p-top .cta-button{background:linear-gradient(180deg, #f24a40, var(--red-dark));color:var(--white);border:4px solid var(--white);border-radius:999px;align-items:center;gap:12px;padding:20px 44px;font-size:clamp(18px,2vw,24px);font-weight:900;transition:transform .15s;display:inline-flex;box-shadow:0 8px #8c100a59,0 12px 24px #0003}.p-top .cta-button:hover{transform:translateY(-2px)}.p-top .cta-button svg{width:24px;height:24px}.p-top .cta-side{justify-self:end;align-items:flex-end;display:flex;position:relative}.p-top .cta-side img{width:140px}.p-top .cta-side .bubble{margin-bottom:70px;margin-right:6px;position:relative;transform:rotate(-6deg)}.p-top .cta-side .bubble:after{bottom:14px;right:-9px;transform:rotate(-45deg)}.p-top .hero{clip-path:polygon(0 0,100% 0,100% 100%,96.5% calc(100% - 7px),93% calc(100% - 5px),89.5% calc(100% - 1px),86% calc(100% - 14px),82.5% calc(100% - 7px),79% calc(100% - 8px),75.5% calc(100% - 7px),72% calc(100% - 8px),68.5% calc(100% - 5px),65% calc(100% - 3px),61.5% calc(100% - 11px),58% calc(100% - 2px),54.5% calc(100% - 6px),51% calc(100% - 9px),47.5% calc(100% - 13px),44% calc(100% - 6px),40.5% calc(100% - 1px),37% calc(100% - 3px),33.5% calc(100% - 12px),30% calc(100% - 9px),26.5% calc(100% - 9px),23% calc(100% - 8px),19.5% calc(100% - 4px),16% calc(100% - 5px),12.5% calc(100% - 13px),9% 100%,5.5% calc(100% - 3px),2% calc(100% - 9px))}.p-top .cta{clip-path:polygon(2% 14px,5.5% 6px,9% 13px,12.5% 15px,16% 0,19.5% 10px,23% 4px,26.5% 7px,30% 13px,33.5% 16px,37% 12px,40.5% 15px,44% 13px,47.5% 3px,51% 5px,54.5% 15px,58% 13px,61.5% 11px,65% 0,68.5% 14px,72% 5px,75.5% 15px,79% 10px,82.5% 2px,86% 8px,89.5% 14px,93% 6px,96.5% 0,100% 11px,100% 100%,0 100%)}.p-top .section{padding:12px 0 8px}.p-top #prefs{padding-top:6px}.p-top .section-head{gap:16px;margin-bottom:8px}.p-top .head-cat{z-index:4;margin-bottom:-34px}.p-top .regions,.p-top .row3{gap:12px}.p-top .features{gap:10px}.p-top .cta{margin-top:10px}.p-top .region{box-shadow:none;transform:rotate(var(--tilt,0deg));background:0 0;border:0;overflow:visible}.p-top .region:before{content:"";z-index:0;background:var(--c);border:3px solid var(--c-dark);filter:url(#rough);border-radius:22px;position:absolute;inset:0;box-shadow:4px 5px #1f243329}.p-top .region:hover{box-shadow:none;transform:rotate(0)translateY(-3px)}.p-top .region-visual{z-index:1;background:0 0;margin:7px 7px 0}.p-top .region-visual:before{content:"";z-index:-1;background:linear-gradient(180deg, transparent 42%, var(--c) 96%), var(--img) center / cover no-repeat;filter:url(#rough-edge);border-radius:16px 16px 10px 10px;position:absolute;inset:0}.p-top .region-visual:after{display:none}.p-top .prefs{z-index:1;background:0 0;margin:4px 9px 11px;position:relative}.p-top .prefs:before{content:"";z-index:-1;background:var(--white);filter:url(#rough);border-radius:14px;position:absolute;inset:0}.p-top .prefs li:nth-child(3n+1) a{transform:rotate(-2deg)}.p-top .prefs li:nth-child(3n+2) a{transform:rotate(1.5deg)translateY(1px)}.p-top .prefs li:nth-child(5n) a{transform:rotate(-.8deg)translateY(-1px)}.p-top .region.hokkaido{--tilt:-.8deg}.p-top .region.kanto{--tilt:.7deg}.p-top .region.chubu{--tilt:-.4deg}.p-top .region.kinki{--tilt:-1deg}.p-top .region.chugoku{--tilt:.5deg}.p-top .region.shikoku{--tilt:-.6deg}.p-top .region.kyushu{--tilt:.3deg}.p-top .region.wide .region-visual{margin:7px 7px 7px -12%}.p-top .region.wide .region-visual:before{background:var(--img) center / cover no-repeat;border-radius:16px}.p-top .feature{isolation:isolate;box-shadow:none;background:0 0;position:relative}.p-top .feature:before{content:"";z-index:-1;background:var(--white);filter:url(#rough);border:2px solid #1f243324;border-radius:16px;position:absolute;inset:0;box-shadow:3px 4px #1f24331a}.p-top .feature:first-child{transform:rotate(-.8deg)}.p-top .feature:nth-child(2){transform:rotate(.6deg)translateY(3px)}.p-top .feature:nth-child(3){transform:rotate(-.4deg)}.p-top .feature:nth-child(4){transform:rotate(1deg)translateY(2px)}.p-top .bubble,.p-top .note{filter:url(#rough-sm)}.p-top .polaroid{filter:url(#rough-edge-sm)drop-shadow(0 6px 8px #0003)}.p-top .section-title:after{filter:url(#rough)}@media (max-width:1000px){.p-top .features{grid-template-columns:repeat(2,1fr)}.p-top .polaroids{display:none}.p-top .note{right:4%}.p-top .hero-copy .steam,.p-top .head-cat .bubble{display:none}.p-top .head-cat img{width:76px}}@media (max-width:800px){.p-top .row3{grid-template-columns:repeat(2,minmax(0,1fr))}.p-top .row3 .region:last-child{grid-column:1/-1}.p-top .region.wide{grid-template-columns:minmax(0,1fr)}.p-top .region.wide .region-visual{order:-1;min-height:180px;margin-left:0;-webkit-mask-image:none;mask-image:none}.p-top .region.wide .region-visual:after{display:block}.p-top .region.wide .wide-text{margin-top:-40px;padding:0 14px 14px}.p-top .wide-cat{width:96px;top:110px;bottom:auto}.p-top .region.wide .bubble{display:none}.p-top .cta-inner{text-align:center;grid-template-columns:1fr;justify-items:center;padding:32px 0}.p-top .cta-side{justify-self:center}}@media (max-width:640px){.p-top .hero{height:480px}.p-top .hero:before{background:linear-gradient(#fffc 0%,#fff6 55%,#fff0 80%)}.p-top .hero-figure{height:60%;left:auto;right:-4%}.p-top .hero-copy{top:6%;left:16px}.p-top .hero-copy .line3{white-space:nowrap;margin-left:0;font-size:17px}.p-top .region.wide .wide-text h3 small{flex-basis:100%}.p-top .note,.p-top .hero .bubble{display:none}.p-top .hero-cat{width:100px;left:8px;right:auto}.p-top .row3{grid-template-columns:minmax(0,1fr)}.p-top .features{grid-template-columns:1fr}.p-top .head-cat{display:none}}.p-list .page-head{background:linear-gradient(90deg, #fffaf1f7 0%, #fffaf1e0 45%, #fffaf140 80%), var(--region-img) right 40% / cover no-repeat;padding:18px 0 34px;position:relative}.p-list .page-head .splash{pointer-events:none;opacity:.8;background:url(/images/splash.webp) 50%/100% 100% no-repeat;position:absolute;inset:0}.p-list .page-head .container{position:relative}.p-list .breadcrumb{color:var(--ink-soft);margin:0 0 6px;font-size:13px}.p-list .breadcrumb a:hover{color:var(--red)}.p-list .page-title{transform-origin:0;max-width:calc(100% - 260px);margin:0;line-height:1.2;transform:rotate(-3deg)}.p-list .page-title .big{font-family:var(--font-display);color:var(--c);--stroke:14px;font-size:clamp(40px,6vw,68px);font-weight:400;display:inline-block}.p-list .page-title .rest{font-family:var(--font-display);--stroke:9px;margin:0 4px;font-size:clamp(18px,2.6vw,28px);font-weight:400;display:inline-block}.p-list .night-note{font-family:var(--font-hand);color:var(--c-dark);margin:8px 0 0;font-size:14px}.p-list .head-cat{z-index:3;align-items:flex-end;display:flex;position:absolute;bottom:-40px;right:0}.p-list .head-cat img{width:110px}.p-list .bubble{background:var(--white);border:2px solid var(--ink);font-family:var(--font-hand);white-space:nowrap;filter:url(#rough-sm);border-radius:16px;margin-bottom:56px;margin-right:6px;padding:8px 14px;font-size:15px;line-height:1.35;position:relative;transform:rotate(-5deg)}.p-list .bubble:after{content:"";background:var(--white);border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);width:14px;height:14px;position:absolute;bottom:14px;right:-9px;transform:rotate(-45deg)}.p-list .page-head{clip-path:var(--ragged-bottom)}.p-list .paper{isolation:isolate;position:relative}.p-list .paper:before{content:"";z-index:-1;background:var(--white);filter:url(#rough);border:2px solid #1f243329;border-radius:18px;position:absolute;inset:0;box-shadow:3px 4px #1f24331a}.p-list .conditions{margin-top:6px;padding:14px 16px 12px;transform:rotate(-.3deg)}.p-list .cond-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.p-list .cond{background:var(--c-light);color:var(--c-dark);border:1.5px solid color-mix(in srgb, var(--c) 45%, white);border-radius:999px;align-items:center;gap:6px;padding:6px 12px 6px 10px;font-size:14px;font-weight:700;display:inline-flex}.p-list .cond svg{flex:none;width:18px;height:18px}.p-list .cond select{appearance:none;color:inherit;font:inherit;cursor:pointer;background-color:#0000;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:right 4px center,right 0 center;background-repeat:no-repeat;background-size:5px 5px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:0;padding-right:16px}.p-list .cond-note{color:var(--ink-soft);margin:8px 2px 0;font-size:12px}.p-list .areas{border-top:1.5px dashed #1f243326;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px;display:flex}.p-list .areas a{background:var(--white);border:1.5px solid #1f243326;border-radius:999px;padding:3px 11px;font-size:13px;font-weight:700}.p-list .areas a:nth-child(3n+1){transform:rotate(-1.5deg)}.p-list .areas a:nth-child(3n+2){transform:rotate(1deg)}.p-list .areas a[aria-current=true]{background:var(--c);border-color:var(--c);color:var(--white)}.p-list .areas a:hover{border-color:var(--c);color:var(--c-dark)}.p-list .toolbar{flex-wrap:wrap;align-items:flex-end;gap:10px 20px;margin:16px 2px 10px;display:flex}.p-list .count{margin:0;font-size:15px;font-weight:700}.p-list .count strong{font-family:var(--font-display);color:var(--red);margin-right:2px;font-size:34px;font-weight:400}.p-list .price-basis{color:var(--ink-soft);font-size:13px}.p-list .sort{gap:6px;margin-left:auto;display:flex}.p-list .sort a{border:2px solid var(--ink);background:var(--white);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:700}.p-list .sort a[aria-current=true]{background:var(--ink);color:var(--white)}.p-list .results{gap:14px;margin:0;padding:0;list-style:none;display:grid}.p-list .inn{grid-template-columns:250px minmax(0,1fr) 200px;gap:16px;padding:12px;display:grid}.p-list .results>li:nth-child(odd) .inn{transform:rotate(-.35deg)}.p-list .results>li:nth-child(2n) .inn{transform:rotate(.3deg)}.p-list .inn-photo{position:relative}.p-list .inn-photo .ph{aspect-ratio:4/3;background:var(--ph) var(--pos,center) / cover no-repeat;filter:url(#rough-edge);border-radius:12px}.p-list .inn-photo .area-tag{color:var(--white);background:#1f2433c7;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;position:absolute;bottom:8px;left:8px}.p-list .inn-body{min-width:0;padding-top:2px}.p-list .inn-name{margin:0 0 4px;font-size:21px;font-weight:900;line-height:1.35}.p-list .inn-name a:hover{color:var(--red)}.p-list .rating{align-items:center;gap:6px;font-size:14px;display:flex}.p-list .stars{color:#f2b01e;letter-spacing:1px;font-size:16px}.p-list .rating b{font-size:17px}.p-list .rating span{color:var(--ink-soft)}.p-list .bath{flex-wrap:wrap;gap:6px;margin:8px 0 0;font-size:13px;display:flex}.p-list .bath .label{color:var(--c-dark);font-weight:900}.p-list .bath .q{color:#1f6f8b;background:#eef7fb;border-radius:6px;padding:1px 9px;font-weight:700}.p-list .inn-lead{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 0;font-size:13px;display:-webkit-box;overflow:hidden}.p-list .inn-side{text-align:right;flex-direction:column;justify-content:space-between;gap:8px;display:flex}.p-list .vacancy{color:#23803a;background:#e7f6ea;border-radius:999px;align-self:flex-end;padding:2px 10px;font-size:13px;font-weight:900;transform:rotate(3deg)}.p-list .price{margin:0;line-height:1.2}.p-list .price b{font-family:var(--font-display);color:var(--red);font-size:30px;font-weight:400}.p-list .price small{color:var(--ink-soft);font-size:12px;display:block}.p-list .fresh{color:var(--ink-soft);font-size:12px}.p-list .fresh.stale{color:#9a5b00;background:#fff4dc;border-radius:6px;align-self:flex-end;padding:2px 8px;font-weight:700}.p-list .book{background:linear-gradient(180deg, #f24a40, var(--red-dark));color:var(--white);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:11px 14px;font-size:15px;font-weight:900;display:inline-flex;box-shadow:0 4px #8c100a4d}.p-list .book svg{width:16px;height:16px}.p-list .detail-link{color:var(--c-dark);text-underline-offset:3px;font-size:13px;font-weight:700;text-decoration:underline}.p-list .more{justify-content:center;margin:18px 0 6px;display:flex}.p-list .more a{background:var(--white);border:2.5px solid var(--ink);border-radius:999px;padding:12px 34px;font-size:16px;font-weight:900;transform:rotate(-1deg);box-shadow:3px 4px #1f24332e}.p-list .mock-note{text-align:center;color:#9a5b00;margin:4px 0 0;font-size:12px}.p-list .alt{margin-top:16px;padding:16px 18px 18px;transform:rotate(.3deg)}.p-list .alt:before{background:#fffbe8;border-color:#f5a52480}.p-list .alt h2{font-family:var(--font-display);align-items:center;gap:8px;margin:0 0 10px;font-size:22px;font-weight:400;display:flex}.p-list .alt h2 img{width:54px;margin:-12px 0 -8px}.p-list .alt-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px;display:grid}.p-list .alt-card{background:var(--white);border:2px solid #1f24331f;border-radius:14px;padding:12px 14px}.p-list .alt-card h3{margin:0 0 8px;font-size:15px}.p-list .alt-next{justify-content:space-between;align-items:center;gap:10px;font-weight:900;display:flex}.p-list .alt-next b{font-family:var(--font-display);color:var(--red);font-size:30px;font-weight:400}.p-list .go{background:var(--ink);color:var(--white);border-radius:999px;align-items:center;gap:4px;padding:7px 14px;font-size:13px;font-weight:700;display:inline-flex}.p-list .go svg{width:14px;height:14px}.p-list .neighbors{flex-wrap:wrap;gap:8px;display:flex}.p-list .neighbors a{background:var(--c-light);border:1.5px solid color-mix(in srgb, var(--c) 45%, white);color:var(--c-dark);border-radius:999px;align-items:baseline;gap:6px;padding:6px 12px;font-weight:700;display:inline-flex}.p-list .neighbors a b{font-family:var(--font-display);color:var(--red);font-size:18px;font-weight:400}.p-list .neighbors a:nth-child(odd){transform:rotate(-1.5deg)}.p-list .neighbors a:nth-child(2n){transform:rotate(1deg)}.p-list .empty{text-align:center;margin-top:16px;padding:30px 20px 26px}.p-list .empty img{width:140px;margin:0 auto 6px}.p-list .empty h2{font-family:var(--font-display);margin:0;font-size:clamp(20px,3vw,26px);font-weight:400}.p-list .empty p{color:var(--ink-soft);margin:8px 0 0;font-size:14px}.p-list .empty .go{margin-top:14px}.p-list .other{margin:26px 0 0;padding:16px 18px}.p-list .other h2{font-family:var(--font-display);margin:0 0 10px;font-size:20px;font-weight:400}@media (max-width:900px){.p-list .inn{grid-template-columns:200px minmax(0,1fr)}.p-list .inn-side{text-align:left;flex-flow:wrap;grid-column:1/-1;justify-content:space-between;align-items:center}.p-list .inn-side .vacancy{order:-1;align-self:center}}@media (max-width:640px){.p-list .page-head{padding-bottom:60px}.p-list .page-title{max-width:none}.p-list .head-cat img{width:84px}.p-list .head-cat .bubble{margin-bottom:40px;font-size:13px}.p-list .inn{grid-template-columns:108px minmax(0,1fr);gap:10px 12px;padding:10px}.p-list .inn-photo .ph{aspect-ratio:1}.p-list .inn-photo .area-tag{text-align:center;padding:1px 4px;font-size:10px;bottom:4px;left:4px;right:4px}.p-list .inn-name{font-size:17px}.p-list .rating{font-size:12px}.p-list .stars{font-size:13px}.p-list .rating b{font-size:14px}.p-list .bath{margin-top:4px;font-size:12px}.p-list .inn-lead{display:none}.p-list .inn-side{text-align:left;flex-flow:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:6px 10px}.p-list .inn-side .vacancy{order:0;transform:none}.p-list .price b{font-size:26px}.p-list .inn-side .book{flex:100%}.p-list .inn-side .detail-link{text-align:right;flex:100%}.p-list .alt-grid{grid-template-columns:minmax(0,1fr)}.p-list .sort{margin-left:0}}.p-detail .paper{isolation:isolate;position:relative}.p-detail .paper:before{content:"";z-index:-1;background:var(--white);filter:url(#rough);border:2px solid #1f243329;border-radius:18px;position:absolute;inset:0;box-shadow:3px 4px #1f24331a}.p-detail .section{margin-top:16px;padding:18px 20px 20px}.p-detail .section h2{font-family:var(--font-display);align-items:center;gap:8px;margin:0 0 12px;font-size:24px;font-weight:400;line-height:1.3;display:flex}.p-detail .section h2 svg{width:30px;height:30px;color:var(--c);flex:none}.p-detail .section h2:after{content:"";background:var(--yellow);filter:url(#rough-sm);border-radius:3px;flex:1;height:3px;margin-left:6px}.p-detail .breadcrumb{color:var(--ink-soft);margin:14px 0 8px;font-size:13px}.p-detail .breadcrumb a:hover{color:var(--red)}.p-detail .top{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.p-detail .gallery{position:relative}.p-detail .gallery .main{aspect-ratio:4/3;background:var(--main-img) center / cover no-repeat;filter:url(#rough-edge);border-radius:16px;transform:rotate(-.6deg)}.p-detail .gallery .room{background:var(--white);width:36%;box-shadow:none;filter:url(#rough-edge-sm)drop-shadow(0 6px 8px #0003);padding:6px 6px 20px;position:absolute;bottom:-14px;right:-8px;transform:rotate(4deg)}.p-detail .gallery .room div{aspect-ratio:4/3;background:var(--room-img) center / cover no-repeat}.p-detail .gallery .room span{text-align:center;font-family:var(--font-hand);font-size:12px;position:absolute;bottom:2px;left:0;right:0}.p-detail .headline .area-tag{background:var(--ink);color:var(--white);border-radius:999px;padding:2px 12px;font-size:12px;font-weight:700;display:inline-block}.p-detail .headline .kana{color:var(--ink-soft);margin:8px 0 0;font-size:13px}.p-detail .headline h1{font-family:var(--font-display);--stroke:10px;margin:0;font-size:clamp(30px,4.2vw,44px);font-weight:400;line-height:1.2}.p-detail .rating{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:14px;display:flex}.p-detail .stars{color:#f2b01e;letter-spacing:1px;font-size:20px}.p-detail .rating b{font-size:20px}.p-detail .rating a{color:var(--c-dark);text-underline-offset:3px;font-weight:700;text-decoration:underline}.p-detail .special{background:var(--c-light);border-radius:12px;margin:10px 0 0;padding:10px 14px;font-size:14px}.p-detail .prices{margin-top:12px;padding:14px 16px 16px}.p-detail .prices:before{background:#fffdf8;border-color:#e8342b59}.p-detail .price-rows{gap:8px;display:grid}.p-detail .price-row{background:var(--white);border:1.5px solid #1f24331a;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.p-detail .price-row .day{font-family:var(--font-display);color:var(--c);font-size:20px;font-weight:400}.p-detail .price-row .date{color:var(--ink-soft);font-size:13px}.p-detail .price-row .amount{text-align:right;line-height:1.2}.p-detail .price-row .amount b{font-family:var(--font-display);color:var(--red);font-size:26px;font-weight:400}.p-detail .price-row .amount small{color:var(--ink-soft);font-size:11px;display:block}.p-detail .price-row.full .amount{color:var(--ink-soft);font-size:15px;font-weight:900}.p-detail .vacancy{color:#23803a;background:#e7f6ea;border-radius:999px;margin-left:6px;padding:0 8px;font-size:12px;font-weight:900;display:inline-block}.p-detail .vacancy.none{color:var(--ink-soft);background:#f1f1f4}.p-detail .fresh{color:var(--ink-soft);margin:8px 2px 0;font-size:12px}.p-detail .book{background:linear-gradient(180deg, #f24a40, var(--red-dark));color:var(--white);border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:14px 16px;font-size:18px;font-weight:900;display:flex;box-shadow:0 5px #8c100a4d}.p-detail .book svg,.p-detail .sub-link svg{width:18px;height:18px}.p-detail .sub-link{color:var(--c-dark);text-underline-offset:3px;justify-content:center;align-items:center;gap:6px;margin-top:10px;font-size:14px;font-weight:700;text-decoration:underline;display:flex}.p-detail .onsen:before{background:var(--onsen-light);border-color:#1f6f8b4d}.p-detail .onsen h2 svg{color:var(--red)}.p-detail .onsen-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.p-detail .onsen dl{grid-template-columns:6em minmax(0,1fr);gap:10px 12px;margin:0;display:grid}.p-detail .onsen dt{color:var(--onsen);font-weight:900}.p-detail .onsen dd{flex-wrap:wrap;gap:6px;margin:0;display:flex}.p-detail .chip{background:var(--white);color:var(--onsen);border:1.5px solid #1f6f8b4d;border-radius:999px;padding:2px 11px;font-size:13px;font-weight:700}.p-detail .chip.quality{background:var(--onsen);color:var(--white);border-color:var(--onsen);font-size:14px}.p-detail .bath-score{background:var(--white);text-align:center;border-radius:16px;padding:14px 16px;position:relative}.p-detail .bath-score .label{color:var(--onsen);font-size:13px;font-weight:700}.p-detail .bath-score b{font-family:var(--font-display);color:var(--onsen);font-size:42px;font-weight:400;line-height:1.1;display:block}.p-detail .bath-score .stars{font-size:18px}.p-detail .bath-score img{width:86px;position:absolute;top:-38px;right:-14px}.p-detail .bath-score .note{color:var(--ink-soft);text-align:left;margin:6px 0 0;font-size:11px}.p-detail .scores{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px;display:grid}.p-detail .score{grid-template-columns:9em minmax(0,1fr) 2.6em;align-items:center;gap:10px;font-size:14px;display:grid}.p-detail .bar{background:#f1ece2;border-radius:999px;height:12px;overflow:hidden}.p-detail .bar i{height:100%;width:calc(var(--v) / 5 * 100%);background:linear-gradient(90deg,#ffd24a,#f5a524);border-radius:999px;display:block}.p-detail .score b{text-align:right}.p-detail .voice{background:#fffbe8;border-radius:16px;margin:0;padding:14px 18px;font-size:14px;position:relative}.p-detail .voice:before{content:"“";font-family:var(--font-display);color:var(--amber,#f5a524);font-size:54px;position:absolute;top:-18px;left:8px}.p-detail .voice strong{margin-bottom:4px;display:block}.p-detail .two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.p-detail .info{border-collapse:collapse;width:100%;font-size:14px}.p-detail .info th{text-align:left;vertical-align:top;width:8.5em;color:var(--c-dark);padding:8px 10px 8px 0;font-weight:900}.p-detail .info td{padding:8px 0}.p-detail .info tr+tr{border-top:1.5px dashed #1f24331f}.p-detail .map{aspect-ratio:16/10;color:var(--ink-soft);text-align:center;filter:url(#rough);background:repeating-linear-gradient(45deg,#f4efe4 0 12px,#efe8da 12px 24px);border-radius:14px;place-items:center;margin-top:10px;font-size:13px;display:grid}.p-detail .tags h3{margin:12px 0 6px;font-size:14px}.p-detail .tags h3:first-child{margin-top:0}.p-detail .tags p{flex-wrap:wrap;gap:6px;margin:0;display:flex}.p-detail .tag{background:var(--c-light);color:var(--c-dark);border-radius:999px;padding:1px 10px;font-size:13px;font-weight:700}.p-detail .policy h3{color:var(--c-dark);margin:12px 0 4px;font-size:14px}.p-detail .policy h3:first-child{margin-top:0}.p-detail .policy p{white-space:pre-line;margin:0;font-size:14px}.p-detail .api-error{align-items:center;gap:14px;margin-top:16px;padding:16px 18px;display:flex}.p-detail .api-error:before{background:#fff4dc;border-color:#f5a52480}.p-detail .api-error img{flex:none;width:80px}.p-detail .api-error p{margin:0;font-size:14px}.p-detail .api-error strong{font-size:16px;display:block}.p-detail .error-link{background:var(--ink);color:var(--white);border-radius:999px;align-items:center;gap:6px;margin-top:10px;padding:9px 18px;font-size:14px;font-weight:900;display:inline-flex}.p-detail .error-link svg{width:16px;height:16px}.p-detail .back{justify-content:center;margin:22px 0 0;display:flex}.p-detail .back a{background:var(--white);border:2.5px solid var(--ink);border-radius:999px;padding:12px 30px;font-weight:900;transform:rotate(-1deg);box-shadow:3px 4px #1f24332e}@media (max-width:860px){.p-detail .top,.p-detail .two,.p-detail .onsen-grid,.p-detail .scores{grid-template-columns:minmax(0,1fr)}.p-detail .gallery .room{right:6px}}@media (max-width:640px){.p-detail .section{padding:16px 14px 18px}.p-detail .section h2{font-size:20px}.p-detail .onsen dl{grid-template-columns:minmax(0,1fr);gap:4px}.p-detail .onsen dt{margin-top:6px}.p-detail .info th{width:6.5em}}