@charset "UTF-8";
/* CSS Document */

#mapAreaContentBlock {
	width: 100%;
	height: 400px;
}
#maparea {
	background-color: #CCC;
	height: 500px;
	padding: 10px;
}
#listArea #list_number ul li {
	background-image: url(../img/common/list_number_bg.jpg);
	background-repeat: no-repeat;
	padding-left: 8px;
	display: block;
	float: left;
	margin-left: 0px;
	height: 25px;
	width: 25px;
	text-decoration: none;
}
#listArea #list_number ul li a span {
	color: #09C;
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
}
#listArea #list_number ul li a {
	text-decoration: none;
}
#listArea #list_number ul .next {
	background-image: url(../img/common/list_next_bg.jpg);
	background-repeat: no-repeat;
	width: 52px;
	height: 27px;
}
#listArea #list_number ul li a:hover {
	text-decoration: underline;
}

#mapListBlock {
	position: relative;
}

#mapSearchForm {
	display: inline;
}
#mapSearchFormError {
	color: #ff0000;
}

div.searchTotal {
	margin-top: 10px;
}
#searchTotalCount {
	font-weight: bold;
	padding: 0 3px;
}
#searchAddress {
	font-weight: bold;
	padding: 0 3px;
}
span.searchAddressContent {
	display: none;
	margin-left: 20px;
}



/* Search */
div.mapSearchBlock {
	border: solid 1px #ccc;
	margin: 10px 0;
	padding: 10px;
}
div.mapSearchBlock span.searchItemTitle {
	color: #ff9c3d;
	font-weight: bold;
}
div.mapSearchBlock span.searchItemValue div.checkbox input[type="checkbox"] {
	vertical-align: middle;
}
div.mapSearchBlock span.searchItemValue div.checkbox input[type="checkbox"] + label {
	cursor: pointer;
}
div.mapSearchBlock table {
	width: 100%;
}
div.mapSearchBlock table td {
	vertical-align: top;
	padding: 0 10px;
	white-space: nowrap;
}
div.mapSearchBlock table td.address {
}
div.mapSearchBlock table td.address div.address-area {
	height: 30px;
	margin: 0 0 10px 0;
}
div.mapSearchBlock table td.address div.address-area div.input {
	float: left;
	width: 95%;
	height: 100%;
}
div.mapSearchBlock table td.address div.address-area div.input input.address {
	width: 100%;
	height: 100%;
	padding: 5px;
	background: transparent;
	border: solid 1px #ccc;
	box-sizing: border-box;
}
div.mapSearchBlock table td.address div.address-area div.address-button-area {
	position: relative;
	float: left;
	width: 5%;
	height: 100%;
}
div.mapSearchBlock table td.address div.address-area div.address-button-area div.common-search-icon {
	position: absolute;
	top: 7px;
	left: 10px;
	pointer-events: none;
}
div.mapSearchBlock table td.address div.address-area div.address-button-area div.common-search-icon:before {
	width: 8px;
	height: 8px;
	border-color: #fff;
}
div.mapSearchBlock table td.address div.address-area div.address-button-area div.common-search-icon:after {
	left: 11px;
	height: 6px;
	background-color: #fff;
}
div.mapSearchBlock table td.address div.address-area button.address-button {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border-radius: 0;
}
div.mapSearchBlock table td.gender {
	width: 20%;
}
div.mapSearchBlock table td.room-type {
	width: 20%;
}
div.mapSearchBlock table td.room-status {
	width: 20%;
}
div.mapSearchBlock table td.other {
	width: 20%;
}
div.mapSearchBlock table td.button-area {
	width: 20%;
}
div.mapSearchBlock table td.button-area .btn {
	width: 100%;
}
div.mapSearchBlock table td.button-area button.btn {
	margin: 0 0 10px 0;
}


/*
 * Map Area
 */
