.map_spot {
    position: relative;
    background-color: rgb(255,255,255);
    border-bottom: 1px solid rgb(102,102,102);
    width: 234px;
    font-size: 16px;
    font-weight: bold;
    padding: 6px 8px 0px 8px;
    margin: 0px 0px 5px 0px;
    }
.map_spot1::before {
    content: "";
    position: absolute;
    background: rgb(255,255,255);
    border: 2px solid rgb(51,51,72);
    background: linear-gradient(180deg, rgb(255,35,83) 0px, rgb(255,35,83) 8px, rgb(51,51,72) 8px, rgb(51,51,72) 10px, rgb(162,205,253) 10px, rgb(162,205,253) 100%);
    top: 0px;
    left: 0px;
    width: 8px;
    height: 100%;
    }
.map_spot_shops {
    width: 250px;
    list-style: none;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    padding: 3px 0px 3px 0px;
    margin: 0px 0px 0px 0px;
    }
.map_spot_shops > li {
    position: relative;
    font-size: 13px;
    width: calc(100% - 10px);
    padding: 3px 5px 5px 5px;
    margin-bottom: 8px;
    color: rgb(51,51,72);
    border-bottom: 1px dotted rgb(101,101,102);
    text-align: left;
    vertical-align: bottom;
    }
.map_spot_shops > li > .news {
    background: rgb(255,55,113);
    font-size: 8px;
    border: 2px solid rgb(51,51,72);
    color: rgb(255,255,255);
    margin-right: 8px;
    padding: 2px 2px 2px 2px;
    }
.map_spot_shops > li > .event {
    background: rgb(255,15,113);
    font-size: 7px;
    border: 2px solid rgb(51,51,72);
    color: rgb(255,255,255);
    margin-right: 6px;
    padding: 2px 2px 2px 2px;
    }
.map_spot_shops > li > .shop {
    background: rgb(5,205,23);
    font-size: 8px;
    border: 2px solid rgb(51,51,72);
    color: rgb(255,255,255);
    margin-right: 8px;
    padding: 2px 5px 2px 5px;
    }
.map_spot_shops > li > .kitchencar {
    background: rgb(5,205,23);
    font-size: 8px;
    border: 2px solid rgb(51,51,72);
    color: rgb(255,255,255);
    margin-right: 8px;
    padding: 2px 5px 2px 5px;
    }
.map_spot_shops > li > .store {
    background: rgb(5,205,23);
    font-size: 8px;
    border: 2px solid rgb(51,51,72);
    color: rgb(255,255,255);
    margin-right: 8px;
    padding: 2px 5px 2px 5px;
    }
.map_spot_shops > li > a {
    font-weight: bold;
    }
@media screen and (min-width:641px){
#map {
    width: 100%;
    height: 400px;
    }
}
@media screen and (max-width:640px){
#map {
    width: 100%;
    height: 300px;
    z-index: 90;
    }
}