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

/* ------------------------------
3連ボタン
------------------------------ */

/* ---------------
枠
--------------- */
.top_search .box {
	min-height: 60px;
	padding: 0;
	border: 0;
}

@media screen and (max-width:767px){
	.top_search .box {
		min-height: 100px;
		margin-top: 30px;
	}
}

/* ---------------
ボタン
--------------- */
.top_search .dl_list > p {
	background: #fff;
	border: 2px solid var(--main-color);
	border-bottom: 4px solid var(--main-color);
	color: inherit;
}

.top_search .dl_list > p > span:nth-of-type(1) {
	color: var(--main-color);
}

/*アイコン色変更*/
/*元が白アイコンなのでフィルター1行目で黒アイコンに変更*/
.top_search .dl_list > p > span:nth-of-type(1):before{
	filter: 
		brightness(0) saturate(100%)
		var(--main-color-filter);
}

/* ------------------------------
エリアから探す
------------------------------ */
@media (min-width:768px){
	.main .areamap_list dl {
		width: 100%;
	}

	.main .areamap_list dl dt {
		margin-bottom: 10px;
		padding: 5px 10px;
		background: #f6f6f6;
	}
}