@charset "UTF-8";
/* =======================================================
* property-list.php
* ======================================================= */
.search-results {
	max-width: 1300px;
	background: #EEEEE9;
	border-radius: 4px;
	padding: 1.5% 2%;
	margin: 0 auto;
}

.search-results p {
	font-size: 18px;
}

.search-results p span {
	padding-right: 15px;
}

.number {
	letter-spacing: 0.08em;
}

.number::after {
	content: "件";
	padding-left: 5px;
}

@media screen and (min-width: 769px) {
	.search-results .pagefeed {
		font-size: 20px;
	}
}
.search-results .pagefeed {
	padding: 0;
}

.search-results .nav_links a,
.search-results .nav_links span {
	margin: 2px 8px;
}

.property-item .images {
  grid-template-columns: repeat(3, 196px);
}
@media screen and (max-width: 1099px) {
	.property-item .images {
		grid-template-columns: repeat(3, 160px);
	}
}
@media screen and (max-width: 845px) {
	.property-item .images {
		grid-template-columns: repeat(2, 1fr);
	}
}

.btnWhtgrn,
.btnMosgrn {
  margin-top: 4%;
}

.btnMosgrn {
	border: 1px solid #808452;
}

.btnWhtgrn img {
	width: 24px;
}

.title1 {
	display: inline-block;
	font-size: 16.5px;
	padding-bottom: 2%;
}

/* =======================================================
* max-width: 1099px
* ======================================================= */
@media screen and (max-width: 1099px) {
	.search-results {
		padding-top: 9%;
	}

}

/* =======================================================
* max-width: 768px
* ======================================================= */
@media screen and (max-width: 768px) {
	.search-results {
		padding-top: 10%;
	}

	.search-results p {
    font-size: 18px;
	}

	.search-results p span {
    padding-right: 5px;
	}

	.number {
    font-size: 25px;
	}

	#main #search {
    padding: 2% 4% 0;
	}

	#main .container {
		padding-bottom: 0;
	}

}

/* =======================================================
* max-width: 480px
* ======================================================= */
@media screen and (max-width: 480px) {
	.search-results {
		padding-top: 20%;
	}

	.search-results p {
    font-size: 15px;
	}

	.search-results p span {
    display: inline-block;
	}

	.search-results .nav_links a,
	.search-results .nav_links span {
    margin: 2px 5px;
	}

}