@charset "utf-8";

.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
	.ggmap iframe,
	.ggmap object,
	.ggmap embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}


/*===============================================
　pc,tb用固有スタイル
===============================================*/
@media screen and (min-width:700px){
.ggmap {
	margin-bottom: 20px;
}
}

/*===============================================
　pc用固有スタイル
===============================================*/
@media screen and (min-width:980px){

}


/*===============================================
　tb用固有スタイル
===============================================*/
@media (min-width: 700px) and (max-width: 979px){
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
	.ggmap iframe,
	.ggmap object,
	.ggmap embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}


/*===============================================
　sp用固有スタイル
===============================================*/
@media screen and (max-width:699px){
.ggmap{
	margin: 0 10px 10px
}
}


/*===============================================
　print
===============================================*/
@media print{
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
	.ggmap iframe,
	.ggmap object,
	.ggmap embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
.ggmap {
	margin-bottom: 20px;
}
}

#main table td:has(> span.num) {
	padding-left: calc(1.6em + 11px);
}
#main table span.num {
	display: inline-block;
	width: 1.6em;
	height: 1.6em;
	margin-left: calc(-1.6em - 6px);
	margin-right: 6px;
	border-radius: 50%;
	background: #0C78D1;
	color: #FFF;
	font-weight: bold;
	line-height: 1.6em;
	text-align: center;
	vertical-align: middle;
}

@media screen and (max-width:699px){
.navi-dial_box{
	padding: 5px 10px;
}
}