html{scroll-behavior:smooth;scroll-padding-top:20px}.roughbar,.rough-bar{height:33px;min-height:33px;padding:0 22px;font-size:10px;line-height:1.2;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.roughbar span,.rough-bar>span{white-space:nowrap}.rough-bar a{white-space:nowrap}.shell{max-width:none;margin:0;box-shadow:none}.photo-hero{position:relative;isolation:isolate;width:100%;height:calc(100svh - 33px);min-height:650px;max-height:none;overflow:hidden;background:#33251b;color:#fff9ec}.photo-main-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.photo-hero:after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(20,10,0,.42),transparent 27%,transparent 58%,rgba(20,10,0,.62))}.photo-header{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 4vw;background:none;color:#fff9ec;border:0;z-index:2}.photo-brand{display:flex;gap:14px;align-items:center;color:#fff9ec;text-decoration:none}.photo-brand>img{width:35px;height:57px;object-fit:contain;filter:none}.photo-brand>span{font:25px Georgia,'Times New Roman',serif;letter-spacing:.1em;font-weight:600;line-height:1.1}.photo-brand small{display:block;font:9px Arial,sans-serif;letter-spacing:.18em;margin-top:8px}.photo-header nav{display:flex;align-items:center;gap:32px;font:12px 'Yu Gothic','Meiryo',sans-serif}.photo-header nav a{color:inherit;padding:9px 0;white-space:nowrap}.photo-header nav .photo-booking{padding:10px 18px;border:1px solid #fff7dcb3;background:rgba(38,24,10,.12)}.photo-copy{position:absolute;bottom:75px;left:5vw;right:5vw;max-width:1000px;text-shadow:0 2px 10px #10060090}.photo-copy>p{font:10px Arial,sans-serif;letter-spacing:.13em;margin:0 0 14px}.photo-copy h1{font:500 clamp(26px,3vw,42px)/1.5 'Yu Mincho','Hiragino Mincho ProN',serif;letter-spacing:.06em;color:#fff9ec;margin:0}.photo-copy>a{display:inline-flex;gap:45px;padding:12px 0 8px;margin-top:20px;border-bottom:1px solid #fff5dd8c;color:#fff9ec;font-size:12px;text-decoration:none}.photo-scroll{position:absolute;right:4vw;bottom:28px;color:#fff9ec;font:10px 'Yu Gothic','Meiryo',sans-serif;display:flex;gap:25px;align-items:center}.photo-story-anchor{height:0;scroll-margin-top:0}.a-hero,.b-top,.c-hero,.sky,.album,.feast{display:none!important}.photo-palm-interlude{min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:50px 20px;color:#234733;background:linear-gradient(90deg,#fcfcefb0,#fcfcef90),url('./assets/palms.jpg') center 52%/cover}.photo-palm-interlude h2{font:500 28px/1.7 'Yu Mincho','Hiragino Mincho ProN',serif;letter-spacing:.1em;margin:0}.photo-palm-interlude p{margin-top:16px;font-size:12px}.photo-hero a:focus-visible{outline:2px solid #fff4d8;outline-offset:6px}body[data-rough="parent-1"] .photo-header{background:linear-gradient(#34231435,transparent)}body[data-rough="parent-3"] .photo-main-image{object-position:center 55%}body[data-rough="astra-3"] .photo-copy h1{font-family:'Yu Gothic','Meiryo',sans-serif;font-weight:600}body[data-rough="astra-3"] .photo-main-image{object-position:center 50%}
@media(max-width:850px){.photo-header{padding:20px 25px;gap:15px}.photo-brand>span{font-size:20px}.photo-header nav{gap:20px}.photo-header nav a:first-child{display:none}}
@media(max-width:600px){.roughbar,.rough-bar{height:auto;min-height:33px;padding:8px 12px;font-size:9px}.roughbar span,.rough-bar>span{white-space:normal}.roughbar>a,.rough-bar>a{white-space:nowrap}.photo-hero{height:calc(100svh - 40px);min-height:620px;max-height:none}.photo-header{align-items:flex-start;padding:18px 20px}.photo-brand{gap:8px}.photo-brand>img{width:24px;height:39px}.photo-brand>span{font-size:15px;letter-spacing:.05em}.photo-brand small{font-size:7px;letter-spacing:.08em;margin-top:6px}.photo-header nav{font-size:10px;gap:10px}.photo-header nav a:not(.photo-booking){display:none}.photo-header nav .photo-booking{padding:9px 10px}.photo-copy{left:25px;right:25px;bottom:75px}.photo-copy>p{font-size:8px;letter-spacing:.07em}.photo-copy h1{font-size:25px;line-height:1.7}.photo-copy>a{font-size:11px;margin-top:16px}.photo-scroll{right:23px;bottom:23px;font-size:9px}.photo-main-image{object-position:center}.photo-palm-interlude{min-height:245px}.photo-palm-interlude h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.photo-mobile-break{display:none}@media(max-width:600px){.photo-mobile-break{display:block}}

.photo-mosaic{position:absolute;inset:0;z-index:-3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));background:#5b3a22}.photo-mosaic svg{display:block;width:100%;height:100%;min-width:0;min-height:0}.photo-mosaic image{image-rendering:auto}@media(max-aspect-ratio:1/1){.photo-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}}

/* 確認用バナー撤去後も画面高を維持。 */
.photo-hero{height:100svh}
@media(max-width:600px){.photo-hero{height:100svh}}

/* Use ordinary images for the same full-screen collage crops across browsers. */
.photo-mosaic{--mosaic-rows:2;--mosaic-height:max(100svh,650px)}
.photo-mosaic>div{position:relative;overflow:hidden;min-width:0;min-height:0;--photo-x:-50%;--photo-y:-25%}
.photo-mosaic>div:nth-child(3n+1){--photo-x:-16.6666666667%}
.photo-mosaic>div:nth-child(3n){--photo-x:-83.3333333333%}
.photo-mosaic>div:nth-child(n+4){--photo-y:-75%}
.photo-mosaic>div>img{position:absolute;left:50%;top:50%;display:block;width:max(300%,calc(var(--mosaic-height) / var(--mosaic-rows) * 3.9078341013824884));max-width:none;height:auto;transform:translate(var(--photo-x),var(--photo-y))}
@media(max-aspect-ratio:1/1){.photo-mosaic{--mosaic-rows:3}}
@media(max-width:600px){.photo-mosaic{--mosaic-height:max(100svh,620px)}}