div.mapAreaList {
	margin-top: 10px;
}
div.mapAreaList div.imageArea {
	float: left;
}
div.mapAreaList div.imageArea div.image {
}
div.mapAreaList div.imageArea div.image img {
	width: 270px;
	height: 180px;

	border: 3px solid #E0E0E0;
	height: 180px;
	max-width: 270px;
	padding: 5px;
}
div.mapAreaList div.infoArea {
	float: left;
	padding-left: 10px;
}
div.mapAreaList div.infoArea div.title {
	font-weight: bold;
}

/* Map */
#mapAreaContentBlock div.marker {
	position: absolute;
	top: 0;
	left: -10px;
	width: 40px;
	height: 40px;
	background: url('../../img/user/global/house/icon/pin_red_white.png') no-repeat left top;
	cursor: pointer;
}
#mapAreaContentBlock div.marker.item-type-2 {
	background: url('../../img/user/global/house/icon/pin_blue_white.png') no-repeat left top;
}
#mapAreaContentBlock div.marker.item-type-5 {
	background: url('../../img/user/global/house/icon/sharelog_icon.png') no-repeat left top;
	background-size: 70%;
}
#mapAreaContentBlock div.marker.item-type-5 div.marker-inner {
	display: none;
}
#mapAreaContentBlock div.marker div.marker-inner {
	position: relative;
	left: 4px;
	top: 4px;
	display: inline-block;
	width: 20px;
	height: 20px;
	font-size: 140%;
	font-weight: bold;
	text-align: center;
}
#mapAreaContentBlock div.marker.active {
	background: url('../../img/user/global/house/icon/pin_selected.png') no-repeat left top;
}

/* Filter */
div.map-top.map-wrap table tr.filter td {
	padding: 0;
	white-space: normal;
}
div.filter-area {
	margin: 20px 0 0 0;
}



/* Bookmark Button */
.map-title .search-filter-button {
	float: right;
	position: relative;
	margin-left: 5px;
	padding: 4px 15px 4px 28px;
	font-weight: normal;
	font-size: 0.8rem;
	color: #393c3d;
	line-height: normal;
}
.map-title .search-filter-button:visited {
	color: #393c3d;
}
.map-title .search-filter-button.filtered {
	color: #ec2c70;
}
.map-title .search-filter-button:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 5px;
	width: 18px;
	height: 18px;
	margin: auto 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.map-title .search-filter-button.search-filter-button-bookmark:before {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiM0ODQ4NDg7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTI0LDIuOGMtMC4zLDAtMC42LDAtMC45LDAuMUMyMiwzLDIwLjgsMy40LDE5LjcsNGMtMS4yLDAuNy0yLjQsMS42LTMuNywyLjljLTEuMy0xLjMtMi41LTIuMy0zLjctMi45QzExLjIsMy40LDEwLDMsOC45LDIuOUM4LjYsMi44LDguMywyLjgsOCwyLjhjLTEuOSwwLTcuMywxLjUtNy4zLDguNGMwLDcuOSwxMi4yLDE2LjMsMTQuNywxOGMwLjMsMC4yLDAuOCwwLjIsMS4xLDBjMi41LTEuNiwxNC43LTEwLjEsMTQuNy0xOEMzMS4yLDQuMywyNS45LDIuOCwyNCwyLjgiLz48L3N2Zz4=);
}
.map-title .search-filter-button.search-filter-button-bookmark.filtered:before {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNGRjVBNUY7ZmlsbC1vcGFjaXR5OjAuNTtzdHJva2U6IzQ4NDg0ODtzdHJva2Utd2lkdGg6MS41O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDt9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjQsMi44Yy0wLjMsMC0wLjYsMC0wLjksMC4xQzIyLDMsMjAuOCwzLjQsMTkuNyw0Yy0xLjIsMC43LTIuNCwxLjYtMy43LDIuOWMtMS4zLTEuMy0yLjUtMi4zLTMuNy0yLjlDMTEuMiwzLjQsMTAsMyw4LjksMi45QzguNiwyLjgsOC4zLDIuOCw4LDIuOGMtMS45LDAtNy4zLDEuNS03LjMsOC40YzAsNy45LDEyLjIsMTYuMywxNC43LDE4YzAuMywwLjIsMC44LDAuMiwxLjEsMGMyLjUtMS42LDE0LjctMTAuMSwxNC43LTE4QzMxLjIsNC4zLDI1LjksMi44LDI0LDIuOCIvPjwvc3ZnPg==);
}







