.rooms-intro{padding:3rem 0 0;text-align:center}@media(min-width:768px){.rooms-intro{padding-top:4rem}}.rooms-tabs{display:grid;grid-template-columns:repeat(3,1fr);max-width:46rem;margin:0 auto;border:1px solid #e5e7eb;border-radius:.125rem;overflow:hidden;background-color:#fff}.rooms-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.85rem .4rem;border-left:1px solid #e5e7eb;color:#2a2945;transition:background-color .3s ease,color .3s ease}.rooms-tab:first-child{border-left:none}@media(min-width:640px){.rooms-tab{padding:1rem .75rem;gap:.4rem}}.rooms-tab-no{font-family:Zen Old Mincho,serif;font-size:.625rem;letter-spacing:.25em;font-weight:700;color:#e09b38;transition:color .3s ease}.rooms-tab-name{font-family:Zen Old Mincho,serif;font-size:.75rem;line-height:1.4;text-align:center}@media(min-width:640px){.rooms-tab-name{font-size:.9375rem}}.rooms-tab:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background-color:#e09b38;transform:scaleX(0);transition:transform .35s cubic-bezier(.16,1,.3,1)}.rooms-tab:hover{background-color:#faf7f2}.rooms-tab:hover:after{transform:scaleX(1)}.rooms-tab.is-current{background-color:#2a2945;color:#fff}.rooms-tab.is-current:after{transform:scaleX(1)}.room-block{position:relative;margin-top:4.5rem;scroll-margin-top:5.5rem}@media(min-width:1024px){.room-block{display:grid;grid-template-columns:57fr 43fr;align-items:center;margin-top:9rem}.room-block .room-visual{grid-column:1;grid-row:1}.room-block .room-body{grid-column:2;grid-row:1}.room-block.is-flipped{grid-template-columns:43fr 57fr}.room-block.is-flipped .room-visual{grid-column:2}.room-block.is-flipped .room-body{grid-column:1}}.room-visual{position:relative}.room-main{position:relative;aspect-ratio:4 / 3;overflow:hidden;background-color:#e5e7eb}@media(min-width:1024px){.room-main{aspect-ratio:auto;height:70vh;min-height:30rem;max-height:44rem}}.room-main img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 1.6s cubic-bezier(.16,1,.3,1)}.room-block.is-visible .room-main img{transform:scale(1)}.room-thumbs{position:absolute;display:flex;gap:.5rem;left:.75rem;right:.75rem;bottom:3.5rem;z-index:3}@media(min-width:1024px){.room-thumbs{left:1.25rem;right:auto;bottom:1.25rem;max-width:calc(100% - 8rem)}.room-block.is-flipped .room-thumbs{left:auto;right:1.25rem}}.room-thumb{flex:1 1 0;min-width:0;aspect-ratio:4 / 3;overflow:hidden;border:1px solid transparent;filter:brightness(.5);border-color:#ffffff59;transition:filter .3s ease,border-color .3s ease;cursor:pointer;padding:0;background:none;box-shadow:0 6px 18px -8px #0009}@media(min-width:1024px){.room-thumb{flex:0 1 5.5rem}}.room-thumb img{width:100%;height:100%;object-fit:cover;display:block}.room-thumb:hover{filter:brightness(.8)}.room-thumb.is-current{filter:none;border-color:#e09b38}.room-body{position:relative;z-index:2;background-color:#fff;margin:-2rem 1.25rem 0;padding:2rem 1.5rem}@media(min-width:1024px){.room-body{margin:0 3rem 0 -6rem;padding:3.5rem 3rem;box-shadow:0 40px 70px -40px #2a294573}.room-block.is-flipped .room-body{margin:0 -6rem 0 3rem}}@media(min-width:1280px){.room-body{margin-right:5rem;margin-left:-7rem;padding:4rem 3.5rem}.room-block.is-flipped .room-body{margin:0 -7rem 0 5rem}}.room-no-big{position:absolute;top:.5rem;right:1.25rem;font-family:Zen Old Mincho,serif;font-size:4.5rem;line-height:1;color:#2a2945;opacity:.06;pointer-events:none;user-select:none}@media(min-width:1024px){.room-no-big{font-size:7rem;top:1rem;right:1.75rem}}.room-no{color:#e09b38;letter-spacing:.3em;font-size:.75rem;font-weight:700;display:block;margin-bottom:.75rem}.room-name{font-family:Zen Old Mincho,serif;font-size:1.75rem;font-weight:500;color:#2a2945;line-height:1.3;position:relative}@media(min-width:768px){.room-name{font-size:2.25rem}}.room-kana{font-size:.75rem;letter-spacing:.2em;color:#6b7280;margin-top:.5rem}.room-rule{width:3rem;height:1px;background-color:#e09b3899;margin:1.5rem 0}.room-desc{color:#4b5563;font-size:.875rem;line-height:2.1;margin-bottom:2rem}.room-spec{border-top:1px solid #e5e7eb}.room-spec>div{display:grid;grid-template-columns:6.5rem 1fr;gap:1rem;padding:.75rem 0;border-bottom:1px solid #e5e7eb;align-items:start}.room-spec dt{display:flex;align-items:center;gap:.5rem;color:#2a2945;font-size:.8125rem;font-weight:500}.room-spec dt svg{width:1rem;height:1rem;color:#e09b38;flex-shrink:0}.room-spec dd{color:#4b5563;font-size:.8125rem;line-height:1.8}.room-block.reveal-section{opacity:1;transform:none;filter:none}.room-visual,.room-body{opacity:0;transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1)}.room-visual{transform:translate(-2.5rem)}.room-block.is-flipped .room-visual{transform:translate(2.5rem)}.room-body{transform:translateY(2.5rem);transition-delay:.25s}.room-block.is-visible .room-visual,.room-block.is-visible .room-body{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.room-visual,.room-body{opacity:1;transform:none;transition:none}.room-main img{transform:none;transition:none}}.rooms-cta{max-width:48rem;margin:5rem auto 0;text-align:center}@media(min-width:768px){.rooms-cta{margin-top:7rem}}.page-hero-img{background-image:url(/img/sl_03.jpg);background-size:cover;background-position:center;background-attachment:fixed}