/*=======================
エリアで絞り込む
=======================*/
.area_search_wrap {
	background-color: #FFFCF7;
	border: 2px solid #FA7D91;
	border-radius: 0.10rem;
}

.area_search_wrap .header {
	width: 100%;
	text-align: center;
	font-size: 0.18rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	padding-top: 0.20rem;
}

@media screen and (max-width: 640px) {
	.area_search_wrap .header {
		width: 100%;
		font-size: 0.15rem;
		padding-top: 0.15rem;
	}
}

.area_search_wrap .header span {
	display: inline-block;
	margin-bottom: 0.05rem;
}

.area_search_wrap .header span::before {
	content: "";
	width: 0.28rem;
	height: 0.20rem;
	display: inline-block;
	background-image: url(../img/icon_search_pink.svg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
	top: 0.03rem;
}

.area_search_wrap .area_list {
	width: 100%;
	box-sizing: border-box;
	padding: 0.20rem;
}

@media screen and (max-width: 640px) {
	.area_search_wrap .area_list {
		width: 100%;
		padding: 0.15rem;
	}
}

.area_search_wrap .area_list .list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.05rem;
}
@media screen and (max-width: 640px) {
	.area_search_wrap .area_list .list {
		gap: 0;
	}
}

.area_search_wrap .area_list .list .area {
	width: 16.23%;
	box-sizing: border-box;
	padding: 0.05rem;
}

@media screen and (max-width: 640px) {
	.area_search_wrap .area_list .list .area {
		width: 33.3%;
	}
}

.area_search_wrap .area_list .list .area span {
	display: block;
	background-color: #FFF;
	padding: 0.15rem 0 0.17rem;
	text-align: center;
	border-radius: 0.06rem;
	font-size: 0.15rem;
	font-weight: 700;
	color: #FA7D91;
	cursor: pointer;
	border: 2px solid #FA7D91;
	box-shadow: 0 2px 0 rgba(0,0,0,0.2);
	transition: all 0.3s;
}
@media screen and (max-width: 640px) {
	.area_search_wrap .area_list .list .area span {
		padding: 0.12rem 0 0.14rem;
		font-size: 0.13rem;
		letter-spacing: 0;
		border: 1px solid #FA7D91;
	}
	.area_search_wrap .area_list .list .area span em {
		display: none;
	}
}

.area_search_wrap .area_list .list .area.all span,
.area_search_wrap .area_list .list .area.active span,
.area_search_wrap .area_list .list .area:hover span {
	background-color: #FA7D91;
	color: #FFF;
}

.area_search_wrap .area_list .list .area.de-active span {
	background-color: #FFF;
	color: #FA7D91;
}

/*=======================
エリア一覧
=======================*/
.place_list_wrap {
	padding-top: 0.20rem;
}

/* 絞り込み時のみ表示 */
.place_list_wrap .search_results_wrap {
	text-align: center;
	padding-top: 0.20rem;
	display: none;
}

.place_list_wrap .search_results_wrap .txt {
	font-size: 0.16rem;
	font-weight: 500;
}

.place_list_wrap .search_results_wrap .txt strong {
	font-size: 0.18rem;
	font-weight: 700;
}

.place_list_wrap .search_results_wrap .txt span {
	font-weight: 700;
}

.place_list_wrap .list .detail {
	margin-top: 0.50rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-bottom: 0.50rem;
	border-bottom: 1px solid #CCC;
}

@media screen and (max-width: 640px) {
	.place_list_wrap .list .detail {
		margin-top: 0.30rem;
		padding-bottom: 0.30rem;
	}
}

/* 写真 */
.place_list_wrap .list .detail .ph_wrap {
	width: 40%;
}

@media screen and (max-width: 640px) {
	.place_list_wrap .list .detail .ph_wrap {
		width: 100%;
	}
}

/* 情報 */
.place_list_wrap .list .detail .txt_box {
	width: 56%;
}

@media screen and (max-width: 640px) {
	.place_list_wrap .list .detail .txt_box {
		width: 100%;
		padding-top: 0.15rem;
	}
}

.place_list_wrap .list .detail .txt_box .area {
	padding-bottom: 0.10rem;
}

@media screen and (max-width: 640px) {
	.place_list_wrap .list .detail .txt_box .area {
		text-align: center;
	}
}

.place_list_wrap .list .detail .txt_box .area span {
	display: inline-block;
	font-size: 0.15rem;
	font-weight: 700;
	color: #FFF;
	background-color: #FA7D91;
	padding: 0.04rem 0.08rem 0.05rem;
	border-radius: 0.04rem;
}

@media screen and (max-width: 640px) {
	.place_list_wrap .list .detail .txt_box .area span {
		font-size: 0.13rem;
		padding: 0.04rem 0.06rem 0.04rem;
	}
}

.place_list_wrap .list .detail .txt_box .tit {
	font-size: 0.18rem;
	font-weight: 700;
	line-height: 1.55;
	padding-bottom: 0.10rem;
}

@media screen and (max-width: 640px) {
	.place_list_wrap .list .detail .txt_box .tit {
		font-size: 0.16rem;
		font-weight: 700;
		line-height: 1.55;
		padding-bottom: 0.10rem;
	}
}

.place_list_wrap .list .detail .txt_box .txt {
	font-size: 0.15rem;
	line-height: 1.875;
	text-align: justify;
}

@media screen and (max-width: 640px) {
	.place_list_wrap .list .detail .txt_box .txt {
		font-size: 0.14rem;
	}
}

.place_list_wrap .list .detail .txt_box .address {
	font-size: 0.15rem;
	font-weight: 500;
	line-height: 1.75;
	text-align: justify;
	padding-bottom: 0.20rem;
}

.place_list_wrap .list .detail .txt_box .address::before {
	content: "";
	width: 0.20rem;
	height: 0.17rem;
	display: inline-block;
	background-image: url(../img/icon_map.svg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
	top: 0.02rem;
}

@media screen and (max-width: 640px) {
	.place_list_wrap .list .detail .txt_box .address {
		font-size: 0.14rem;
		text-indent: -0.20rem;
		padding-left: 0.20rem;
		padding-bottom: 0.10rem;
	}
}

.place_list_wrap .list .detail .txt_box .link {
	padding-top: 0.20rem;
}

.place_list_wrap .list .detail .txt_box .link a {
	color: #00316B;
	font-family: "Poppins", sans-serif;
	letter-spacing: 0;
	font-size: 0.15rem;
	font-weight: 500;
	text-decoration: underline;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

@media screen and (max-width: 640px) {
	.place_list_wrap .list .detail .txt_box .link a {
		color: #00316B;
		font-family: "Poppins", sans-serif;
		font-size: 0.13rem;
		font-weight: 500;
		text-decoration: underline;
	}
}

.place_list_wrap .list .detail .txt_box .link a:hover {
	text-decoration: none;
}

.place_list_wrap .list .detail .txt_box .link a span::after {
	content: "";
	width: 0.22rem;
	height: 0.12rem;
	display: inline-block;
	background-image: url(../img/icon_newwin.svg);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
}

/* 登録件数が0のとき */
.place_list_wrap .no_results {
	padding: 0.50rem 0;
	text-align: center;
	font-size: 0.16rem;
	display: none;
}