/* =========================================================
   LURE site chrome (header / footer) — shared by pre.html, contact.html, thanks.html
   PC: fixed header / iPad & SP (<=1024px): hamburger menu
   ========================================================= */
:root{
 --chrome-serif:"Noto Serif JP",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",serif;
 --chrome-sans:"Noto Sans JP","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","メイリオ",sans-serif;
 --chrome-bg:#dfe1e3;--chrome-ink:#24272a;--chrome-line:#bfc3c6;
}

/* ---------- Header ---------- */
.site-header{position:sticky!important;top:0;left:0;z-index:50;display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;padding:14px 6%;background:rgba(223,225,227,.97);color:var(--chrome-ink);font-family:var(--chrome-sans);font-weight:400;line-height:1.5;box-sizing:border-box;transition:padding .3s,box-shadow .3s}
.site-header *,.site-header *::before,.site-header *::after{box-sizing:border-box}
.site-header.is-scrolled{padding-top:8px;padding-bottom:8px;box-shadow:0 1px 0 #c3c7ca,0 8px 24px rgba(36,39,42,.06)}
.site-header .site-logo{display:block;width:84px;flex-shrink:0;line-height:0;transition:width .3s}
.site-header.is-scrolled .site-logo{width:66px}
.site-header .site-logo img{display:block;width:100%;height:auto;max-width:none;filter:brightness(0)}
.site-header .site-nav{display:block;position:static;top:auto;left:auto;bottom:auto;width:auto;height:auto;margin:0;padding:0;background:none;opacity:1;overflow:visible;z-index:auto;transform:none;transition:none;font-size:11px;letter-spacing:.2em}
.site-header .site-nav ul{display:flex;align-items:center;gap:34px;list-style:none;margin:0;padding:0}
.site-header .site-nav li{position:relative;margin:0;padding:0;border:0}
.site-header .site-nav a{position:relative;display:inline-block;padding:6px 0;color:var(--chrome-ink);font-family:var(--chrome-sans);font-size:inherit;font-weight:400;letter-spacing:inherit;text-decoration:none;background:none}
.site-header .site-nav a:not(.header-shop)::after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:1px;background:currentColor;transition:left .3s,right .3s}
.site-header .site-nav a:not(.header-shop):hover::after{left:0;right:.2em}
.site-header .site-nav .header-shop{border-bottom:1px solid currentColor;padding-bottom:4px}
.site-header .site-toggle,.site-header .site-mask{display:none}
section[id]{scroll-margin-top:96px}

@media(max-width:1024px){
 .site-header{padding:12px 5%}
 .site-header.is-scrolled{padding-top:8px;padding-bottom:8px}
 .site-header .site-logo{width:70px}
 .site-header.is-scrolled .site-logo{width:58px}
 .site-header .site-toggle{display:block;position:relative;z-index:3;width:30px;height:24px;margin:0;padding:0;background:none;border:0;border-radius:0;color:inherit;cursor:pointer}
 .site-header .site-toggle:hover{background:none}
 .site-header .site-toggle span{position:absolute;left:0;width:30px;height:1.5px;background:var(--chrome-ink);border-radius:2px;transition:transform .4s,opacity .3s,background-color .3s}
 .site-header .site-toggle span:nth-child(1){top:4px}
 .site-header .site-toggle span:nth-child(2){top:11px}
 .site-header .site-toggle span:nth-child(3){top:18px}
 .site-header.is-open .site-toggle span{background:#fff}
 .site-header.is-open .site-toggle span:nth-child(1){transform:translateY(7px) rotate(-315deg)}
 .site-header.is-open .site-toggle span:nth-child(2){opacity:0}
 .site-header.is-open .site-toggle span:nth-child(3){transform:translateY(-7px) rotate(315deg)}
 .site-header .site-nav{position:fixed;top:0;left:0;bottom:0;z-index:2;width:300px;padding:34px 28px 40px;background:var(--chrome-bg);overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateX(-100%);transition:transform .5s ease;font-size:12px}
 .site-header.is-open .site-nav{transform:none;box-shadow:12px 0 40px rgba(20,22,24,.18)}
 .site-header .site-nav ul{display:block}
 .site-header .site-nav li{border-bottom:1px solid var(--chrome-line)}
 .site-header .site-nav li:first-child{border-top:1px solid var(--chrome-line)}
 .site-header .site-nav a{display:block;padding:18px 6px;letter-spacing:.22em}
 .site-header .site-nav a::after{display:none}
 .site-header .site-nav a:hover{background:#e8e9ea}
 .site-header .site-nav .header-shop{border-bottom:0;padding-bottom:18px}
 .site-header .site-mask{display:block;position:fixed;inset:0;z-index:1;background:rgba(32,35,38,.6);opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s;cursor:pointer}
 .site-header.is-open .site-mask{opacity:1;visibility:visible}
 body.menu-open{overflow:hidden}
 section[id]{scroll-margin-top:80px}
}
@media(max-width:767px){
 .site-header{padding-top:7px!important;padding-bottom:7px!important}
 .site-header.is-scrolled{padding-top:5px!important;padding-bottom:5px!important}
 .site-header .site-logo{width:48px}
 .site-header.is-scrolled .site-logo{width:44px}
 .site-header .site-toggle{width:26px;height:22px}
 .site-header .site-toggle span{width:26px}
 .site-header .site-nav{width:250px;padding:28px 22px 36px}
 .site-header .site-nav a{padding:16px 4px;font-size:11px}
 section[id]{scroll-margin-top:60px}
}

/* ---------- Footer ---------- */
.site-footer{margin:0;padding:70px 8%;background:#151515;color:#fff;text-align:center;font-family:var(--chrome-sans);line-height:1.8}
.site-footer .site-footer-logo{display:block;width:230px;margin:0 auto;line-height:0}
.site-footer .site-footer-logo img{display:block;width:100%;height:auto;max-width:none}
.site-footer .footer-instagram{display:block;width:34px;height:34px;margin:26px auto 0;color:#dedede;transition:color .2s}
.site-footer .footer-instagram svg{display:block;width:100%;height:100%}
.site-footer .footer-instagram:hover{color:#fff}
.site-footer .footer-instagram:focus-visible{outline:1px solid #fff;outline-offset:4px}
.site-footer .site-copy{margin:25px 0 0;color:#aaa;font-size:11px;letter-spacing:.15em}
@media(max-width:767px){
 .site-footer{padding:56px 6%}
 .site-footer .site-footer-logo{width:175px}
 .site-footer .footer-instagram{width:30px;height:30px;margin-top:22px}
}
@media(prefers-reduced-motion:reduce){.site-header,.site-header .site-logo,.site-header .site-nav,.site-header .site-mask,.site-header .site-toggle span{transition:none}}