@media(max-width:767px){
 html body #navi-bar.wd-mobile-nav{position:fixed;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;height:calc(76px + env(safe-area-inset-bottom,0px));padding:8px max(8px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));gap:4px;box-sizing:border-box;border:1px solid #dce6f2;border-bottom:0;border-radius:18px 18px 0 0;background:#fff;box-shadow:0 -6px 24px #193c6410;z-index:90}
 html body #navi-bar.wd-mobile-nav>a{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%!important;min-width:0!important;max-width:none!important;height:60px!important;margin:0!important;padding:6px 1px!important;border:0;border-radius:12px;box-sizing:border-box;background:transparent;color:#526b82!important;text-decoration:none;line-height:1.2;box-shadow:none;-webkit-tap-highlight-color:transparent}
 html body #navi-bar.wd-mobile-nav>a>svg{width:23px!important;height:23px!important;flex-shrink:0;margin:0!important;fill:currentColor!important}
 html body #navi-bar.wd-mobile-nav>a>i:not(.mark){display:block;width:23px!important;height:23px!important;margin:0!important;font-size:23px!important;line-height:23px!important;color:inherit}
 html body #navi-bar.wd-mobile-nav>a>span:not(.counter){display:block!important;visibility:visible!important;position:static!important;width:100%;max-width:100%;height:auto!important;padding:0!important;font:600 11px/15px system-ui,sans-serif!important;letter-spacing:0;white-space:nowrap;word-break:normal;overflow:hidden;text-overflow:ellipsis;color:inherit!important}
 html body #navi-bar.wd-mobile-nav>a.active:not(.btn-primary){background:#edf3ff;color:#285fc6!important}
 html body #navi-bar.wd-mobile-nav>a.active:after{display:none!important}
 html body #navi-bar.wd-mobile-nav>a.btn-primary{background:#346bd5!important;color:#fff!important;box-shadow:0 3px 9px #346bd52b}
 html body #navi-bar.wd-mobile-nav>a.btn-primary>span{color:#fff!important}
 html body #navi-bar.wd-mobile-nav>a:focus-visible{outline:3px solid #78a7fa;outline-offset:-3px}
 html body #navi-bar.wd-mobile-nav>a:active{transform:translateY(1px)}
 html body #navi-bar.wd-mobile-nav>a>.counter{display:block!important;position:absolute;top:2px;right:calc(50% - 25px);min-width:18px;width:auto;height:18px;padding:0 4px;border:2px solid #fff;border-radius:20px;background:#248468;color:#fff;font:700 10px/14px system-ui,sans-serif;box-sizing:border-box}
 html body #navi-bar.wd-mobile-nav .mark{top:4px;right:calc(50% - 20px)}
 html body:has(#navi-bar.wd-mobile-nav){padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
 html[mode=dark] body #navi-bar.wd-mobile-nav{background:#172638;border-color:#33475d;box-shadow:0 -6px 24px #0003}
 html[mode=dark] body #navi-bar.wd-mobile-nav>a:not(.btn-primary){color:#c0d0e1!important}
 html[mode=dark] body #navi-bar.wd-mobile-nav>a.active:not(.btn-primary){background:#263f64;color:#d8e7ff!important}
 html[mode=dark] body #navi-bar.wd-mobile-nav>a>.counter{border-color:#172638}
}
@media(max-width:350px){html body #navi-bar.wd-mobile-nav{gap:2px;padding-left:4px;padding-right:4px}html body #navi-bar.wd-mobile-nav>a>span:not(.counter){font-size:10px!important}}
@media(prefers-reduced-motion:reduce){html body #navi-bar.wd-mobile-nav>a:active{transform:none}}

@media(max-width:767px){html body#item #navi-bar.wd-mobile-nav>a.btn-primary{color:#fff!important}html[mode=dark] body#item #navi-bar.wd-mobile-nav>a:not(.btn-primary){color:#c0d0e1!important}}