/* 追従ヘッダ v2。色と高さは設定画面の値が --fhp-* に入る。テーマの ul・li・a の装飾に負けないよう、主な指定は !important にしている */
.fixed-header-menu{position:-webkit-sticky;position:sticky;top:0;z-index:99;height:var(--fhp-h,48px);background:var(--fhp-bg,#fff)}
.fixed-header-menu .fhp-track{position:relative;height:100%;border-bottom:1px solid #e7e7e7}
.fixed-header-menu ul{display:flex;align-items:stretch;justify-content:center;height:100%;margin:0 !important;padding:0 !important;list-style:none !important;border:0 !important;background:none !important}
.fixed-header-menu li{display:flex;flex:1 1 0;min-width:0;height:100%;margin:0 !important;padding:0 !important;border-bottom:3px solid #f7f7f7;list-style:none !important;background:none !important}
.fixed-header-menu li::before,.fixed-header-menu li::after,.fixed-header-menu a::before,.fixed-header-menu a::after{content:none !important;display:none !important}
.fixed-header-menu a{display:flex;flex-grow:1;align-items:center;justify-content:center;padding:0 6px;border:0 !important;box-shadow:none !important;background:none !important;color:var(--fhp-text,#999) !important;font-size:14px;font-weight:700;line-height:1.3;text-align:center;text-decoration:none !important;cursor:pointer;-webkit-tap-highlight-color:transparent}
.fixed-header-menu a.is_active{color:var(--fhp-active,#313131) !important}
.fixed-header-menu .ubar{position:absolute;left:0;bottom:0;width:0;height:4px;border-radius:4px 4px 0 0;background:var(--fhp-bar,#0eb03a);opacity:0;pointer-events:none;transition:transform .3s ease-in-out,width .3s ease-in-out,opacity .2s}
.fixed-header-menu .ubar.is-on{opacity:1}

/* タブが多いときは横スクロール（スクロールバーは出さない） */
.fixed-header-menu.is-scroll .fhp-track{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.fixed-header-menu.is-scroll .fhp-track::-webkit-scrollbar{display:none}
.fixed-header-menu.is-scroll ul{justify-content:flex-start;width:-webkit-max-content;width:max-content;min-width:100%}
.fixed-header-menu.is-scroll li{flex:0 0 auto}
.fixed-header-menu.is-scroll a{padding:0 16px;white-space:nowrap}

/* 飛び先がないときの警告（管理者にだけ出る） */
.fhp-warn{margin:6px 0 1em !important;padding:8px 10px !important;border:2px dashed #c63b3b;color:#c63b3b !important;background:#fff !important;font-size:12px;line-height:1.6}