/* Ver.1.9.8 - 食べ歩きの目次とスマホ用「その他」 */
.kmr-root .kmr-directory{box-sizing:border-box;max-width:100%;margin:16px 0 21px;padding:17px;background:#fffaf4;border:1px solid #ead8c7;border-radius:16px;scroll-margin-top:82px;box-shadow:0 3px 15px #5d36240a}
.kmr-root .kmr-directory-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.kmr-root .kmr-directory h3{font-size:clamp(19px,2.5vw,23px)!important;line-height:1.4!important;margin:2px 0 3px!important;color:#50331f!important}
.kmr-root .kmr-directory-header p{font-size:12px;color:#856c57;margin:0;line-height:1.6}
.kmr-root .kmr-directory-count{flex:none;font-size:11px;font-weight:800;border-radius:30px;padding:5px 10px;color:#996344;background:#f8e8d8}
.kmr-root .kmr-directory-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.kmr-root a.kmr-directory-link{box-sizing:border-box;display:flex;align-items:center;gap:7px;min-width:0;min-height:47px;padding:8px 10px;text-decoration:none!important;background:#fff;border:1px solid #eedbd0;border-radius:10px;color:#583c2a!important;font-size:12px;font-weight:750;line-height:1.35;transition:background .15s,border-color .15s}
.kmr-root a.kmr-directory-link:hover,.kmr-root a.kmr-directory-link:focus-visible{background:#fff0df;border-color:#dda77d;outline-offset:2px}
.kmr-root .kmr-directory-text{flex:1;min-width:0;overflow-wrap:anywhere}
.kmr-root .kmr-directory-index{font-size:11px;color:#ad6b49;flex:none;font-variant-numeric:tabular-nums}
.kmr-root .kmr-directory-arrow{color:#bd7a54;font-size:18px;line-height:1;flex:none}
.kmr-root .kmr-directory-note{font-size:11px;color:#8a7667;line-height:1.55;margin:11px 0 0}
.kmr-root .kmr-directory-expand{display:none}
.kmr-directory-drawer[hidden],.kmr-root .kmr-nav-fold-body[hidden]{display:none!important}
.kmr-directory-drawer{position:fixed;inset:0;z-index:9500;display:grid;align-items:end;isolation:isolate}
.kmr-directory-shade{position:absolute;inset:0;background:#120e0a9c;border:0;cursor:pointer}
.kmr-directory-sheet{position:relative;width:100%;box-sizing:border-box;background:#fffaf4;border-radius:18px 18px 0 0;max-height:min(83dvh,800px);overflow:auto;overscroll-behavior:contain;box-shadow:0 -12px 50px #0004;padding:15px 14px calc(18px + env(safe-area-inset-bottom))}
.kmr-directory-sheet-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #ead7c5;color:#4a3023}
.kmr-directory-sheet-title strong,.kmr-directory-sheet-title small{display:block}.kmr-directory-sheet-title strong{font-size:16px}.kmr-directory-sheet-title small{font-size:11px;margin-top:3px;color:#836750}
.kmr-directory-sheet-close{width:41px;height:41px;flex:none;border-radius:11px;border:1px solid #ddc8b6;background:#fff;color:#5a3923;font-size:25px;cursor:pointer}
.kmr-directory-drawer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.kmr-directory-drawer-links .kmr-directory-link{display:flex;align-items:center;gap:6px;min-width:0;min-height:49px;padding:9px 8px;border:1px solid #efd9c9;border-radius:10px;text-decoration:none;background:#fff;font-size:12px;font-weight:750;color:#583c2a;line-height:1.35}
.kmr-directory-drawer-links .kmr-directory-text{flex:1;min-width:0;overflow-wrap:anywhere}
.kmr-directory-drawer-links .kmr-directory-index{color:#bd7959;font-size:10px}
.kmr-directory-drawer-links .kmr-directory-arrow{color:#ba835d}
body.kmr-directory-lock{overflow:hidden}
.kmr-root .kmr-nav-fold-control{border:1px solid #dcbba1;background:#fff7ec;color:#875537;font-weight:800;font-size:12px;min-height:38px;border-radius:9px;padding:7px 13px;cursor:pointer;margin:9px 0 0}
.kmr-root .kmr-nav-fold-content{margin-top:10px}
.kmr-root #kmr-eater-stats,.kmr-root #kmr-prefecture-map,.kmr-root #kmr-noodle-calendar,.kmr-root #kmr-reader-picks,.kmr-root #kmr-new-dishes{scroll-margin-top:84px}
.kmr-root .kmr-v197-section{scroll-margin-top:84px}
.kmr-root #kmr-my-ramen,.kmr-root #kmr-shop-map,.kmr-root #kmr-suggest-form{scroll-margin-top:84px}
@media(max-width:1050px){.kmr-root .kmr-directory-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){
 .kmr-root .kmr-directory{padding:13px 11px;margin:11px 0 16px;border-radius:13px}
 .kmr-root .kmr-directory-header{margin-bottom:9px}.kmr-root .kmr-directory h3{font-size:19px!important}
 .kmr-root .kmr-directory-header p{font-size:11px}.kmr-root .kmr-directory-count{font-size:10px}
 .kmr-root .kmr-directory-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .kmr-root a.kmr-directory-link{font-size:11.5px;min-height:48px;padding:9px 7px;gap:5px}
 .kmr-root .kmr-directory.js-compact:not(.is-expanded) .kmr-directory-links a:nth-child(n+5){display:none}
 .kmr-root .kmr-directory.js-compact .kmr-directory-expand{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin:10px 0 0;padding:8px 10px;border:1px solid #dfbfa6;border-radius:10px;background:#fff1e2;color:#865333;font-size:13px;font-weight:800;cursor:pointer}
 .kmr-root .kmr-directory-note{font-size:10px;margin-top:8px}
 .kmr-mobile-nav a>span,.kmr-mobile-nav button>span{font-size:21px}.kmr-mobile-nav small{font-size:10px}
 .kmr-root .kmr-nav-fold-control{min-width:115px}
}
@media(max-width:355px){.kmr-directory-drawer-links{grid-template-columns:1fr}.kmr-mobile-nav small{font-size:9px}.kmr-mobile-nav a>span,.kmr-mobile-nav button>span{font-size:19px}}
@media(prefers-reduced-motion:reduce){.kmr-root a.kmr-directory-link{transition:none}}