/*
 * Map InfoWindow
 */
div.infowindow {
	width: 200px;
	min-height: 130px;
	padding: 0 0px 0 0px;
}
div.map-infowindow-large div.infowindow {
	width: 400px;
	min-height: 230px;
}
div.infowindow div.infowindow-inner div.infowindow-large-button {
	position: relative;
}
div.infowindow div.infowindow-inner div.infowindow-large-button div.infowindow-large-button-inner {
	position: absolute;
	left: 0;
	top: 0;
	width: 15px;
	height: 15px;
	background-color:  rgba(255, 255, 255, 0.7);
	padding: 1px;
	z-index: 10;
}
div.infowindow div.infowindow-inner div.infowindow-large-button a {
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url('../../img/user/global/map/search_icon.png') no-repeat left -40px;
}
div.map-infowindow-large div.infowindow div.infowindow-inner div.infowindow-large-button a {
	background-position: -15px -40px;
}
div.infowindow div.infowindow-inner div.infowindow-large-button a:hover {
	background-color: #f7d084;
}
div.infowindow div.infowindow-inner div.common-slide-area div.flick-area {
	height: 130px;
}
div.map-infowindow-large div.infowindow div.infowindow-inner div.common-slide-area div.flick-area {
	height: 230px;
}
div.infowindow div.infowindow-inner div.common-slide-area div.move div.move-inner a.arrow {
	height: 25px;
	padding-top: 42px;
}
div.map-infowindow-large div.infowindow div.infowindow-inner div.common-slide-area div.move div.move-inner a.arrow {
	height: 75px;
	padding-top: 94px;
}
div.infowindow div.infowindow-inner div.common-slide-area div.move div.move-inner a.arrow:after {
	width: 15px;
	height: 15px;
	border-width: 3px;
	border-color: rgba(255, 255, 255, 0.7);
}
div.infowindow div.infowindow-inner div.common-slide-area div.flick-area div.flick-inner {
	height: 100%;
}
div.infowindow div.infowindow-inner div.common-slide-area div.flick-area div.flick-inner div.flick-item {
	width: 200px;
	height: 100%;
}
div.infowindow div.infowindow-inner div.common-slide-area div.flick-area div.flick-inner div.flick-item a {
	display: block;
	height: 100%;
}
div.map-infowindow-large div.infowindow div.infowindow-inner div.common-slide-area div.flick-area div.flick-inner div.flick-item {
	width: 400px;
}
div.infowindow div.infowindow-inner div.image {
	position: relative;
}
div.infowindow div.infowindow-inner div.image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
div.infowindow div.infowindow-inner div.name-area {
	background-color: #fff;
	text-align: left;
}
div.infowindow div.infowindow-inner div.name-area div.name-inner {
	padding: 5px 5px 0 5px;
}
div.infowindow div.infowindow-inner div.name-area div.name-inner div.name div.name-str div.name-str-inner {
	float:left;
	color: #444;
	width: 80%;
	width: calc(100% - 70px);
	line-height: 1.3em;
	font-weight: bold;
}
div.infowindow div.infowindow-inner div.name-area div.name-inner div.name div.name-str div.name-str-inner a {
	text-decoration: none;
	color: #444;
	font-size: 90%;
	font-weight: bold;
}
div.infowindow div.infowindow-inner div.name-area div.name-inner div.name div.name-str div.name-str-inner a:hover {
	color: #ff9c3d;
}
div.infowindow div.infowindow-inner div.name-area div.name-inner div.contact-button-area {
	float: right;
}
div.infowindow div.infowindow-inner div.name-area div.name-inner div.contact-button-area a {
	color: #fff;
	padding: 2px 10px;
	font-size: 90%;
	text-decoration: none;
	border-radius: 2px;
}
div.infowindow div.infowindow-inner div.name-area div.name-inner div.address-price-area {
	font-size: 90%;
}
div.infowindow div.infowindow-inner div.name-area div.name-inner div.address-price-area table {
	width: 100%;
}
div.infowindow div.infowindow-inner div.name-area div.name-inner div.address-price-area table td.address {
	width: 50%;
	line-height: 1.2em;
	font-size: 95%;
	color: #444;
}
div.infowindow div.infowindow-inner div.name-area div.name-inner div.address-price-area table td.price {
	width: 50%;
	text-align: right;
	vertical-align: bottom;
}
div.gm-style-iw {
	width: 200px !important;
	max-width: none !important;
	padding: 0 !important;

	/* For Mapbox */
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .3);
}
/* For Mapbox */
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
	position: relative;
	top: -1px;
}
div.gm-style-iw div.gm-style-iw-d {
	max-width: none !important;
	overflow: auto !important;
}
div.gm-style-iw button.gm-ui-hover-effect {
	display: none !important;
}

