/* TOPと全ページに共通。管理・旧WFのスタイルから独立させる。 */
.site-header[data-site-chrome]{box-sizing:border-box;background:#fff;border-bottom:1px solid #dfebe6;padding:20px max(24px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;color:#203b42;font-family:-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif;line-height:1.8}
[data-site-chrome] a{color:inherit;text-decoration:none}[data-site-chrome] a:hover{text-decoration:underline;text-underline-offset:4px;color:#136f60}[data-site-chrome] a:focus-visible{outline:3px solid #e6ae45;outline-offset:3px}
[data-site-chrome] .brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:800;letter-spacing:.04em;line-height:1.25;color:#203b42}
[data-site-chrome] .brand small{display:block;font-size:9px;font-weight:400;letter-spacing:.12em;margin-top:7px;color:#63777b;line-height:1.25}
[data-site-chrome] .brand-mark{width:42px;height:42px;display:block;flex-shrink:0;border-radius:0;font-size:0;background:url('/shops/_assets/mobitowa-mark.svg') center/contain no-repeat}[data-site-chrome] .brand-mark:before{content:none}
.site-header[data-site-chrome] nav{display:flex;gap:26px;font-size:13px;font-weight:600;line-height:1.8}.site-header[data-site-chrome] nav a{font-size:inherit}
.site-footer[data-site-chrome]{box-sizing:border-box;width:auto;background:#edf4ef;border-top:1px solid #dfebe6;padding:36px max(24px,calc((100vw - 1112px)/2)) 70px;color:#203b42;font-family:-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif;line-height:1.8}
.site-footer[data-site-chrome] p{color:#63777b;font-size:12px;margin:12px 0}.site-footer[data-site-chrome]>div{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;margin:22px 0}.site-footer[data-site-chrome] small{font-size:10px;font-weight:400;letter-spacing:normal;color:#63777b}
@media(max-width:900px){.site-header[data-site-chrome]{padding:18px 24px}.site-header[data-site-chrome] nav{gap:14px;font-size:11px}}
@media(max-width:600px){.site-header[data-site-chrome]{padding:16px;gap:12px;flex-wrap:wrap}[data-site-chrome] .brand{font-size:22px}[data-site-chrome] .brand-mark{width:36px;height:36px}.site-header[data-site-chrome] nav{width:100%;justify-content:space-between;gap:8px;font-size:10px}.site-footer[data-site-chrome]{padding:28px 16px 85px}}

.site-header .skip-link{position:absolute;left:16px;top:0;transform:translateY(-150%);padding:12px 18px;background:#136f60;color:#fff;z-index:100}.site-header .skip-link:focus{transform:translateY(0);color:#fff}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #136f60!important;outline-offset:3px}.card-actions label{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 10px;cursor:pointer}.scroll-hint{display:none}@media(max-width:700px){.scroll-hint{display:block;color:#63777b;font-size:12px}.compare-scroll:empty+.scroll-hint{display:none}}
