@media screen and (min-width: 0px) and (max-width: 580px){



#map{
margin: 0px 0px 10px 0px;
width:auto;
height:50%;
}

.clear{
clear:both;
}

/*吹き出しのスタイル*/
.gmap_block{
width:50%px;
overflow: hidden;
}
.gmap_block .gmap_title{
font-size:100%;
font-weight:bold;
margin-bottom:10px;
}

.gmap_block .gmap_photo{
float:right;
margin-left:10px;
overflow:hidden;
}

.gmap_block .gmap_info{
font-size:90%;
}

.gmap_block .gmap_description{
font-size:90%;
margin-top:10px;
}
/*お店の情報（個別用）*/
#gmap_data{
float:center;
margin-right:10px;
width:90%;
}

#gmap_data .gmap_photo{
float:left;
width:130px;
}

#gmap_data .gmap_title{
font-size:120%;
font-weight:bold;
line-height:1.5em;
}

#gmap_data .gmap_info,
#gmap_data .gmap_description{
font-size:110%;
line-height:1.5em;
}

#gmap_data .gmap_description{
padding-top:5px;
}

/*お店の情報（リスト用）*/
#gmap_list{
width:100%;
margin:20px 0px 0px 0px;
padding:0px;
overflow-y:auto;
overflow-x:hidden;
scrollbar-face-color: #ffefa9;
scrollbar-track-color: #fff8dc;
scrollbar-arrow-color: #ffffff;
scrollbar-highlight-color: #fff8dc;
scrollbar-shadow-color: #ffea79;
scrollbar-3dlight-color: #ffebcd;
scrollbar-darkshadow-color: #8b0000;
}

#waku{width:100%;}
.waku_2{width:100%; float:left;}

#gmap_list li{
list-style-type:none;
margin:0px 0px 20px 0px;
padding:0px;
}

.waku_2 .gmap_photo{
clear:all;
float:left;
width:100px;
height:auto;
padding-right:10px;
}

.gmap_photo img{
	width : 100px ;
	height : 75px ;
	border-style : none ;
	}

#gmap_list .gmap_title{
text-align:left;
font-size:100%;
font-weight:bold;
line-height:1.5em;
}

#gmap_list .gmap_title a{
color:#0000FF;
text-decoration: none;
cursor:pointer;
}

#gmap_list .gmap_info,
#gmap_list .gmap_description{
text-align:left;
font-size:90%;
line-height:1.5em;
}

#gmap_list .gmap_description{
width:110px;
padding-top:1px;
}

.gmap_coord{
display:none;
}



}