div.map-infowindow-large div.gm-style-iw {
	width: 400px !important;
}

div.infowindow div.common-slide-area div.flick-area div.flick-inner.slide-prev {
	-webkit-animation: map-infowindow-house-image-slide-prev 0.2s ease forwards;
	animation: map-infowindow-house-image-slide-prev 0.2s ease forwards;
}
div.infowindow div.common-slide-area div.flick-area div.flick-inner.slide-next {
	-webkit-animation: map-infowindow-house-image-slide-next 0.2s ease forwards;
	animation: map-infowindow-house-image-slide-next 0.2s ease forwards;
}
div.map-infowindow-large div.infowindow div.common-slide-area div.flick-area div.flick-inner.slide-prev {
	-webkit-animation: map-infowindow-large-house-image-slide-prev 0.2s ease forwards;
	animation: map-infowindow-large-house-image-slide-prev 0.2s ease forwards;
}
div.map-infowindow-large div.infowindow div.common-slide-area div.flick-area div.flick-inner.slide-next {
	-webkit-animation: map-infowindow-large-house-image-slide-next 0.2s ease forwards;
	animation: map-infowindow-large-house-image-slide-next 0.2s ease forwards;
}
@-webkit-keyframes map-infowindow-house-image-slide-prev {
	0% {
	}
	100% {
		-webkit-transform: translate(200px, 0);
		-moz-transform: translate(200px, 0);
		-ms-transform: translate(200px, 0);
		-o-transform: translate(200px, 0);
		transform: translate(200px, 0);
	}
}
@keyframes map-infowindow-house-image-slide-prev {
	0% {
	}
	100% {
		-webkit-transform: translate(200px, 0);
		-moz-transform: translate(200px, 0);
		-ms-transform: translate(200px, 0);
		-o-transform: translate(200px, 0);
		transform: translate(200px, 0);
	}
}
@-webkit-keyframes map-infowindow-house-image-slide-next {
	0% {
	}
	100% {
		-webkit-transform: translate(-200px, 0);
		-moz-transform: translate(-200px, 0);
		-ms-transform: translate(-200px, 0);
		-o-transform: translate(-200px, 0);
		transform: translate(-200px, 0);
	}
}
@keyframes map-infowindow-house-image-slide-next {
	0% {
	}
	100% {
		-webkit-transform: translate(-200px, 0);
		-moz-transform: translate(-200px, 0);
		-ms-transform: translate(-200px, 0);
		-o-transform: translate(-200px, 0);
		transform: translate(-200px, 0);
	}
}

@-webkit-keyframes map-infowindow-large-house-image-slide-prev {
	0% {
	}
	100% {
		-webkit-transform: translate(400px, 0);
		-moz-transform: translate(400px, 0);
		-ms-transform: translate(400px, 0);
		-o-transform: translate(400px, 0);
		transform: translate(400px, 0);
	}
}
@keyframes map-infowindow-large-house-image-slide-prev {
	0% {
	}
	100% {
		-webkit-transform: translate(400px, 0);
		-moz-transform: translate(400px, 0);
		-ms-transform: translate(400px, 0);
		-o-transform: translate(400px, 0);
		transform: translate(400px, 0);
	}
}
@-webkit-keyframes map-infowindow-large-house-image-slide-next {
	0% {
	}
	100% {
		-webkit-transform: translate(-400px, 0);
		-moz-transform: translate(-400px, 0);
		-ms-transform: translate(-400px, 0);
		-o-transform: translate(-400px, 0);
		transform: translate(-400px, 0);
	}
}
@keyframes map-infowindow-large-house-image-slide-next {
	0% {
	}
	100% {
		-webkit-transform: translate(-400px, 0);
		-moz-transform: translate(-400px, 0);
		-ms-transform: translate(-400px, 0);
		-o-transform: translate(-400px, 0);
		transform: translate(-400px, 0);
	}
}






