.search-page * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a.search-page-params {
	border-bottom: 1px dashed blue;
	text-decoration: none;
}
div.search-page-params {
	margin-top: 6px;
}
.search-item-rate {font-size: 11px;}

.search-page .search-page-form {
	margin-bottom: 15px;
}
.search-page .search-item {
	margin: 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid;
}
.search-page .search-item.search-item-first {
	padding-top: 15px;
	border-top: 1px solid;
}
	.search-page .search-preview + .search-description {
		margin-left: 135px;
	}
		.search-page .search-title {
			margin-bottom: 5px;
		}
			.search-page .search-title a {
				font-weight: bold;
				color: #333;
			}
		.search-page .search-previewtext {
			font-size: 13px;
			margin-bottom: 5px;
		}
		.search-page .search-propslist {
			font-size: 13px;
			margin-bottom: 5px;
		}
	.search-page .search-preview {
		float: left;
		margin-right: 15px;
		width: 120px;
		text-align: center;
	}
	.search-page .search-preview img {
		display: inline-block;
	}

.search-page input[type=text] {
	background-color: #fcfcfc;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
	border-style: solid;
	border-width: 1px;
	border-radius: 1px;
	outline: none;
}
.search-page input[type=text]:focus {
	background-color: #fff;
}
.search-page input[type=submit] {
	border-radius: 1px;
	height: 34px;
	padding: 6px 24px;
	font-size: 14px;
	line-height: 1.42857143;
	border: 1px solid;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}
.search-page .clear {
	clear:both;
}

.ag-spage-history {
	display: block;
	margin-bottom: 15px;
}
	.ag-spage-history a {
		color: #222;
		text-decoration: underline;
	}
	.ag-spage-history a:hover {
		text-decoration: none;
	}

.search-page .search-change-how {
	margin-top: 15px;
}

.ag-spage-clarify-list {
	display: block;
}
	.ag-spage-clarify-title {
		font-size: 15px;
		font-weight: bold;
		margin-bottom: 8px;
	}
	.ag-spage-clarify-item {
		display: inline-block;
		color: #111;
		text-decoration: none;
		border: 1px solid #111;
		padding: 4px 10px;
		border-radius: 2px;
	}
	.ag-spage-clarify-item:hover {
		text-decoration: none;
		border: 1px solid #000;
	}

@media (max-width:767px){
	.search-page form {
		display: block;
		position: relative;
	}
	.search-page input[type="text"] {
		width: 100%;
	}
	.search-page input[type="submit"] {
		position: absolute;
		top: 0;
		right: 0;
	}
}

