body{overflow-y:scroll}#container{display:flex;flex-direction:column;overflow:hidden}.map-wrapper{padding-left:2rem;padding-right:2rem}#map{flex:1;width:100%;height:85vh;margin:0 auto}.filter-wrap{flex-direction:0 0 auto}#sidebar{position:fixed;left:-600px;top:0;width:85%;max-width:600px;height:100%;background:#fff;box-shadow:2px 0 8px rgba(0,0,0,.3);transition:left .5s;z-index:1100;overflow-y:auto}#sidebar.open{left:0}#sidebar #close-btn{position:absolute;top:8px;right:8px;background:none;border:none;font-size:24px;cursor:pointer}.shop-label{background:#fff;border-radius:4px;padding:2px 4px;font-size:12px;text-align:left;max-width:9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landmark{background-color:rgba(0,0,0,0);border:none;box-shadow:none}.custom-div-icon .icon{display:block;margin:0 auto;width:24px;height:24px;stroke-width:0;stroke:currentColor;fill:currentColor}.leaflet-div-icon{background-color:rgba(0,0,0,0);border:none}.filter-box{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:flex;overflow-x:auto;padding:4px;margin:0}.filter-box input{display:none}.filter-box .icon{display:block;stroke-width:0;stroke:currentColor;fill:currentColor;width:24px;height:24px;margin:0 auto}.filter-box p{font-size:.7rem;margin-top:0px;text-align:center;white-space:nowrap;font-weight:bold}.filter-box span{font-weight:normal;display:block;line-height:1.2}.filter-box label{flex:0 0 70px;margin:0 3px;cursor:pointer;padding:3px;border-radius:2px;transition:all .2s ease}.filter-box label:has(input[type=checkbox]:checked){background-color:#f5e56b}.filter-box label:last-child,.filter-tag label:last-child{margin-right:36px}.filter-tag{width:100%;display:flex;overflow-x:auto;margin:0;font-size:.7rem;white-space:nowrap;font-weight:bold;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-moz-column-gap:1em;column-gap:1em;border-top:1px solid #6e7955;padding:.5em 0}.filter-tag span{font-weight:normal;display:inline-block;margin-left:.5em}.filter-tag div{padding-top:.4em;font-weight:normal}.filter-wrap{position:relative;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;text-align:center;background:rgba(255,255,255,.9)}.scroll-btn{position:absolute;width:18px;height:90px;border:none;background:rgba(31,49,52,.8);color:#fff;font-weight:bold;cursor:pointer}.scroll-btn.left{top:0;left:0}.scroll-btn.right{top:0;right:0}.filter-box{overflow-x:auto;scroll-behavior:smooth}use[href$=ujicha]{fill:#2e7d32}use[href$=cafe]{fill:#6d4c41}use[href$=izakaya]{fill:#ff8f00}use[href$=gourmet]{fill:#ea5506}use[href$=shopping]{fill:#1565c0}use[href$=medical]{fill:#c62828}use[href$=hotel]{fill:#283593}use[href$=sweets]{fill:#ec407a}use[href$=life]{fill:#00796b}use[href$=location]{fill:#71686c}.custom-cluster-icon use[href$=cluster]{fill:#494a41}.cluster-icon-wrapper svg.icon{width:28px;height:28px}.fac{white-space:nowrap}.leaflet-container:focus{outline:none !important;box-shadow:none !important}#map{-webkit-tap-highlight-color:rgba(0,0,0,0)}#container::after{content:"";display:block;height:400px;background-color:#e6eae3;background-image:url(/e-map/img/bg_footer.gif);background-size:240px 60px;background-repeat:repeat-x;background-position:bottom left}#footer-signal{margin-top:400px}