div.infowindow div.infowindow-inner div.infowindow-large-button {
	display: none;
}
div.infowindow div.infowindow-inner div.common-slide-area div.move div.move-inner a.arrow {
	height: 27px;
	padding-top: 42px;
}




/* Map Area List */
/*
div.mapAreaList {
	margin-top: 0;
}
div.mapAreaList div.infoArea {
	float: none;
	position: absolute;
	left: 5px;
	bottom: 10px;
	padding-left: 0;
}
div.mapAreaList div.infoArea div.title span.houseIconArea {
	display: none;
}
div.mapAreaList div.infoArea div.title a {
	color: #fff;
	font-size: 130%;
	text-decoration: none;
}
div.mapAreaList.item-type-area {
	margin-bottom: 10px;
}
div.mapAreaList.item-type-area:before {
	content: "";
	display: block;
	padding-top: 66.7%;
}
div.mapAreaList.item-type-area a.common-fade-area {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
div.mapAreaList.item-type-area div.imageArea {
	float: none;
	height: 100%;
}
div.mapAreaList.item-type-area div.imageArea div.image {
	height: 100%;
}
div.mapAreaList.item-type-area div.infoArea {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: table;
}
*/
div.mapAreaList.item-type-area div.infoArea div.title {
	display: table-cell;
	vertical-align: middle;
	color: #555;
	font-size: 150%;
	text-align: center;
}
div.mapAreaList.item-type-area div.infoArea div.title span.name-area {
}
div.mapAreaList.item-type-area div.infoArea div.title span.name-area span.name {
	display: block;
}
div.mapAreaList.item-type-area div.infoArea div.title span.name-area span.count {
	display: inline-block;
	min-width: 20px;
	font-weight: normal;
	font-size: 80%;
	margin: 3px 0 0 0;
	padding: 0 5px;
	border: solid 1px #555;
	border-radius: 13px;
}




/* Map Area Marker */
#mapAreaContentBlock div.marker.item-type-6,
#mapAreaContentBlock div.marker.item-type-7,
#mapAreaContentBlock div.marker.item-type-8 {
	background: none;
}
#mapAreaContentBlock div.marker.item-type-6 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-7 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-8 div.marker-inner {
	display: table;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: solid 1px rgba(255, 255, 255, 0.8);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
	opacity: 0;

	-webkit-animation: map-area-marker-show 0.6s ease forwards;
	animation: map-area-marker-show 0.6s ease forwards;
}
#mapAreaContentBlock div.marker.item-type-6[data-text-len="4"] div.marker-inner,
#mapAreaContentBlock div.marker.item-type-7[data-text-len="4"] div.marker-inner,
#mapAreaContentBlock div.marker.item-type-8[data-text-len="4"] div.marker-inner {
	width: 40px;
	height: 40px;
}
@-webkit-keyframes map-area-marker-show {
	0% {
	}
	100% {
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
		-ms-transform: scale(1.0);
		-o-transform: scale(1.0);
		transform: scale(1.0);

		opacity: 1;
	}
}
@keyframes map-area-marker-show {
	0% {
	}
	100% {
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
		-ms-transform: scale(1.0);
		-o-transform: scale(1.0);
		transform: scale(1.0);

		opacity: 1;
	}
}

