/* Typography +2pt total: preserve the original responsive sizes. */
/* The photograph is the room; UI remains a light layer above it. */
html:has(.cafe-mode),body.cafe-mode{margin:0;overflow:hidden;background:#c6ad8b;color:#4b372b}
.cafe-mode>main,.cafe-mode>.site-header,.cafe-mode>.room-navigation,.cafe-mode>.room-indicator,.cafe-mode>footer,.cafe-mode>.skip-link{display:none}
.cafe-experience{position:fixed;inset:0;overflow:clip;isolation:isolate;background:#bda586;font-family:Arial,'Yu Gothic',sans-serif}
.cafe-experience:before{content:'';position:absolute;inset:-25px;z-index:-1;background:url('../画像/001全体図.png') center/cover;filter:blur(18px);opacity:.75}
.cafe-world{position:absolute;inset:0;transform-origin:0 0;will-change:transform;transition:transform 1150ms cubic-bezier(.22,.65,.16,1)}
.cafe-background,.cafe-hotspots{position:absolute;max-width:none!important;max-height:none}
.cafe-background{display:block;user-select:none;pointer-events:none}
.cafe-hotspot{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);width:calc(var(--w)*1%);height:calc(var(--h)*1%);border:2px dashed var(--paper);border-radius:24% 22% 26% 21% / 19% 24% 19% 28%;background:transparent;cursor:pointer;color:var(--ink);filter:drop-shadow(0 1px 2px #55351c66);transition:background .3s,border-color .3s;outline-offset:7px}
.cafe-hotspot:hover,.cafe-hotspot:focus-visible{background:color-mix(in srgb,var(--paper) 22%,transparent);border-color:white;outline:2px solid var(--paper)}
.click-bubble{position:absolute;top:-26px;left:50%;transform:translateX(-50%) rotate(-5deg);white-space:nowrap;background:var(--paper);color:var(--ink);border:1px solid #ffffffa6;border-radius:16px 17px 17px 5px;padding:7px 14px;font:bold italic calc(17px + 2pt) Georgia,serif;box-shadow:0 3px 12px #422b2020;animation:cafe-breathe 3.8s ease-in-out infinite}
.click-bubble:after{content:'';position:absolute;bottom:-7px;left:17px;border-top:8px solid var(--paper);border-right:9px solid transparent}
.click-bubble small{display:block;font:calc(9px + 2pt) Arial,sans-serif;letter-spacing:1px;margin-top:2px}
.spot-phone .click-bubble{top:4px;left:115%;transform:rotate(5deg)}
.spot-awards .click-bubble{top:45%;left:107%;transform:rotate(4deg)}
.spot-menu .click-bubble{top:5px;left:73%;transform:rotate(-4deg)}
.spot-phone .click-bubble{animation-delay:-.7s}.spot-laptop .click-bubble{animation-delay:-1.4s}.spot-awards .click-bubble{animation-delay:-2.1s}.spot-menu .click-bubble{animation-delay:-2.8s}
@keyframes cafe-breathe{0%,100%{opacity:1}50%{opacity:.5}}
.cafe-topbar{position:absolute;top:26px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:4}
.cafe-wordmark{font:calc(26px + 2pt) Georgia,serif;color:#fff8e9;text-shadow:0 1px 9px #432d22;pointer-events:auto;text-decoration:none;line-height:1.15}.cafe-wordmark em{font-style:italic}.cafe-wordmark small{display:block;font:calc(8px + 2pt) Arial,sans-serif;letter-spacing:3px;margin-top:8px}
.cafe-wordmark{opacity:0;visibility:hidden}.cafe-experience:not([data-view=home]) .cafe-wordmark{opacity:1;visibility:visible}
.glass{background:linear-gradient(140deg,#fffaf078,#fff5e54a);border:1px solid #fffaf0a3;box-shadow:0 18px 60px #482d1724,inset 0 1px 0 #ffffff8c;backdrop-filter:blur(18px) saturate(1.08);-webkit-backdrop-filter:blur(18px) saturate(1.08)}
.cafe-news{position:absolute;right:2.3vw;top:12%;width:24%;max-height:72%;overflow:auto;border-radius:22px;padding:22px 24px;box-sizing:border-box;transition:opacity .35s,transform .55s}
.window-top{display:flex;justify-content:space-between;gap:10px;padding-bottom:16px;border-bottom:1px solid #65472a30;font-size:calc(8px + 2pt);letter-spacing:1.6px}.window-top i{color:#9a7654;font-style:normal;white-space:nowrap}
.cafe-kicker{font-size:calc(8px + 2pt);letter-spacing:1.6px;margin:23px 0 9px}.cafe-news h1,.cafe-scene-card h1{font:calc(clamp(27px,2.7vw,43px) + 2pt)/1.05 Georgia,serif;margin:0 0 20px;letter-spacing:-1px}.cafe-news h1 em{font-style:italic;color:#9f6456}.cafe-news h1>span{display:block;font:calc(10px + 2pt) Arial,sans-serif;letter-spacing:1.5px;margin-top:13px}
.news-item{display:block;color:inherit;text-decoration:none;border-top:1px solid #624c3430;padding:17px 0;transition:padding-left .2s}.news-item:hover{padding-left:5px}.news-item time{font-size:calc(9px + 2pt);letter-spacing:1.2px;color:#795943}.news-item h2{font-size:calc(12px + 2pt);line-height:1.7;margin:6px 0 0;font-weight:500}.news-item p{font-size:calc(10px + 2pt);line-height:1.7;margin:4px 0 0;color:#725744}
.news-social{display:flex;justify-content:space-between;padding:13px 0;font-size:calc(11px + 2pt);color:#624337;border-top:1px solid #624c3430;text-decoration:none}.news-sign{margin-top:14px;font:italic calc(12px + 2pt) Georgia,serif;color:#8d6954}
.cafe-welcome{position:absolute;left:29px;bottom:92px;pointer-events:none;color:#fff8eb;text-shadow:0 2px 10px #4c3027}.cafe-welcome>span{font-size:calc(8px + 2pt);letter-spacing:2.5px}.cafe-welcome p{font:calc(20px + 2pt)/1.7 Georgia,'Yu Mincho',serif;margin:8px 0 0}
.cafe-dock{position:absolute;bottom:21px;left:50%;transform:translateX(-50%);display:flex;gap:3px;padding:7px 10px;border:1px solid #fff8e8a3;border-radius:50px;background:#fff6e7c4;backdrop-filter:blur(18px);box-shadow:0 6px 26px #462c2726;z-index:6}
.cafe-dock button{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#684a38;font:calc(18px + 2pt) Georgia,serif;border-radius:30px;padding:11px 14px;cursor:pointer;white-space:nowrap;transition:background .25s,transform .25s}.cafe-dock button span{font:calc(10px + 2pt) Arial,sans-serif}.cafe-dock button:hover{background:#fff9ed;transform:translateY(-2px)}.cafe-dock button[aria-current=page]{background:#78503d;color:#fff5e9}
.cafe-detail{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.045);transition:opacity 650ms ease,transform 1100ms cubic-bezier(.22,.65,.16,1);pointer-events:none}
.cafe-detail.visible{opacity:1;transform:scale(1)}
.cafe-experience[data-travel] .cafe-news,.cafe-experience[data-travel] .cafe-welcome,.cafe-experience[data-travel] .cafe-hotspots{visibility:hidden;pointer-events:none}
.cafe-back,.cafe-scene-card button{border:1px solid #fff9ecad;background:#fff8e9cd;border-radius:30px;padding:12px 20px;cursor:pointer;color:#634736;font-size:calc(11px + 2pt);pointer-events:auto;backdrop-filter:blur(10px)}
.cafe-scene-card{position:absolute;right:2.4%;bottom:115px;width:25%;padding:24px;border-radius:22px;box-sizing:border-box;animation:cafe-card-in .6s both}.cafe-scene-card .cafe-kicker{margin:0 0 12px;display:block}.cafe-scene-card h1{font-size:calc(37px + 2pt);margin-bottom:12px}.cafe-scene-card p{font-size:calc(12px + 2pt);line-height:1.9;margin-bottom:17px}.cafe-scene-card button{background:#76523f;color:#fff6e9;border-color:transparent}.cafe-experience[data-view=home] .cafe-back{display:none}
.cafe-experience:not([data-view=home]) .cafe-news,.cafe-experience:not([data-view=home]) .cafe-welcome{opacity:0;transform:translateY(12px);pointer-events:none;visibility:hidden}.cafe-experience:not([data-view=home]) .cafe-hotspots{visibility:hidden}
@keyframes cafe-card-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
.cafe-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.cafe-sheet{position:fixed;inset:max(84px,7vh) 5vw 100px;z-index:40;border:1px solid #fff8ec;border-radius:24px;background:rgba(251,245,234,.5);box-shadow:0 14px 50px #30251d30;overflow:auto;overscroll-behavior:contain;backdrop-filter:blur(6px)}
.sheet-toolbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:17px 28px;background:transparent;backdrop-filter:blur(8px);border-bottom:1px solid #6a4a3526}.sheet-toolbar h2{font:calc(24px + 2pt) Georgia,serif;margin:0}.sheet-toolbar button{border:1px solid #9274595c;border-radius:30px;padding:8px 16px;background:transparent;color:#644832;cursor:pointer}
#sheetBody>.room{min-height:0;padding:35px 5%;background:transparent;overflow:hidden;opacity:1;transform:none}#sheetBody .room-body{max-width:1100px;margin:auto}#sheetBody .room-foot,#sheetBody .room-decor{display:none}#sheetBody .room-head{margin-bottom:25px}#sheetBody .room-head h2{font-size:calc(clamp(25px,4vw,48px) + 2pt)}#sheetBody .about-layout{padding:30px;display:block}#sheetBody .about-layout>div:first-child{display:none}#sheetBody .room-copy{font-size:calc(13px + 2pt)}
[hidden]{display:none!important}
@media(min-width:760px) and (max-height:700px){.cafe-news{top:7%;max-height:77%;padding:17px 20px}.news-item{padding:10px 0}.cafe-news h1{margin-bottom:12px}.cafe-kicker{margin-top:15px}.cafe-welcome{bottom:90px}}
@media(max-width:759px){.cafe-experience{background:linear-gradient(#e7d7bd,#bda080)}.cafe-topbar{top:17px;left:18px;right:18px}.cafe-wordmark,.cafe-experience[data-view=home] .cafe-wordmark{font-size:calc(24px + 2pt);opacity:1;visibility:visible;color:#704c36;text-shadow:none}.cafe-wordmark small{font-size:calc(7px + 2pt)}.cafe-news{top:auto;bottom:94px;left:16px;right:16px;width:auto;max-height:30%;padding:15px 20px;border-radius:19px}.cafe-news .cafe-kicker,.cafe-news .news-sign{display:none}.window-top{padding-bottom:9px}.cafe-news h1{font-size:calc(27px + 2pt);display:flex;align-items:center;gap:7px;margin:12px 0}.cafe-news h1>span{font-size:calc(8px + 2pt);margin:0 0 0 auto;letter-spacing:0}.news-item{padding:10px 0}.news-item h2{font-size:calc(11px + 2pt)}.news-item p{font-size:calc(10px + 2pt)}.news-item:nth-child(n+2){display:none}.news-social{font-size:calc(10px + 2pt);padding:10px 0 0}.cafe-welcome{display:none}.cafe-dock{bottom:19px;width:calc(100% - 28px);box-sizing:border-box;justify-content:space-around;padding:6px}.cafe-dock button{flex-direction:column;gap:3px;padding:8px 9px;font-size:calc(19px + 2pt)}.cafe-dock button span{font-size:calc(8px + 2pt)}.click-bubble{font-size:calc(12px + 2pt);padding:5px 9px;top:-22px}.click-bubble small{font-size:calc(7px + 2pt);letter-spacing:0}.cafe-hotspot{border-width:1.5px}.spot-phone .click-bubble{left:85%;top:-8px}.spot-awards .click-bubble{left:105%;top:45%}.spot-menu .click-bubble{left:77%;top:0}.cafe-detail{background-size:contain;background-repeat:no-repeat;background-color:#c4aa88}.cafe-scene-card{right:16px;left:16px;width:auto;bottom:100px;padding:19px 22px}.cafe-scene-card h1{font-size:calc(29px + 2pt)}.cafe-scene-card p{font-size:calc(11px + 2pt);margin:7px 0 13px}.cafe-scene-card .cafe-kicker{margin-bottom:7px}.cafe-sheet{inset:90px 10px 100px;border-radius:18px}.sheet-toolbar{padding:14px 18px}#sheetBody>.room{padding:25px 14px}.cafe-back{padding:10px 13px;font-size:calc(10px + 2pt)}}
@media(max-width:759px){.cafe-experience:before{opacity:.16;filter:blur(28px)}}
@media(prefers-reduced-motion:reduce){.cafe-world,.cafe-detail,.cafe-news{transition:none}.click-bubble,.cafe-scene-card{animation:none}}
/* Contact body: white lettering with a soft shadow falling down and right. */
#sheetBody #contact :is(.room-copy,.content-card p,.contact-link){color:#fff!important;text-shadow:1px 2px 1px #392416c7,3px 4px 5px #392416a6,5px 6px 12px #3924164d;font-weight:500}
#sheetBody #contact .contact-link{border-color:#fff9e582;background:#52372412!important}
#sheetBody #contact .contact-link:hover,#sheetBody #contact .contact-link:focus-visible{background:#52372438!important;border-color:#fff9e5c7}