@charset "utf-8";





.map_box{height: calc(100vh - var(--header_height));display:-webkit-flex; display:flex; flex-wrap:nowrap;}



#map{width: 100%;height: 100%;}



.map_list{flex-shrink: 0; width: 100%; max-width: 360px;box-sizing: border-box;padding: 0 .3rem}



.common_btn{width: 100%;box-sizing: border-box; padding: .3rem 0; display:-webkit-flex; display:flex; flex-wrap:wrap;flex-direction: column;gap: .1rem 0;}

.common_btn li{-webkit-border-radius:2rem; border-radius:2rem;box-sizing: border-box;border: 1px solid #CCC;cursor: pointer; overflow: hidden;}

.common_btn li p{padding: .08rem .2rem; font-size: 15px;}

.common_btn li.on{background: var(--i_color);border-color: var(--i_color);}

.common_btn li.on p{color: #FFF;}



#store-list{width: 100%;box-sizing: border-box; overflow-y: auto;display:-webkit-flex; display:flex;flex-direction: column;gap: .2rem 0;}

#store-list::-webkit-scrollbar{width:3px;}

#store-list li{width: 100%; cursor: pointer;}

#store-list li p{font-size: 0.17rem;font-weight: bold;}

#store-list li span{display: block;margin: 2px 0; font-size: 14px;color: #666;}

#store-list li .name::before{content: 'Company:';}
#store-list li .add::before{content: 'Address:';}

#store-list li .tel::before{content: 'Phone:';}

#store-list li .email::before{content: 'Email:';}
#store-list li .website::before{content: 'Website:';}

#store-list li span::before{margin-right: 0.04rem; font-weight: bold;color: #333;}

#store-list li span a:hover{color: var(--i_color);}

#store-list li i{display: block;font-size: 13px;color: #999;height: 0.2rem;}

#store-list li.active p{color: var(--i_color);}





@media screen and (max-width:1440px) {}

@media screen and (max-width:1366px) {}

@media screen and (max-width:1200px) {}

@media screen and (max-width:1024px) {

	.map_box{flex-wrap: wrap;height: auto;}



	#map{width:100%; height: 0; padding-bottom: 500px; position: relative; overflow:hidden}



	.map_list{max-width: initial;flex-grow: initial;}



	#store-list{height: auto;margin-bottom: 0.4rem;}

}

@media screen and (max-width:768px) {}

@media screen and (max-width:560px) {}