/* 山中商店：お問い合わせ＝黒／採用情報＝赤 */
.y-nav-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px;vertical-align:middle}
.y-nav-icon svg{display:block;width:100%;height:100%}
.desktop-nav a,.utility a{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.desktop-nav a{padding:8px 9px;border-radius:5px;outline-offset:3px}
.desktop-nav a:hover,.desktop-nav a:focus-visible{background:#111;color:#fff}
.desktop-nav a[aria-current=page]{background:#fff;box-shadow:inset 0 -3px #b93937}
.y-contact-dock.y-edge-tabs{left:auto;right:0;top:46%;bottom:auto;width:60px;display:grid;grid-template-columns:1fr;gap:4px;padding:0;transform:translateY(-50%);background:transparent}
.y-contact-dock.y-edge-tabs a{display:flex;flex-direction:column;gap:10px;min-height:178px;padding:18px 12px;border:0;border-radius:7px 0 0 7px;box-shadow:0 2px 8px #0002;color:#fff;background:#111;font-size:17px;line-height:1.5}
.y-contact-dock.y-edge-tabs .y-edge-recruit{background:#b93937}
.y-edge-label{writing-mode:vertical-rl;letter-spacing:.08em}
.y-contact-dock.y-edge-tabs a:hover{filter:brightness(1.13)}
.y-contact-dock.y-edge-tabs a:focus-visible{outline:3px solid #0064b4;outline-offset:3px}
.y-contact-dock.y-edge-tabs .y-nav-icon{width:23px;height:23px;flex-basis:23px}
@media(min-width:1100px) and (max-width:1350px){.desktop-nav{gap:3px}.desktop-nav a{font-size:13px;padding:8px 5px;gap:4px}.desktop-nav .y-nav-icon{width:17px;height:17px;flex-basis:17px}}
@media(min-width:1100px){.cnav{right:80px}}
@media(max-width:1099px){
 .y-contact-dock.y-edge-tabs{left:0;right:0;top:auto;bottom:0;width:auto;grid-template-columns:1fr 1fr;gap:0;padding-bottom:env(safe-area-inset-bottom);transform:translateY(0);background:#111;transition:transform .24s ease;will-change:transform}
 .y-contact-dock.y-edge-tabs a{display:flex;flex-direction:row;min-height:64px;padding:12px 10px;gap:9px;border-radius:0;box-shadow:none;font-size:17px}
 .y-contact-dock.y-edge-tabs a:last-child{display:flex}
 .y-edge-label{writing-mode:horizontal-tb;letter-spacing:.02em}
 .site-header,.hd,header.header{animation:none!important;transition:transform .24s ease;will-change:transform}
 .y-mobile-chrome-hidden .site-header,.y-mobile-chrome-hidden .hd,.y-mobile-chrome-hidden header.header{transform:translateY(-110%);pointer-events:none}
 .y-mobile-chrome-hidden .y-contact-dock.y-edge-tabs{transform:translateY(110%);pointer-events:none}
 .site-header:has(:focus-visible),.hd:has(:focus-visible),header.header:has(:focus-visible),.y-contact-dock.y-edge-tabs:has(:focus-visible){transform:translateY(0);pointer-events:auto}
}
@media(prefers-reduced-motion:reduce){.site-header,.hd,header.header,.y-contact-dock.y-edge-tabs{transition:none}}

/* 2026-10-14 Instagramをヘッダーの並びへ */
.utility a.y-utility-sns{min-width:0;width:42px;padding:0;justify-content:center;align-self:stretch}
.utility a.y-utility-sns .y-nav-icon{width:22px;height:22px;flex-basis:22px}
.utility a.y-utility-sns img{display:block;width:22px;height:22px}
.site-menu .menu-sns{display:inline-flex;align-items:center;gap:10px;margin-top:18px;font:700 16px/1 Inter,"Zen Kaku Gothic New",sans-serif;color:inherit}
.site-menu .menu-sns img{width:28px;height:28px;flex:none}
.y-area-page{scroll-margin-top:120px}