.map_tooltip {
	width: 30px;
	/* 	border-style: solid; */
	/* 	border-width: 2px; */
	/* 	padding-top: 1px; */
	/* 	padding-bottom: 1px; */
	/* 	padding-right: 3px; */
	/* 	padding-left: 3px; */
	text-align: center;
	font-weight: normal;
	font-size: small;
	font-family: MS Pゴシック, sans-serif;
	margin: 0px;
	white-space: nowrap;

}

.label_content {
	/* 運行中のグリスロアイコン表示エリア */
	color: #000000;
	width: 32px;
	font-size: 0.8em;
	font-weight: bold;
}

.border_color_blue {
	color: #ffffff;
	/* 	border-color: blue; */
	/* 	background-color: blue; */
}

.border_color_red {
	color: #ffffff;
	/* 	border-color: red; */
	/* 	background-color: red; */
}

#store-banner-area {
	display: none;
}

#bus-stop-banner-area {
	display: none;
}

.banner-close-button {
	cursor: pointer;
}

.banner-close {
	display: inline-block;
}

@media screen and (min-width: 1024px) {
	.title-bar {
		position: absolute;
		top: 10;
		left: 10;
	}
	.title-name-wrap {
		display: inline-block;
		color: #ffffff;
		background-color: #00aa9f;
		padding: 10px;
	}
	.title-name {
		display: block;
		font-size: 0.8em;
	}
	.nav-icon-area {
		top: 10;
		right: 10;
		position: absolute;
	}
	.icon-area-wrap {
		width: 100px;
		background-color: white;
		padding: 5px;
	}
	.image-box {
		margin: 10px;
	}
	#static-banner-area-001 {
		position: absolute;
		top: 85px;
		left: 10px;
	}
	#static-banner-area {
		position: absolute;
		top: 85px;
		left: 10px;
	}
	.static-banner {
		background-color: #ffffff;
		padding: 5px 10px;
		display: inline-block;
		font-size: 0.9em;
	}
	#static-banner-area-002 {
		position: absolute;
		top: 125px;
		left: 10px;
	}
	#update-link-area {
		position: absolute;
		top: 125px;
		left: 10px;
	}
	.update-link {
		background-color: #ffffff;
		padding: 5px 10px;
		display: inline-block;
		font-size: 0.9em;
	}
	#store-banner-area {
		position: absolute;
		margin: auto;
		bottom: 0;
		left: 50%;
		transform: translate(-50%, -50%);
		height: auto;
		width: 400px;
	}
	.click-banner {
		padding: 0px 10px;
		font-size: 1em;
		text-align: center;
		background-color: #FF9999;
		border-radius: 50px;
		height: 50px;
		display: table;
		width: 95%;
	}
	.click-banner-content {
		height: 100%;
		vertical-align: middle;
		display: table-cell;
		text-align: -webkit-center;
	}
	a.banner-link {
		color: #FFFFFF;
		text-decoration: none;
		overflow-wrap: break-word;
		height: 100%;
		display: table-cell;
	}
	a.banner-link:link {
		color: #FFFFFF;
	}
	a.banner-link:visited {
		color: #FFFFFF;
	}
	a.banner-link:hover {
		color: #FFFFFF;
	}
	a.banner-link:active {
		color: #FFFFFF;
	}
	.banner-close {
		width: 40px;
		height: 100%;
		vertical-align: middle;
		text-align: -webkit-right;
		display: table-cell;
	}
	.banner-close-button {
		background-image: url('../img/bunner_close.gif');
		background-size: cover;
		display: table-cell;
		width: 40px;
		height: 40px;
		line-height: 4;
	}
	#bus-stop-banner-area {
		position: absolute;
		margin: auto;
		bottom: 0;
		left: 50%;
		transform: translate(-50%, -50%);
		height: auto;
		width: 400px;
	}
	span.banner-text {
		color: #FFFFFF;
		text-decoration: none;
		overflow-wrap: break-word;
		height: 100%;
		display: table-cell;
	}
}