@-webkit-keyframes map-area-marker-active {
	0% {
	}
	50% {
		-webkit-transform: translateY(-30px);
		-moz-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		-o-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	100% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes map-area-marker-active {
	0% {
	}
	50% {
		-webkit-transform: translateY(-30px);
		-moz-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		-o-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	100% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
}

#mapAreaContentBlock div.marker.item-type-6 div.marker-inner div.marker-inner-inner,
#mapAreaContentBlock div.marker.item-type-7 div.marker-inner div.marker-inner-inner,
#mapAreaContentBlock div.marker.item-type-8 div.marker-inner div.marker-inner-inner {
	display: table-cell;
	vertical-align: middle;
	left: auto;
	top: 0;
	width: auto;
	color: #fff;
	font-weight: normal;
	font-size: 100%;
}
#mapAreaContentBlock div.marker.item-type-6 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-7 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-8 div.marker-inner {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#54a9ff+0,0f5fc6+100&0.8+0,0.8+100 */
background: -moz-linear-gradient(top, rgba(84,169,255,0.8) 0%, rgba(15,95,198,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(84,169,255,0.8) 0%,rgba(15,95,198,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(84,169,255,0.8) 0%,rgba(15,95,198,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc54a9ff', endColorstr='#cc0f5fc6',GradientType=0 ); /* IE6-9 */
}



#mapAreaContentBlock div.marker.item-type-6 div.marker-inner:after,
#mapAreaContentBlock div.marker.item-type-7 div.marker-inner:after,
#mapAreaContentBlock div.marker.item-type-8 div.marker-inner:after {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff5db1+0,ef017c+100;Pink+3D+%231 */
background: #ff5db1; /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,93,177,0.7) 0%, rgba(255,92,176,0.7) 1%, rgba(239,1,124,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,93,177,0.7) 0%,rgba(255,92,176,0.7) 1%,rgba(239,1,124,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,93,177,0.7) 0%,rgba(255,92,176,0.7) 1%,rgba(239,1,124,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccff5db1', endColorstr='#ccef017c',GradientType=0 ); /* IE6-9 */



	position: absolute;
	left: 0;
	top: 0;
	display: table;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	opacity: 0;

	content: "";
/*
    box-shadow: 0 0 0 2px rgba(252, 106, 196, 0.91);
    animation: sonarEffect 1s ease-out infinite;
*/
	animation: map-area-marker-fade 0.6s;
}
#mapAreaContentBlock div.marker.item-type-6.item-rnd-1 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-7.item-rnd-1 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-8.item-rnd-1 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-6.item-rnd-1 div.marker-inner:after,
#mapAreaContentBlock div.marker.item-type-7.item-rnd-1 div.marker-inner:after,
#mapAreaContentBlock div.marker.item-type-8.item-rnd-1 div.marker-inner:after {
	animation-delay: 0.02s;
	-webkit-animation-delay: 0.02s;
}
#mapAreaContentBlock div.marker.item-type-6.item-rnd-2 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-7.item-rnd-2 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-8.item-rnd-2 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-6.item-rnd-2 div.marker-inner:after,
#mapAreaContentBlock div.marker.item-type-7.item-rnd-2 div.marker-inner:after,
#mapAreaContentBlock div.marker.item-type-8.item-rnd-2 div.marker-inner:after {
	animation-delay: 0.04s;
	-webkit-animation-delay: 0.04s;
}
#mapAreaContentBlock div.marker.item-type-6.item-rnd-3 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-7.item-rnd-3 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-8.item-rnd-3 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-6.item-rnd-3 div.marker-inner:after,
#mapAreaContentBlock div.marker.item-type-7.item-rnd-3 div.marker-inner:after,
#mapAreaContentBlock div.marker.item-type-8.item-rnd-3 div.marker-inner:after {
	animation-delay: 0.06s;
	-webkit-animation-delay: 0.06s;
}
#mapAreaContentBlock div.marker.item-type-6.item-rnd-4 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-7.item-rnd-4 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-8.item-rnd-4 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-6.item-rnd-4 div.marker-inner:after,
#mapAreaContentBlock div.marker.item-type-7.item-rnd-4 div.marker-inner:after,
#mapAreaContentBlock div.marker.item-type-8.item-rnd-4 div.marker-inner:after {
	animation-delay: 0.08s;
	-webkit-animation-delay: 0.08s;
}
#mapAreaContentBlock div.marker.item-type-6.item-rnd-5 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-7.item-rnd-5 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-8.item-rnd-5 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-6.item-rnd-5 div.marker-inner:after,
#mapAreaContentBlock div.marker.item-type-7.item-rnd-5 div.marker-inner:after,
#mapAreaContentBlock div.marker.item-type-8.item-rnd-5 div.marker-inner:after {
	animation-delay: 0.1s;
	-webkit-animation-delay: 0.1s;
}
#mapAreaContentBlock div.marker.item-type-6.item-rnd-6 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-7.item-rnd-6 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-8.item-rnd-6 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-6.item-rnd-6 div.marker-inner:after,
#mapAreaContentBlock div.marker.item-type-7.item-rnd-6 div.marker-inner:after,
#mapAreaContentBlock div.marker.item-type-8.item-rnd-6 div.marker-inner:after {
	animation-delay: 0.12s;
	-webkit-animation-delay: 0.12s;
}
#mapAreaContentBlock div.marker.item-type-6.item-rnd-7 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-7.item-rnd-7 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-8.item-rnd-7 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-6.item-rnd-7 div.marker-inner:after,
#mapAreaContentBlock div.marker.item-type-7.item-rnd-7 div.marker-inner:after,
#mapAreaContentBlock div.marker.item-type-8.item-rnd-7 div.marker-inner:after {
	animation-delay: 0.14s;
	-webkit-animation-delay: 0.14s;
}
#mapAreaContentBlock div.marker.item-type-6.item-rnd-8 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-7.item-rnd-8 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-8.item-rnd-8 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-6.item-rnd-8 div.marker-inner:after,
#mapAreaContentBlock div.marker.item-type-7.item-rnd-8 div.marker-inner:after,
#mapAreaContentBlock div.marker.item-type-8.item-rnd-8 div.marker-inner:after {
	animation-delay: 0.16s;
	-webkit-animation-delay: 0.16s;
}
#mapAreaContentBlock div.marker.item-type-6.item-rnd-9 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-7.item-rnd-9 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-8.item-rnd-9 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-6.item-rnd-9 div.marker-inner:after,
#mapAreaContentBlock div.marker.item-type-7.item-rnd-9 div.marker-inner:after,
#mapAreaContentBlock div.marker.item-type-8.item-rnd-9 div.marker-inner:after {
	animation-delay: 0.18s;
	-webkit-animation-delay: 0.18s;
}
#mapAreaContentBlock div.marker.item-type-6.item-rnd-10 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-7.item-rnd-10 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-8.item-rnd-10 div.marker-inner,
#mapAreaContentBlock div.marker.item-type-6.item-rnd-10 div.marker-inner:after,
#mapAreaContentBlock div.marker.item-type-7.item-rnd-10 div.marker-inner:after,
#mapAreaContentBlock div.marker.item-type-8.item-rnd-10 div.marker-inner:after {
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
}
@-webkit-keyframes map-area-marker-fade {
	0% {
		opacity: 0.8;
	}
	100% {
		-webkit-transform: scale(2.0);
		-moz-transform: scale(2.0);
		-ms-transform: scale(2.0);
		-o-transform: scale(2.0);
		transform: scale(2.0);

		opacity: 0;
	}
}
@keyframes map-area-marker-fade {
	0% {
		opacity: 0.8;
	}
	100% {
		-webkit-transform: scale(2.0);
		-moz-transform: scale(2.0);
		-ms-transform: scale(2.0);
		-o-transform: scale(2.0);
		transform: scale(2.0);

		opacity: 0;
	}
}


/*sonar effect*/
@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.9;
		box-shadow: 0 0 0 2px rgba(252, 106, 196,0.1), 0 0 5px 5px rgba(252, 106, 196,0.8), 0 0 0 5px rgba(252, 106, 196,0.3);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(252, 106, 196,0.1), 0 0 5px 5px rgba(252, 106, 196,0.8), 0 0 0 5px rgba(252, 106, 196,0.3);
		transform: scale(2.5);
		opacity: 0;
	}
}