/* blue */
.search-page.theme-blue .search-title b {
	color: var(--yellow);
}
.search-page.theme-blue .search-item {
	border-color: var(--green);
}
.search-page.theme-blue input[type=text] {
	border-color: var(--green);
}
.search-page.theme-blue input[type=submit] {
	border-color:var(--green);
	background-color:var(--green);
}
.search-page.theme-blue input[type=submit]:hover {
	border-color:var(--yellow);
	background-color:var(--yellow);
}
.search-page.theme-blue .ag-spage-clarify-item, .search-page.theme-blue .ag-spage-clarify-item:hover {
	border-color:var(--yellow);
}
/* black */
.search-page.theme-black .search-title b {
	color: #5c5c5c;
}
.search-page.theme-black .search-item {
	border-color: #333;
}
.search-page.theme-black input[type=text] {
	border-color: #333;
}
.search-page.theme-black input[type=submit] {
	border-color:#333;
	background-color:#333;
}
.search-page.theme-black input[type=submit]:hover {
	border-color:#5c5c5c;
	background-color:#5c5c5c;
}
.search-page.theme-black .ag-spage-clarify-item, .search-page.theme-black .ag-spage-clarify-item:hover {
	border-color:#5c5c5c;
}
/* green */
.search-page.theme-green .search-title b {
	color: #44b1c9;
}
.search-page.theme-green .search-item {
	border-color: #159ebb;
}
.search-page.theme-green input[type=text] {
	border-color: #159ebb;
}
.search-page.theme-green input[type=submit] {
	border-color:#159ebb;
	background-color:#159ebb;
}
.search-page.theme-green input[type=submit]:hover {
	border-color:#44b1c9;
	background-color:#44b1c9;
}
.search-page.theme-green .ag-spage-clarify-item, .search-page.theme-green .ag-spage-clarify-item:hover {
	border-color:#44b1c9;
}
/* red */
.search-page.theme-red .search-title b {
	color: #e95c5c;
}
.search-page.theme-red .search-item {
	border-color: #E22B2B;
}
.search-page.theme-red input[type=text] {
	border-color: #E22B2B;
}
.search-page.theme-red input[type=submit] {
	border-color:#E22B2B;
	background-color:#E22B2B;
}
.search-page.theme-red input[type=submit]:hover {
	border-color:#e95c5c;
	background-color:#e95c5c;
}
.search-page.theme-red .ag-spage-clarify-item, .search-page.theme-red .ag-spage-clarify-item:hover {
	border-color:#e95c5c;
}
/* yellow */
.search-page.theme-yellow .search-title b {
	color: #faba4a;
}
.search-page.theme-yellow .search-item {
	border-color: #F9A91D;
}
.search-page.theme-yellow input[type=text] {
	border-color: #F9A91D;
}
.search-page.theme-yellow input[type=submit] {
	border-color:#F9A91D;
	background-color:#F9A91D;
}
.search-page.theme-yellow input[type=submit]:hover {
	border-color:#faba4a;
	background-color:#faba4a;
}
.search-page.theme-yellow .ag-spage-clarify-item, .search-page.theme-yellow .ag-spage-clarify-item:hover {
	border-color:#faba4a;
}


.search-preview{
	position: relative;
}
.search-detail{
	/* position: absolute; */
}
.search-preview:after {
	/* font-family: FontAwesome; */
	font-size: 20px;
	color: #00594F;
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='18' x='0' y='0' viewBox='0 0 522.781 522.782' style='enable-background:new 0 0 512 512' xml:space='preserve'%3E%3Cg%3E%3Cpath d='m512.703 455.395-75.353-75.2c-7.191-7.19-16.983-10.557-26.469-10.098l-36.262-36.261c61.735-81.625 55.463-198.365-18.896-272.799-81.318-81.319-213.28-81.319-294.599.153-81.473 81.472-81.473 213.282-.153 294.601 74.435 74.435 191.174 80.631 272.799 18.896l36.261 36.262c-.459 9.485 2.907 19.277 10.098 26.469l75.2 75.199c13.464 13.464 35.419 13.464 48.883 0l8.339-8.339c13.616-13.464 13.616-35.266.152-48.883zM310.666 310.733c-56.457 56.457-148.18 56.61-204.637.153s-56.457-148.027.153-204.638c56.457-56.457 148.181-56.61 204.638-.153s56.227 148.028-.154 204.638z' fill='%2300594F' opacity='1' data-original='%2300594F'%3E%3C/path%3E%3Cpath d='M265.072 186.727h-34.119v-34.119c0-12.316-9.945-22.262-22.108-22.262h-.229c-12.164 0-22.108 9.945-22.108 22.262v34.119h-34.119c-12.316 0-22.261 9.945-22.261 22.109v.153c0 12.164 9.945 22.108 22.261 22.108h34.119v34.119c0 12.317 9.945 22.262 22.108 22.262h.153c12.163 0 22.108-9.944 22.108-22.262v-34.119h34.119c12.316 0 22.262-9.945 22.262-22.108v-.153c.152-12.164-9.792-22.109-22.186-22.109z' fill='%2300594F' opacity='1' data-original='%2300594F'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	display: block;
	position: absolute;
	/* top: 90px; */
	/* left: 90px; */
	right: 0;
	bottom: 0;
}

.small-image {
	cursor: pointer;
}

.overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.8);
	justify-content: center;
	align-items: center;
	z-index: 999;
}

.large-image {
	max-width: 80%;
	max-height: 80%;
}

.overlay.active {
	display: flex;
}