/* Shared site chrome for legacy pages; original page content remains styled by style.css */
:root{--ic-blue:#087bc4;--ic-ink:#17283b;--ic-line:#e5eaf0}
html{scroll-behavior:smooth}
body{max-width:none!important;width:100%;margin:0!important;min-height:100vh;font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;color:var(--ic-ink)}
body.product-detail-page{max-width:none!important}
body.product-detail-page main{width:min(860px,calc(100% - 32px));margin:28px auto}
body>.wrapper{width:100%;max-width:none}
body main{width:100%;min-width:0}
body main img{max-width:100%;height:auto}
.site-header,.site-header *,.footer,.footer *{box-sizing:border-box}
.site-header{position:sticky!important;top:0!important;z-index:40;height:82px!important;background:rgba(255,255,255,.98)!important;border-bottom:1px solid var(--ic-line);text-align:left!important}
.site-header .header-inner{max-width:1520px;width:calc(100% - 80px);margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between;gap:50px}
.site-header .brand{display:flex;align-items:center;flex:none;width:200px}
.site-header .brand img{display:block;width:100%;max-width:200px;height:auto}
.site-header .nav{position:static!important;top:auto!important;right:auto!important;left:auto!important;margin:0!important;padding:0!important;background:none!important;display:flex;align-items:center;justify-content:center;gap:clamp(22px,3vw,55px);font-size:14px;font-weight:700;width:auto;max-width:none;border-radius:0}
.site-header .nav a{color:#17283b!important;font-size:14px!important;text-decoration:none;white-space:nowrap;font-weight:700}
.site-header .nav a:hover{color:var(--ic-blue)!important}
.site-header .nav a:last-child{color:var(--ic-blue)!important}
.site-header .menu-toggle{display:none;background:none;border:0;padding:8px;cursor:pointer}
.site-header .menu-toggle span{display:block;width:25px;height:2px;background:#173653;margin:5px 0}
.footer{background:#f4f7fa!important;color:#40546b!important;text-align:left!important;padding:45px 0 22px!important;font-size:13px!important;width:100%;margin:0!important}
.footer .container{width:min(1280px,calc(100% - 88px));margin:0 auto}
.footer .footer-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}
.footer .footer-brand{display:block;width:180px;flex:none}
.footer .footer-brand img{display:block;width:100%;max-width:180px;height:auto}
.footer nav{display:flex;flex-wrap:wrap;gap:16px 30px;align-items:center;justify-content:flex-end}
.footer nav a{color:#40546b!important;text-decoration:none;font-size:13px}
.footer nav a:hover{color:var(--ic-blue)!important}
.footer .legacy-warranty{margin-top:22px;text-align:center}
.footer .warranty-note{font-size:11px;line-height:1.7;color:#687788;max-width:950px;margin:0 auto}
.footer .copyright{border-top:1px solid #dfe6ed;margin-top:25px;padding-top:18px;text-align:center;color:#66798b;font-size:12px}
@media(max-width:950px){.site-header{height:70px!important}.site-header .header-inner{width:calc(100% - 36px);gap:15px}.site-header .brand{width:160px}.site-header .menu-toggle{display:block}.site-header .nav{display:none;position:absolute!important;top:70px!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;background:#fff!important;padding:16px 24px 22px!important;box-shadow:0 8px 16px #0b27461a;flex-direction:column;align-items:stretch;gap:15px}.site-header .nav.is-open{display:flex}.footer .container{width:calc(100% - 36px)}.footer .footer-inner{flex-direction:column;align-items:center;text-align:center}.footer nav{justify-content:center}}
@media(max-width:600px){body main{max-width:100%;overflow-wrap:anywhere}.footer{padding-top:32px!important}.footer nav{gap:12px 18px}}

/* Keep footer at bottom of short legacy pages, without changing page body content */
body:has(>.wrapper)>.wrapper{flex:1;display:flex;flex-direction:column;min-width:0}
body:has(>.wrapper)>.wrapper>main{flex:1}
body:has(>.wrapper)>.site-header{flex-shrink:0}
.site-header .nav a:last-child{color:var(--ic-blue)!important}
@media(max-width:950px){.site-header .nav.open{display:flex}}