@charset "utf-8";

#shSnb{position:sticky;top:0;z-index:5;display:flex;justify-content: center;margin:0 auto;background:var(--primary)}
#shSnb.no_fix{position:relative}
#shSnb li+li{border-left:1px solid rgba(255,255,255,.15)}
#shSnb li a{display:block;min-width:160px;height:62px;padding:0 20px;font-size:17px;font-weight:500;line-height:62px;text-align:center;color:#fff}
#shSnb li.on a{font-weight:600;color:var(--primary);background:#fff}

@media (max-width:768px){
#shSnb li{width:100%}
#shSnb li a{display:flex;align-items:center;justify-content:center;width:100%;min-width:auto;font-size:15px;line-height:1.6}
}
@media (max-width:480px){
#shSnb{flex-wrap:wrap;justify-content:flex-start;background-color:#f5f5f5}
#shSnb li{width:50%;background-color:var(--primary)}
#shSnb.w_30 li{width:calc(100%/3)}
#shSnb li:nth-child(n+3){border-top:1px solid rgba(255,255,255,.15)}
#shSnb li a{height:30px;padding:0;white-space:nowrap;font-size:13px}
}