/* SALONISM OWNER 共通ヘッダー（/owner/ の owner-home.css からヘッダー部分だけを抜き出したもの 2026-10-29）
   ページ本文の余白には影響させないため 本文向けのリセット指定は含めていません */
body.so-home{--so-green:#292929;--so-green-dark:#444;--so-line:#ddd;--so-sage:#f5f5f5}
.so-header *{box-sizing:border-box}.so-header a{color:inherit;text-decoration:none}.so-header img{display:block;max-width:100%}
.so-skip{position:fixed;top:-100px;left:20px;z-index:1000;background:#fff;padding:12px}
.so-skip:focus{top:10px}
.so-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:24px;min-height:100px;padding:20px 3.5%;background:rgba(255,255,255,.97);border-bottom:1px solid #eee}
body.admin-bar.so-home .so-header{top:32px}
.so-brand{font-size:24px;line-height:1.05;font-weight:800;letter-spacing:-.04em;white-space:nowrap}
.so-brand span{display:block;font-size:12px;letter-spacing:.34em;margin-top:8px}
.so-nav{display:flex;align-items:center;justify-content:center;gap:22px;flex:1;font-size:11px;font-weight:700;line-height:1.5}
.so-nav a:hover,.so-text-link:hover{opacity:.55}
.so-header-actions{display:flex;align-items:center;gap:16px;font-size:10px;font-weight:700}
.so-contact-link{background:#181818;color:white!important;padding:15px 24px;border-radius:100px}
.so-menu{display:none}
@media(max-width:1180px){.so-nav{gap:13px;font-size:9px}.so-header{gap:16px}.so-header-actions{gap:12px}.so-media-link{display:none}}
@media(max-width:960px){.so-nav,.so-header-actions{display:none}.so-header{min-height:80px;justify-content:space-between;padding:18px 5%}.so-menu{display:block}.so-menu summary{cursor:pointer;list-style:none;font-size:11px;font-weight:700;display:flex;gap:15px;align-items:center;min-height:44px}.so-menu summary::-webkit-details-marker{display:none}.so-menu summary span{font-size:22px}.so-menu[open] summary span{transform:rotate(45deg)}.so-menu nav{position:absolute;top:100%;left:0;right:0;background:white;border-bottom:1px solid #ccc;padding:20px 5% 30px;display:flex;flex-direction:column;max-height:calc(100svh - 130px);overflow-y:auto}.so-menu nav a{font-size:13px;padding:13px 0;border-bottom:1px solid #eee}}
@media(max-width:600px){body.admin-bar.so-home .so-header{top:0}.so-brand{font-size:21px}.so-brand span{font-size:9px}}
body.so-home .so-header{padding:20px 3.5%!important;height:auto!important;min-height:100px;position:sticky!important;left:auto;right:auto;justify-content:initial}
@media(max-width:960px){body.so-home .so-header{padding:18px 5%!important;min-height:80px;justify-content:space-between}}
body.so-home .so-brand{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:.035em;font-size:25px}
body.so-home .so-brand span{font-family:Arial,sans-serif;font-weight:700;font-size:9px;letter-spacing:.23em;margin-top:9px;padding-left:15px;border-left:24px solid var(--so-green);line-height:1}
body.so-home .so-contact-link,body.so-home .so-button-dark{background:var(--so-green);border-color:var(--so-green);color:#fff!important}
body.so-home .so-button-dark:hover,body.so-home .so-contact-link:hover{background:var(--so-green-dark)}
@media(max-width:600px){body.so-home .so-brand{font-size:22px}}
body.so-home .so-brand{display:block;width:210px;height:74px;overflow:hidden;flex-shrink:0}
body.so-home .so-brand img{display:block;width:210px!important;max-width:none;height:139px!important;object-fit:contain;transform:translateY(-30px)}
@media(max-width:520px){body.so-home .so-brand{width:140px;height:48px}body.so-home .so-brand img{width:140px!important;height:93px!important;transform:translateY(-20px)}}
body.so-home .so-header{background:#2d2d2d;border-bottom:0;color:#fff}
body.so-home .so-brand img{filter:grayscale(1) invert(1);mix-blend-mode:screen}
body.so-home .so-menu nav{background:#2d2d2d;color:#fff}
body.so-home .so-menu nav a{border-color:#555}
body.so-home .so-button,body.so-home .so-contact-link{border-radius:0;border-color:#292929;background:#fff;color:#181818}
body.so-home .so-contact-link{background:#fff;color:#292929!important}
body.so-home .so-footer .so-brand img{filter:grayscale(1);mix-blend-mode:normal}
body.so-home .so-header .so-brand img,body.so-home .so-footer .so-brand img{filter:none;mix-blend-mode:normal}
body.so-home .so-header .so-brand{background:#fff}
/* ほかのCSSでヘッダーが白くなり 白文字のメニューが見えなくなるのを防ぐ（2026-10-29） */
html body.so-home header.so-header{background:#2d2d2d!important;color:#fff!important;border-bottom:0!important}
html body.so-home header.so-header .so-nav a,html body.so-home header.so-header .so-media-link,html body.so-home header.so-header .so-menu summary{color:#fff!important}

/* 2026-10-29 BUSINESSロゴを透過PNGに変更 切り抜き指定を解除 */
body.so-home .so-brand,body.so-home .so-header .so-brand{display:block;width:200px;height:auto;overflow:visible;background:transparent}
body.so-home .so-brand img,body.so-home .so-header .so-brand img,body.so-home .so-footer .so-brand img{display:block;width:200px!important;height:auto!important;max-width:100%;transform:none;object-fit:initial;filter:none;mix-blend-mode:normal}
@media(max-width:520px){body.so-home .so-brand,body.so-home .so-header .so-brand{width:140px}body.so-home .so-brand img,body.so-home .so-header .so-brand img{width:140px!important;transform:none}}

/* 2026-10-29 BUSINESSロゴを透過PNGに変更 背景になじませる */
body.so-home .so-brand,body.so-home .so-header .so-brand{display:block;width:200px;height:auto;overflow:visible;background:transparent!important}
body.so-home .so-brand img,body.so-home .so-header .so-brand img,body.so-home .so-footer .so-brand img{display:block;width:200px!important;height:auto!important;max-width:100%;transform:none;object-fit:initial;filter:none;mix-blend-mode:normal;background:transparent}
@media(max-width:520px){body.so-home .so-brand,body.so-home .so-header .so-brand{width:140px}body.so-home .so-brand img,body.so-home .so-header .so-brand img{width:140px!important}}