/*　*/
.map {
	width: 100%;
	height: 400px;
	margin: 0 auto;
}
	@media screen and (max-width: 640px){
		.map {
			width: 100%;
			height: 400px;
		}
	}

#maptype_navi_inner span.icon svg {
	opacity: 0.5;
}

	@-moz-keyframes pulsate {
		from {
			-moz-transform: scale(0.25);
			opacity: 1.0;
		}
/*
		95% {
			-moz-transform: scale(1.3);
			opacity: 0;
		}
*/
		to {
			-moz-transform: scale(1.3);
			opacity: 0;
		}
	}
	@-webkit-keyframes pulsate {
		from {
			-webkit-transform: scale(0.25);
			opacity: 1.0;
		}
/*
		95% {
			-webkit-transform: scale(1.3);
			opacity: 0;
		}
*/
		to {
			-webkit-transform: scale(1.3);
			opacity: 0;
		}
	}
/*
	@-moz-keyframes pulsate {
		from {
			-moz-transform: scale(0.25);
			opacity: 1.0;		}
		to {
			-moz-transform: scale(0.3);
			opacity: 0;
		}
	}
	@-webkit-keyframes pulsate {
		from {
			-webkit-transform: scale(0.25);
			opacity: 1.0;		}
		to {
			-webkit-transform: scale(0.3);
			opacity: 0;
		}
	}
*/


	div[title="Me"] {
		-moz-animation: pulsate 1.5s ease-in-out infinite;
		-webkit-animation: pulsate 1.5s ease-in-out infinite;

		border:1pt solid #fff;
		/* make a circle */
		-moz-border-radius:51px;
		-webkit-border-radius:51px;
		border-radius:51px;
		/* multiply the shadows, inside and outside the circle */
		-moz-box-shadow:inset 0 0 5px #06f, inset 0 0 5px #06f, inset 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f;
		-webkit-box-shadow:inset 0 0 5px #06f, inset 0 0 5px #06f, inset 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f;
		box-shadow:inset 0 0 5px #06f, inset 0 0 5px #06f, inset 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f;
		/* set the ring's new dimension and re-center it */
		height:51px!important;
		margin:-18px 0 0 -18px;
		width:51px!important;
	}

	div[title="Me"] img {
		display:none;
	}

	@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (device-width: 768px) {
		div[title="Me"] {
			margin:-10px 0 0 -10px;
		}
	}