:root{font-family:Arial,'Noto Sans JP','Yu Gothic',sans-serif;color:#182d38;--ink:#182d38;--lime:#c7f36a;--paper:#f6f4ec}*{box-sizing:border-box}body{margin:0;background:var(--ink)}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer;border:0}button:focus-visible,a:focus-visible,select:focus-visible,#viewport:focus-visible{outline:3px solid #8ab438;outline-offset:3px}button:disabled{opacity:.6}a{color:inherit}button{color:inherit}[hidden]{display:none!important}#tour{height:100svh;min-height:420px;position:relative;overflow:hidden;background:#cac8bf url('models/poster.png') center/cover}#viewport{position:absolute;inset:0;touch-action:none;outline:none;cursor:grab}#viewport:active{cursor:grabbing}canvas{width:100%;height:100%;display:block}.topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:20px;padding:23px 32px;background:linear-gradient(#f6f4ecf5,#f6f4ecad,transparent);z-index:3}.brand{text-decoration:none;font-size:23px;font-weight:700;line-height:1.1}.brand>span{font-size:19px;margin-left:4px}.brand small{display:block;font-size:9px;letter-spacing:1.9px;font-weight:400;margin-top:8px}.unit{display:flex;align-items:center;gap:12px;margin-left:auto}.unit b{font-size:28px}.unit span{font-size:9px;letter-spacing:1.2px}.icon-button{background:#182d38e8;color:white;border-radius:50%;width:39px;height:39px;font-size:25px}.start-screen{position:absolute;inset:0;background:linear-gradient(90deg,#f6f4ecf5 0%,#f6f4eceb 29%,#f6f4ec77 54%,transparent 100%);z-index:2}.start-copy{position:absolute;top:25%;left:8%;max-width:600px}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:700;color:#60757e}h1{font-size:clamp(34px,4vw,60px);line-height:1.35;margin:20px 0}p{line-height:1.9}.start-copy>p{font-size:14px;margin-bottom:30px}.start-button{background:var(--ink);color:var(--lime);padding:20px 24px;font-weight:700;min-width:245px;display:flex;align-items:center;justify-content:space-between;gap:35px}.start-button>span{font-size:24px;line-height:1}.start-copy>small{display:block;font-size:10px;color:#687a80;margin-top:16px}.start-note{position:absolute;bottom:17px;left:32px;font-size:10px;color:#596b70}.viewer-ui{pointer-events:none;position:absolute;inset:0}.viewer-ui button,.viewer-ui select,.viewer-ui aside{pointer-events:auto}.mode-switch{position:absolute;top:103px;left:32px;display:flex;background:#f6f4ecef;border-radius:3px;padding:5px;box-shadow:0 4px 22px #0001}.mode-switch button{background:none;font-size:12px;padding:11px 16px;border-radius:2px}.mode-switch .active{background:var(--ink);color:var(--lime);font-weight:700}.view-label{position:absolute;top:165px;left:32px;display:grid;gap:4px;color:white;text-shadow:0 1px 9px #000b}.view-label span{letter-spacing:2px;font-size:9px}.view-label b{font-size:13px}.map-panel{position:absolute;bottom:85px;left:32px;width:225px;background:#f6f4ecef;border:1px solid #fff9;border-radius:3px;box-shadow:0 6px 25px #0001;padding:14px 10px 10px}.map-heading{display:flex;align-items:center;justify-content:space-between;padding:0 6px;font-size:9px;letter-spacing:1px}.map-heading button{font-size:21px;background:none}.map-panel svg{width:100%;display:block}.map-room{fill:#fffffa;stroke:var(--ink);stroke-width:3;stroke-linejoin:round}.map-wc{fill:#e9edde;stroke:var(--ink);stroke-width:2}.map-window{stroke:#6c9da1;stroke-width:4}.map-panel text{fill:#73828a;font-size:9px;text-anchor:middle}.map-panel text:last-of-type{font-size:18px;fill:#182d38}.map-panel p{font-size:9px;text-align:center;margin:0;color:#78888a}#position{fill:#a7cd43;stroke:#182d38;stroke-width:1}#position circle{fill:var(--ink);stroke:var(--lime);stroke-width:2}.photo-point{fill:#182d38;stroke:#fff;stroke-width:2;cursor:pointer;pointer-events:auto}.photo-point.active{fill:#a7cd43}.map-toggle{position:absolute;left:32px;bottom:46px;border-radius:3px;padding:9px 12px;background:#f6f4ecef;font-size:11px}.quick-views,.photo-navigation{position:absolute;bottom:54px;left:50%;transform:translateX(-50%);display:flex;gap:5px;padding:5px;background:#f6f4eced;border-radius:3px;box-shadow:0 4px 20px #0001;white-space:nowrap}.quick-views button{padding:12px 16px;background:transparent;font-size:12px}.quick-views button:hover{background:var(--ink);color:var(--lime)}.photo-navigation{align-items:center;gap:10px}.photo-navigation label{font-size:9px;color:#667e85;display:flex;align-items:center;gap:10px}.photo-navigation select{background:#fff;border:1px solid #dee2d8;padding:9px 24px 9px 9px;max-width:190px;font-size:11px;color:var(--ink)}.photo-navigation button{background:var(--ink);color:var(--lime);width:32px;height:32px}.move-pad{position:absolute;right:32px;bottom:54px;display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:4px}.move-pad button{background:#f6f4ecef;box-shadow:0 2px 15px #0001;font-size:24px;border-radius:3px;touch-action:none;user-select:none}.move-pad button:first-child{grid-column:2}.move-pad button:nth-child(2){grid-column:1;grid-row:2}.move-pad button:nth-child(3){grid-column:2;grid-row:2}.move-pad button:nth-child(4){grid-column:3;grid-row:2}.move-pad button.held{background:var(--ink);color:var(--lime)}.bottom-note{position:absolute;bottom:0;left:0;right:0;min-height:34px;padding:9px 32px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#182d38e8;color:#f6f4ec;font-size:9px;letter-spacing:.5px}.bottom-note button{background:none;color:var(--lime);font-size:10px;white-space:nowrap}.loading,.error{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--paper);padding:30px 40px;text-align:center;box-shadow:0 12px 60px #0004;width:max-content;max-width:90%;border-radius:3px}.loading p{font-size:13px}.loading-ring{display:block;width:28px;height:28px;margin:auto;border:3px solid #d9dfcf;border-top-color:#a0c83c;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error h2{font-size:17px}.error p{font-size:12px}.error button,.error a{display:block;padding:13px;background:var(--ink);color:var(--lime);font-size:12px;text-decoration:none;margin:10px 0}dialog{border:0;border-radius:4px;padding:40px;max-width:520px;width:90%;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#182d38a8}dialog h2{font-size:23px}dialog dt{font-size:12px;font-weight:700;margin-top:19px}dialog dd{font-size:12px;margin:6px 0;line-height:1.8}dialog p{font-size:11px;color:#6c7d83;border-top:1px solid #d7ddd6;padding-top:17px}#help-close{position:absolute;top:12px;right:14px;background:none;font-size:25px}body.embed .topbar{padding:20px 25px}body.embed .start-copy{top:24%;left:7%}body.embed h1{font-size:42px}body.embed .start-note{display:none}
@media(max-width:900px){.quick-views,.photo-navigation{left:48%;bottom:54px}.quick-views button{padding:12px 10px}.map-panel{width:180px;bottom:92px}.move-pad{right:20px}.map-toggle{left:20px}.map-panel{left:20px}.topbar{padding:22px 20px}.mode-switch,.view-label{left:20px}.unit span{display:none}}
@media(max-width:600px){#tour{min-height:520px}.topbar,body.embed .topbar{padding:18px 18px}.brand{font-size:19px}.brand>span{font-size:16px}.brand small{font-size:7px;letter-spacing:1.3px}.unit b{font-size:23px}.topbar{gap:13px}.icon-button{width:33px;height:33px;font-size:23px}.start-screen{background:linear-gradient(90deg,#f6f4ecef,#f6f4ecb8)}.start-copy,body.embed .start-copy{top:27%;left:8%;right:6%}.start-copy h1,body.embed h1{font-size:36px}.start-copy>p{font-size:12px}.start-copy>small{font-size:9px}.start-note{font-size:8px;left:18px;bottom:10px;right:18px}.mode-switch{top:85px;left:18px}.mode-switch button{padding:10px 12px;font-size:11px}.view-label{top:141px;left:18px}.map-panel{width:170px;left:18px;bottom:180px;padding:8px;max-height:230px}.map-toggle{left:18px;bottom:132px;font-size:10px}.quick-views{left:18px;right:18px;bottom:80px;transform:none;justify-content:space-between;gap:0}.quick-views button{padding:10px 14px;font-size:11px}.move-pad{bottom:134px;right:18px;grid-template-columns:repeat(3,39px);grid-template-rows:repeat(2,39px)}.move-pad button{font-size:22px}.bottom-note{padding:11px 18px;bottom:0;font-size:8px;min-height:46px;align-items:start}.bottom-note>span{max-width:200px;line-height:1.8}.photo-navigation{left:18px;right:18px;bottom:82px;transform:none;justify-content:space-between}.photo-navigation select{max-width:175px}.map-panel p{font-size:8px}.loading{padding:25px;width:85%}dialog{padding:30px}dialog h2{font-size:20px}}

.floor-switch{display:flex;gap:3px;margin-left:auto;background:#f6f4eced;padding:4px;border-radius:3px;white-space:nowrap}.floor-switch a{padding:8px 12px;text-decoration:none;font-size:14px}.floor-switch a[aria-current=page]{background:#182d38;color:#c7f36a}.floor-switch+.unit{margin-left:0}@media(max-width:600px){.floor-switch a{font-size:12px;padding:7px 8px}.topbar,body.embed .topbar{gap:8px}.brand small{display:none}.brand>span{display:block;margin:3px 0 0;font-size:14px}.unit b{font-size:20px}}
body.embed .floor-switch{display:none}