/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 12 2024 | 21:15:41 */
@charset "UTF-8";
/**
 * マップから探す
 */

.search_place{
    width: 980px;
    margin: 0 auto 20px;
    padding: 15px 20px;
    background-color: #f6f6f6;
    border-radius: 12px;
}

#map_top.set_condition_pickup{
	width: 980px;
	margin: 0 auto 40px;
	padding: 15px 20px;
	background-color: #f6f6f6;
	border-radius: 12px;
}

#map_top.set_condition_pickup h3{
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	color: #333;
}

#map_top.set_condition_pickup .select_group{
	gap: 0 20px;
}

#map_top.set_condition_pickup .select_wrap{
	width: 116px;
}

#map_top.set_condition_pickup .select_wrap::after{
	top: 20px;
	right: 1px;
	width: 20px;
	background-color: #fff;
	border-radius: 0 12px 12px 0;
}

#map_top.set_condition_pickup .select_wrap p,
#map_top.set_condition_pickup .select_wrap .select_group__layout_title{
	display: block;
	font-size: 12px;
}

#map_top.set_condition_pickup .select_wrap select,
#map_top.set_condition_pickup .select_wrap .select_mock{
	display: block;
	width: 100%;
	padding: 0 10px 1px;
	background-color: #fff;
	border: #c8c8c8 1px solid;
	border-radius: 5px;
	font-size: 15px;
}

#map_top.set_condition_pickup .select_wrap .select_mock{
	line-height: 37px;
	overflow: hidden;
}

#map_top.set_condition_pickup .more_bt .icon-check{
	position: relative;
	width: 10px;
	height: 10px;
	margin: 0 0 5px;
	padding: 0;
	background: unset;
}

#map_top.set_condition_pickup .more_bt .icon-check::before,
#map_top.set_condition_pickup .more_bt .icon-check::after{
	content: "";
	position: absolute;
	top: 50%;
	width: 100%;
	height: 2px;
	background: #00a491;
	border-radius: 5px;
}

#map_top.set_condition_pickup .more_bt .icon-check::before{
	left: 0;
}

#map_top.set_condition_pickup .more_bt .icon-check::after{
	left: 0;
	transform: rotate(90deg);
}

#map_top.set_condition_pickup .more_bt a .pc{
	font-size: 14px;
	font-weight: 500;
}

.es_map_search .ntgeo-icon{
	background-color: #6fb3a6;
}



/*--------------------------------------------------
**************************************************
  スマホ用
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 767px) {

	/* 条件変更（モーダル） */
	.postid-2615 .set_condition_wrap{
		background-color: #fff;
	}

	.postid-2615 .set_condition_wrap .set_condition_title h2,
	.postid-2615 .set_condition_wrap .set_condition_title a{
		color: #00a491;
	}

	.postid-2615 .set_condition_wrap .es-condition-fieldset h3{
		color: #333;
	}

	.postid-2615 .set_condition_wrap input[type="checkbox"]:checked,
	.postid-2615 .set_condition_wrap input[type="checkbox"]:checked + label::before{
		background-color: #00a491;
		border-color: #00a491;
	}

	.postid-2615 .set_condition_wrap .bt_group{
		padding: 25px;
		background-color: #e8fdf4;
	}

	.postid-2615 .set_condition_wrap .wp-block-button__link{
		background-color: #00a491;
		font-size: 16px;
		font-weight: 500;
	}

	.postid-2615 .set_condition_wrap .wp-block-button__link.close_set_condition_wrap{
		background-color: #fff;
	}
	
	.search_place{
    	width: 98%;
		margin-bottom: 25px;
		padding: 0;
		background-color: #FFF;
		padding: 2%;
		font-size: 12px;
	}
	
	#map_top.set_condition_pickup{
		width: 90%;
		margin-bottom: 25px;
		padding: 0;
		background-color: unset;
	}

	#map_top.set_condition_pickup .more_bt a{
		padding: 12px 40px;
	}

	#map_top.set_condition_pickup .more_bt .icon-check{
		padding: 0 10px 5px 0;
	}
}