:root{--iv:#F5F1E8;--ch:#2E2A27;--gg:#DCD5C7;--ac:#9A8B78;--e:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{background:var(--iv);color:var(--ch);font:13px/2.1 "Noto Sans JP",sans-serif;letter-spacing:.07em;overflow-x:hidden}
img{display:block;width:100%;height:100%;object-fit:cover;background:var(--gg)}a{color:inherit;text-decoration:none}ul{list-style:none}
.en{font-family:"Cormorant Garamond",serif;font-weight:400;letter-spacing:.06em;line-height:1}
.ser{font:400 clamp(18px,2.2vw,24px)/1.9 "Noto Serif JP",serif;margin:28px 0 18px}
h2.en{font-size:clamp(64px,11vw,150px);color:#E3DCCD;margin-bottom:-.2em;position:relative}
.w{max-width:1200px;margin:auto;padding:0 24px}section{padding:clamp(80px,12vw,160px) 0;position:relative}
.hd{position:fixed;inset:0 0 auto;z-index:9;display:flex;justify-content:space-between;align-items:center;padding:16px 32px;transition:.6s var(--e)}
.hd.on{background:rgba(245,241,232,.93);backdrop-filter:blur(8px);padding:10px 32px}
.logo{font-size:32px}.logo small{display:block;font:9px "Noto Sans JP";letter-spacing:.35em;margin-top:4px}
.hd nav a{font-size:11px;letter-spacing:.14em;margin-left:26px;position:relative}
.hd nav a:after{content:"";position:absolute;left:0;bottom:-4px;height:1px;width:0;background:currentColor;transition:.5s var(--e)}
.hd nav a:hover:after{width:100%}
.hd nav .rs{border:1px solid var(--ch);padding:7px 18px}.hd nav .rs:after{display:none}.hd nav .rs:hover{background:var(--ch);color:var(--iv)}
.hero{height:100svh;padding:0;overflow:hidden}.hero img{animation:zm 2.8s var(--e) both}
@keyframes zm{from{transform:scale(1.14);opacity:0}to{transform:none;opacity:1}}
.sc{position:absolute;left:50%;bottom:0;font-size:10px;letter-spacing:.3em;color:#fff;writing-mode:vertical-rl;padding-bottom:70px;transform:translateX(-50%)}
.sc:after{content:"";position:absolute;bottom:0;left:50%;width:1px;height:56px;background:#fff;animation:ln 2.2s var(--e) infinite}
@keyframes ln{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.rv{opacity:0;transform:translateY(32px);transition:1s var(--e)}.rv.in{opacity:1;transform:none}
.ph{overflow:hidden;background:var(--gg)}.ph img{transform:scale(1.18);transition:1.8s var(--e)}.rv.in .ph img,.ph.rv.in img{transform:none}
.lk{display:inline-block;font-size:11px;letter-spacing:.16em;border:1px solid var(--ch);padding:10px 30px;margin-top:20px;transition:.5s var(--e)}
.lk:after{content:" →";display:inline-block;transition:.5s var(--e)}.lk:hover{background:var(--ch);color:var(--iv)}.lk:hover:after{transform:translateX(6px)}
.cg,.ag{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center}
.cg .ph.a{aspect-ratio:3/4;border-radius:999px 999px 0 0}.cg .sub{position:absolute;width:38%;aspect-ratio:1;right:-4%;bottom:-8%;border:8px solid var(--iv)}.cg .pw{position:relative}
.sty{background:#E8E1D2}.sg{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px}
.sg figure:nth-child(3n+2){margin-top:70px}.sg .ph{aspect-ratio:3/4}.sg img{transition:1.2s var(--e)}.sg figure:hover img{transform:scale(1.06)!important}
.sg figcaption{font-size:11px;margin-top:8px;color:#6b6258}.sg figcaption b{font:400 15px "Cormorant Garamond",serif;margin-right:10px;color:var(--ac)}
.ft{display:flex;gap:6px 22px;flex-wrap:wrap;margin-top:40px}.ft button{background:none;border:0;border-bottom:1px solid transparent;font:11px "Noto Sans JP";letter-spacing:.16em;color:var(--ch);padding:2px 0;cursor:pointer}.ft .on{border-color:var(--ch)}
.sg figure.h{display:none}.sg figure.f{animation:fi .9s var(--e) both}@keyframes fi{from{opacity:0;transform:translateY(24px)}}
.band{height:75vh;padding:0;background:var(--gg) center/cover fixed}
.ag .ph.b{aspect-ratio:4/5}
.mn li{display:flex;justify-content:space-between;border-bottom:1px solid var(--gg);padding:14px 0}.mn b{font:400 18px "Cormorant Garamond",serif;margin-right:14px;color:var(--ac)}
.note{font-size:11px;color:#6b6258;margin-top:14px}
.rsv{background:#cfc6b4 center/cover;text-align:center;padding:clamp(100px,14vw,200px) 0}.rsv .bx{background:rgba(255,255,255,.88);max-width:640px;margin:auto;padding:70px 30px}
.rsv h2{font-size:clamp(34px,5vw,56px);margin:0 0 20px;color:var(--ch)}.rsv .lk.p{background:var(--ch);color:var(--iv);padding:16px 40px}.rsv .lk.p:hover{background:var(--ac);border-color:var(--ac)}.rsv .lk{margin:10px 6px 0}
.nw li{display:flex;gap:28px;padding:20px 0;border-bottom:1px solid var(--gg)}.nw span{font-size:11px;color:var(--ac);min-width:92px}.nw em{font-style:normal;font-size:10px;min-width:96px}
.bg3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px}.bg3 .ph{aspect-ratio:1}.bg3 small{display:block;color:var(--ac);font-size:10px;margin:12px 0 2px}.bg3 p{line-height:1.8}
.ac{display:grid;grid-template-columns:1fr 1.2fr;gap:50px}.ac iframe{width:100%;height:100%;min-height:360px;border:0;filter:grayscale(.5) sepia(.15)}.ac dt{font-size:10px;color:var(--ac);margin-top:16px}
.ph.x{aspect-ratio:16/9;margin-bottom:34px}
.ft2{background:var(--ch);color:var(--iv);padding:70px 0 40px;font-size:11px}.ft2 .w{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}.ft2 a{display:block;letter-spacing:.14em}.ft2 p{margin-top:16px;opacity:.7}
.bn{display:none}.pg{padding-top:150px}
@media(max-width:768px){.hd{padding:12px 20px}.hd nav{display:none}.cg,.ag,.ac{grid-template-columns:1fr}.sg{grid-template-columns:repeat(2,1fr);gap:12px}.sg figure:nth-child(3n+2){margin-top:0}.sg figure:nth-child(even){margin-top:40px}.bg3{grid-template-columns:1fr}.band{background-attachment:scroll;height:60vh}.nw li{flex-wrap:wrap;gap:4px 14px}.cg .sub{right:0}
.bn{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:9;height:60px;background:var(--iv);border-top:1px solid var(--gg)}.bn a{flex:1;display:flex;align-items:center;justify-content:center;font:13px "Cormorant Garamond",serif;letter-spacing:.2em}.bn a:last-child{background:var(--ac);color:#fff}.ft2{padding-bottom:90px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}.ph img{transform:none}}
.ag.r>:first-child{order:2}.fl{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:50px}.fl div{border-top:1px solid var(--ch);padding-top:16px}.fl b{font-size:34px;color:var(--ac);display:block;margin-bottom:8px}
@media(max-width:768px){.ag.r>:first-child{order:0}.fl{grid-template-columns:1fr 1fr}}

/* ===== WordPress用 追加スタイル ===== */
body.admin-bar .hd{top:32px}
@media(max-width:782px){body.admin-bar .hd{top:46px}}
.nw a{transition:.4s var(--e)}.nw a:hover{opacity:.55}
.w.narrow{max-width:860px}
.hero img{height:100%}
.ph:empty{min-height:120px}
.entry{margin-top:50px;font-size:14px;line-height:2.2}
.entry p{margin-bottom:1.6em}
.entry h2,.entry h3{font:400 clamp(18px,2.2vw,24px)/1.9 "Noto Serif JP",serif;margin:2.4em 0 .8em;padding-bottom:.4em;border-bottom:1px solid var(--gg)}
.entry img{height:auto;margin:2em 0}
.entry ul,.entry ol{margin:0 0 1.6em 1.4em}.entry ul{list-style:disc}
.entry a{border-bottom:1px solid var(--ac)}
.pagination{margin-top:70px}.pagination .nav-links{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.pagination .page-numbers{display:inline-block;min-width:38px;text-align:center;padding:6px 12px;border:1px solid var(--gg);font-size:12px;transition:.4s var(--e)}
.pagination .page-numbers.current,.pagination a.page-numbers:hover{background:var(--ch);color:var(--iv);border-color:var(--ch)}
.screen-reader-text{position:absolute;left:-9999px}