#experience #hotspots .hotspot.by-wayfinding{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;width:80px;min-width:80px;max-width:80px;height:76px;min-height:76px;padding:8px 4px;border:1px solid #b6b29b;border-radius:2px;background:#172017ed;color:#f3eedb;box-shadow:0 3px 8px #0005;white-space:normal;text-align:center;line-height:1.15;letter-spacing:0;transform:translate(-50%,-50%)}#experience #hotspots .hotspot.by-wayfinding>svg{display:block;flex:none;width:36px;height:36px;margin:0;color:inherit;pointer-events:none}#experience #hotspots .hotspot.by-wayfinding>.by-wayfinding-label{display:block;flex:none;font:600 12px/1.2 Arial,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;letter-spacing:0;color:inherit;white-space:nowrap;pointer-events:none}#experience #hotspots .hotspot.by-wayfinding:before{left:50%;height:6px;background:#b6b29b}#experience #hotspots .hotspot.by-wayfinding:hover{background:#2b3528;color:#fff9e8;border-color:#eee6c9}#experience #hotspots .hotspot.by-wayfinding:focus-visible{outline:3px solid #f1dfac;outline-offset:4px;background:#2b3528}@media(max-width:760px){#experience #hotspots .hotspot.by-wayfinding{width:68px;min-width:68px;max-width:68px;height:66px;min-height:66px;padding:6px 3px;gap:3px}#experience #hotspots .hotspot.by-wayfinding>svg{width:32px;height:32px}#experience #hotspots .hotspot.by-wayfinding>.by-wayfinding-label{font-size:11px}}@media(max-width:360px){#experience #hotspots .hotspot.by-wayfinding{width:62px;min-width:62px;max-width:62px;height:62px;min-height:62px}#experience #hotspots .hotspot.by-wayfinding>svg{width:30px;height:30px}#experience #hotspots .hotspot.by-wayfinding>.by-wayfinding-label{font-size:10px}}body.immersive:not(.outside) #experience{display:grid;grid-template-rows:auto minmax(360px,1fr) auto auto;overflow-x:hidden;overflow-y:auto;align-content:start;background:#10150f}body.immersive:not(.outside) #experience>.experience-header{grid-row:1;position:relative;inset:auto;min-width:0;background:#10150f;padding:20px 4%}body.immersive:not(.outside) #experience>#viewport{grid-row:2;position:relative;inset:auto;min-width:0;min-height:360px}body.immersive:not(.outside) #experience>.cinematic-shade{display:none}body.immersive:not(.outside) #experience>#interior-controls{grid-row:3;position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 24px;padding:18px 4% 10px;background:#10150f;min-width:0}body.immersive:not(.outside) #experience .room-caption{position:static;inset:auto;display:block;min-width:0;pointer-events:auto}body.immersive:not(.outside) #experience .room-caption h1{font-size:22px;line-height:1.4;margin:4px 0;overflow-wrap:anywhere}body.immersive:not(.outside) #experience .room-caption p{max-width:none;font-size:13px;line-height:1.6;margin:0;overflow-wrap:anywhere}body.immersive:not(.outside) #experience .room-caption .eyebrow{font-size:10px;line-height:1.5;overflow-wrap:anywhere}body.immersive:not(.outside) #experience .look-controls{position:static;inset:auto;transform:none;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px 12px;align-content:center;max-width:300px;min-width:0;margin:0}body.immersive:not(.outside) #experience .look-controls #look-hint{position:static;inset:auto;transform:none;display:block;grid-column:1/-1;grid-row:1;text-align:center;white-space:normal;line-height:1.5;font-size:12px}body.immersive:not(.outside) #experience .look-controls button{grid-row:2;min-height:44px}body.immersive:not(.outside) #experience .look-controls #look-left{grid-column:1}body.immersive:not(.outside) #experience .look-controls #toggle-view{grid-column:2}body.immersive:not(.outside) #experience .look-controls #look-right{grid-column:3}body.immersive:not(.outside) #experience .room-nav{position:static;inset:auto;transform:none;grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:center;width:100%;max-width:none;gap:4px;margin:0;white-space:normal}body.immersive:not(.outside) #experience .room-nav button{min-height:44px;white-space:normal;line-height:1.4;padding:8px 12px}body.immersive:not(.outside) #experience>.experience-foot{position:static;inset:auto;grid-row:4;display:flex;gap:12px;flex-wrap:wrap;padding:8px 4% max(20px,env(safe-area-inset-bottom));background:#10150f}#experience #hotspots .hotspot:not(.by-wayfinding):not(.k-room-board){max-width:200px;white-space:normal;overflow-wrap:anywhere;line-height:1.4}#experience #hotspots .hotspot>span{min-width:0}@media(max-width:760px){body.immersive:not(.outside) #experience>.experience-header{padding:18px 16px 14px;min-height:116px;grid-template-columns:1fr;gap:14px}body.immersive:not(.outside) #experience .header-tools{flex-wrap:wrap;gap:8px}body.immersive:not(.outside) #experience .header-tools .lsdfs-shop-return{position:static;max-width:100%;white-space:normal;margin-right:auto;align-self:center}body.immersive:not(.outside) #experience>#interior-controls{grid-template-columns:minmax(0,1fr);padding:16px;gap:16px}body.immersive:not(.outside) #experience .look-controls{width:min(100%,300px);justify-self:center}body.immersive:not(.outside) #experience .room-nav{justify-content:flex-start}body.immersive:not(.outside) #experience .room-nav button{flex:1 1 auto;font-size:12px}#experience #hotspots .hotspot:not(.by-wayfinding):not(.k-room-board){max-width:150px;font-size:12px;padding:8px}}body.immersive:not(.outside) #experience.real-eyewear-room{grid-template-rows:auto minmax(760px,1fr) auto auto}body.immersive:not(.outside) #experience.real-eyewear-room>#viewport{min-height:760px}#experience .real-eyewear-item>span{font-size:12px;line-height:1.35;padding:5px 4px}#experience .real-eyewear-photo{min-height:32px}body.immersive:not(.outside) #experience{height:calc(100dvh - var(--by-page-top,0px))}body.immersive:not(.outside) #experience.by-preview-bar{padding-bottom:72px}body.immersive:has(#PBarNextFrame) #detail[open]{top:12px;bottom:auto;height:auto;min-height:0;max-height:calc(100dvh - 96px);margin:0 auto;overflow-y:auto;scroll-padding-top:80px;scroll-padding-bottom:24px}body.immersive #detail .dialog-body{padding-bottom:max(32px,env(safe-area-inset-bottom))}body.immersive:not(.outside) #experience.by-room-with-actions{grid-template-rows:auto auto minmax(360px,1fr) auto auto}#experience>.by-room-actions{grid-row:2;position:relative;z-index:5;display:flex;flex-wrap:wrap;gap:12px;padding:14px 4%;background:#10150f;min-width:0}body.immersive:not(.outside) #experience.by-room-with-actions>#viewport{grid-row:3}body.immersive:not(.outside) #experience.by-room-with-actions>#interior-controls{grid-row:4}body.immersive:not(.outside) #experience.by-room-with-actions>.experience-foot{grid-row:5}#experience .by-room-action{display:flex;align-items:center;gap:14px;flex:1 1 280px;max-width:560px;min-width:0;min-height:76px;padding:14px 18px;background:#263024;border:1px solid #b8a57c;color:#f6f2e6;font:inherit;text-align:left;cursor:pointer}#experience .by-room-action>svg{width:36px;height:36px;flex:none}#experience .by-room-action>span{min-width:0;display:flex;flex-direction:column;gap:5px}#experience .by-room-action strong{font-size:18px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}#experience .by-room-action small{font-size:12px;line-height:1.5;color:#d2cebe;white-space:normal}#experience .by-room-action:focus-visible{outline:3px solid #e5c58d;outline-offset:3px}body.immersive:not(.outside) #experience.by-room-with-actions.real-eyewear-room{grid-template-rows:auto auto minmax(760px,1fr) auto auto}body.immersive:not(.outside) #experience.by-kitchen-room{display:flex;flex-direction:column}body.immersive:not(.outside) #experience.by-kitchen-room>.experience-header{order:1;flex-shrink:0}body.immersive:not(.outside) #experience.by-kitchen-room>.by-room-actions{order:2;flex-shrink:0}body.immersive:not(.outside) #experience.by-kitchen-room>#viewport{order:3;flex-shrink:0}body.immersive:not(.outside) #experience.by-kitchen-room>#interior-controls{order:4;flex-shrink:0}body.immersive:not(.outside) #experience.by-kitchen-room>.experience-foot{order:5;flex-shrink:0;position:relative}body.immersive:not(.outside) #experience.by-kitchen-room>#viewport{width:100%;height:auto;min-height:0;aspect-ratio:var(--by-room-aspect,1.5);touch-action:pan-y;cursor:default}body.immersive:not(.outside) #experience.by-kitchen-room .look-controls{display:none}@media(max-width:760px){#experience>.by-room-actions{padding:12px 16px}#experience .by-room-action{flex-basis:100%;padding:12px 14px;min-height:72px}#experience .by-room-action strong{font-size:16px}}#experience #hotspots .hotspot.by-wayfinding[data-wayfinding="room:hall"]{width:140px;min-width:140px;max-width:140px}#experience #hotspots .hotspot.by-wayfinding[data-wayfinding="room:hall"]>.by-wayfinding-label{max-width:128px;white-space:normal;line-height:1.25}#experience #hotspots .hotspot.by-wayfinding[data-wayfinding="room:hall"]>svg{width:28px;height:28px}@media(max-width:760px){#experience #hotspots .hotspot.by-wayfinding[data-wayfinding="room:hall"]{width:116px;min-width:116px;max-width:116px}#experience #hotspots .hotspot.by-wayfinding[data-wayfinding="room:hall"]>.by-wayfinding-label{max-width:104px;font-size:11px}#experience #hotspots .hotspot.by-wayfinding[data-wayfinding="room:hall"]>svg{width:24px;height:24px}}body.immersive #detail[open]:has(.by-development-away){display:flex;flex-direction:column;top:0;bottom:0;height:calc(100dvh - 24px);min-height:0;max-height:calc(100dvh - 24px);margin:auto;overflow-y:auto}body.immersive #detail:has(.by-development-away)>.dialog-top{flex:0 0 auto}body.immersive #detail:has(.by-development-away)>#dialog-content{display:flex;flex:1;min-height:0}body.immersive #detail:has(.by-development-away) .dialog-body{display:grid;place-items:center;width:100%;max-width:none;min-height:0;padding:clamp(16px,4dvh,40px) 24px max(20px,env(safe-area-inset-bottom))}#detail .by-development-away{width:100%;max-width:900px;text-align:center;text-shadow:0 2px 16px #0009}#detail .by-development-away h2{font-size:clamp(25px,3.5vw,40px)!important;line-height:1.65!important;font-weight:500;letter-spacing:.04em;margin:0!important;color:#f5f0e3}#detail .by-development-away h2 span{display:inline-block}#detail .by-development-away .by-development-away-purpose{font-size:clamp(18px,2.2vw,24px)!important;line-height:1.6!important;margin:20px 0 0;color:#eee5d3}#detail .by-development-away .by-development-return-date{font-size:clamp(26px,3.4vw,38px)!important;line-height:1.45!important;letter-spacing:.05em;margin:36px 0 0;color:#e4c991}#detail .by-development-return-date time{font-variant-numeric:tabular-nums}#detail .by-development-away .by-development-opening-note{font-size:12px!important;line-height:1.6!important;margin:12px 0 0;color:#d1c9b6}#detail .by-development-away .by-development-return{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:190px;margin:30px 0 0;padding:12px 24px;background:#ddc99a;color:#1c2418;border:1px solid #ddc99a;font-size:16px;text-shadow:none}#detail .by-development-away .by-development-return:hover{background:#f0dfb4;color:#1c2418}body.immersive:has(#PBarNextFrame) #detail[open]:has(.by-development-away){top:12px;bottom:auto;height:calc(100dvh - 96px);max-height:calc(100dvh - 96px);margin:0 auto}@media(max-width:600px){body.immersive #detail:has(.by-development-away) .dialog-body{padding-left:18px;padding-right:18px}#detail .by-development-away h2{font-size:25px!important;letter-spacing:.02em}#detail .by-development-away .by-development-return-date{margin-top:28px}}@media(max-height:560px){body.immersive #detail:has(.by-development-away) .dialog-body{padding:12px 18px}#detail .by-development-away h2{font-size:24px!important;line-height:1.4!important}#detail .by-development-away .by-development-away-purpose{font-size:17px!important;margin-top:10px}#detail .by-development-away .by-development-return-date{font-size:26px!important;margin-top:16px}#detail .by-development-away .by-development-opening-note{margin-top:8px}#detail .by-development-away .by-development-return{margin-top:16px;min-height:44px;padding:8px 22px}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/lsdfs-wayfinding.css.map */