@media screen and (min-width:480px) and (max-width:1024px) {
	.title-bar {
		position: absolute;
		top: 0;
		left: 10;
	}
	.title-name-wrap {
		display: inline-block;
		color: #ffffff;
		background-color: #00aa9f;
		padding: 10px;
	}
	.title-name {
		display: inline-block;
		font-size: 0.5em;
	}
	.nav-icon-area {
		position: absolute;
		top: 10;
		right: 10;
		width: 120px;
		background-color: white;
	}
	.image-box {
		margin: 5px;
		width: 50px;
		float: left;
		font-size: 0.65em;
	}
	.icon-area-wrap {
		width: 120px;
	}
	#static-banner-area-001 {
		position: absolute;
		top: 60px;
		left: 10px;
	}
	#static-banner-area {
		position: absolute;
		top: 60px;
		left: 10px;
	}
	.static-banner {
		background-color: #ffffff;
		padding: 5px 10px;
		display: inline-block;
		font-size: 0.7em;
	}
	#static-banner-area-002 {
		position: absolute;
		top: 90px;
		left: 10px;
	}
	#update-link-area {
		position: absolute;
		top: 90px;
		left: 10px;
	}
	.update-link {
		background-color: #ffffff;
		padding: 5px 10px;
		display: inline-block;
		font-size: 0.7em;
	}
	#store-banner-area {
		position: absolute;
		margin: auto;
		bottom: 0;
		left: 50%;
		transform: translate(-50%, -50%);
		height: auto;
		left: 50%;
		transform: translate(-50%, -50%);
		height: auto;
		width: 350px;
	}
	.click-banner {
		padding: 0px 10px;
		font-size: 1em;
		text-align: center;
		background-color: #FF9999;
		border-radius: 50px;
		height: 50px;
		display: table;
		width: 95%;
	}
	.click-banner-content {
		height: 100%;
		vertical-align: middle;
		display: table-cell;
		text-align: -webkit-center;
	}
	a.banner-link {
		color: #FFFFFF;
		text-decoration: none;
		overflow-wrap: break-word;
		height: 100%;
		display: table-cell;
	}
	a.banner-link:link {
		color: #FFFFFF;
	}
	a.banner-link:visited {
		color: #FFFFFF;
	}
	a.banner-link:hover {
		color: #FFFFFF;
	}
	a.banner-link:active {
		color: #FFFFFF;
	}
	.banner-close {
		width: 40px;
		height: 100%;
		vertical-align: middle;
		text-align: -webkit-right;
		display: table-cell;
	}
	.banner-close-button {
		background-image: url('../img/bunner_close.gif');
		background-size: cover;
		display: table-cell;
		width: 40px;
		height: 40px;
		line-height: 4;
	}

	#bus-stop-banner-area {
		position: absolute;
		margin: auto;
		bottom: 0;
		left: 50%;
		transform: translate(-50%, -50%);
		height: auto;
		width: 350px;
	}
	span.banner-text {
		color: #FFFFFF;
		text-decoration: none;
		overflow-wrap: break-word;
		height: 100%;
		display: table-cell;
	}
}

@media screen and (max-width: 480px) {
	.title-bar {
		position: absolute;
		top: 0;
		left: 10;
		right: 10;
		margin: auto;
	}
	.title-name-wrap {
		display: inline-block;
		color: #ffffff;
		background-color: #00aa9f;
		padding: 10px;
		text-align: center;
	}
	.title-name {
		display: inline-block;
		font-size: 0.5em;
	}
	.nav-icon-area {
		position: absolute;
		bottom: 24;
		right: 55;
		height: 81px;
		background-color: white;
	}
	.image-box {
		margin: 5px;
		float: left;
		font-size: 0.65em;
	}
	.icon-area-wrap {
		width: 285px;
		padding-left: 10px;
	}
	#static-banner-area-001 {
		position: absolute;
		top: 60px;
		left: 10px;
	}
	#static-banner-area {
		position: absolute;
		top: 60px;
		left: 10px;
	}
	.static-banner {
		background-color: #FFFFFF;
		padding: 5px 10px;
		display: inline-block;
		font-size: 0.6em;
	}
	#static-banner-area-002 {
		position: absolute;
		top: 90px;
		left: 10px;
	}
	#update-link-area {
		position: absolute;
		top: 90px;
		left: 10px;
	}
	.update-link {
		background-color: #FFFFFF;
		padding: 5px 10px;
		display: inline-block;
		font-size: 0.6em;
	}
	#store-banner-area {
		position: absolute;
		margin: auto;
		bottom: 110;
		left: 5px;
		right: 5px;
	}
	.click-banner {
		padding: 0px 10px;
		font-size: 1em;
		text-align: center;
		background-color: #FF9999;
		border-radius: 50px;
		height: 50px;
		display: table;
		width: 95%;
	}
	.click-banner-content {
		height: 100%;
		vertical-align: middle;
		display: table-cell;
		text-align: -webkit-center;
	}
	a.banner-link {
		color: #FFFFFF;
		text-decoration: none;
		overflow-wrap: break-word;
		height: 100%;
		display: table-cell;
	}
	a.banner-link:link {
		color: #FFFFFF;
	}
	a.banner-link:visited {
		color: #FFFFFF;
	}
	a.banner-link:hover {
		color: #FFFFFF;
	}
	a.banner-link:active {
		color: #FFFFFF;
	}
	.banner-close {
		width: 40px;
		height: 100%;
		vertical-align: middle;
		text-align: -webkit-right;
		display: table-cell;
	}
	.banner-close-button {
		background-image: url('../img/bunner_close.gif');
		background-size: cover;
		display: table-cell;
		width: 40px;
		height: 40px;
		line-height: 4;
	}
	#bus-stop-banner-area {
		position: absolute;
		margin: auto;
		bottom: 110;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	span.banner-text{
		color: #FFFFFF;
		text-decoration: none;
		overflow-wrap: break-word;
		height: 100%;
		display: table-cell;
	}
	.bus-stop-banner {
		width: 200px;
	}
}