
div.mapbox_outer{
	width:92%;
	margin:0 auto 60px;
	padding:0 0 69%;
	position:relative;
	border:solid 1px #f3f3f3;
}
div.mapbox_outer2{
	width:92%;
	margin:20px auto 20px;
	padding:0 0 46%;
	position:relative;
	border:solid 1px #f3f3f3;
}
div.mapbox{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	background-color:#eeeeee;
}
@media (max-width:680px){
	div.mapbox_outer{
		width:99%;
		padding:0 0 132%;
	}
	div.mapbox_outer2{
		width:99%;
		padding:0 0 66%;
	}
}

div.marker_outer{
	display:block;
	width:200px;
	height:36px;
	margin:0 0;
	padding:2px 4px;
	position:relative;
	color:#333333;
	text-align:left;
	overflow:visible;
	background-image:url(../../img/map_marker.png);
	background-size:42px 36px;
	background-position:0px 50%;
	background-repeat:no-repeat;
}

a.markerlink{
	display:inline;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:2px;
	left:36px;
	font-size:10px;
	line-height:12px;
	font-weight:700;
	font-family:Noto Sans Japanese;
	color:#333333;
	text-align:left;
	text-decoration:none;
	text-shadow:1px 1px #ffffff,1px -1px #ffffff,-1px 1px #ffffff,-1px -1px #ffffff;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
a.markerlink:hover{
	color:#ff6600;
}



table.shoplist{
	width:92%;
	margin:0 auto 60px;
	padding:0 0;
	border:none;
}
table.shoplist th{
	margin:0 0;
	padding:6px 10px 6px 0;
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	font-family: Noto Sans Japanese;
	text-align:left;
	vertical-align:top;
	border-bottom:solid 1px #cccccc;
}
table.shoplist th a{
	color:#ff9900;
	text-decoration:none;
}
table.shoplist th a:hover{
	color:#ffcc00;
	text-decoration:underline;
}
table.shoplist td{
	margin:0 0;
	padding:6px 0 6px;
	font-size:14px;
	line-height:16px;
	font-weight:normal;
	text-align:left;
	font-family: Noto Sans Japanese;
	vertical-align:top;
	border-bottom:solid 1px #cccccc;
}
table.shoplist td.trend{
	width:100px;
}
table.shoplist tr:last-child th{
	border-bottom:none;
}
table.shoplist tr:last-child td{
	border-bottom:none;
}
@media (max-width:680px){
	table.shoplist{
		width:99%;
	}
	table.shoplist th{
		display:block;
		padding:6px 0 0 0;
		border-bottom:none;
	}
	table.shoplist td{
		display:block;
		padding:0 0 0 0;
		border-bottom:none;
	}
	table.shoplist tr:last-child th{
		border-bottom:none;
	}
	table.shoplist tr:last-child td{
		border-bottom:none;
	}
	table.shoplist td.trend{
		display:block;
		width:100%;
		padding:0 0 6px 0;
		border-bottom:solid 1px #cccccc;
	}
	table.shoplist tr:last-child td.trend{
		width:100%;
		border-bottom:none;
	}
}

