@charset "UTF-8";
/*------------------------
地図
------------------------*/
.map-area {
	margin-bottom: 20px;
}
#main {
	width: 1000px;
	margin: 0 auto 120px;
}
#map_canvas {
	width: 780px;
	height: 600px;
}
#info_area {
	flex: 1;
	height: 600px;
}
#info_area .head {
	background: var(--accentcolor);
	font-size: 1.4rem;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	padding: 8px 10px;
}
#info_area #bukken_list {
	height: 570px;
	overflow: auto;
}
#bukken_list .map_window {
	padding: 10px;
	background: #fff;
	border-bottom: 1px solid var(--mygray);
}
#bukken_list .map_window .img {
	width: 100%;
	height: 145px;
	border: 1px solid var(--mygray);
	margin-bottom: 4px;
}
#bukken_list .map_window .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	font-family: 'object-fit: contain;';
}
#bukken_list .map_window .txt {
	font-size: 1.3rem;
	line-height: 1.3;
}
#bukken_list .map_window .txt h2 {
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 4px;
}
#bukken_list .map_window .txt .price strong {
	font-size: 1.6rem;
	color: var(--btncolor);
}
#bukken_list .map_window .txt .price b {
	color: var(--btncolor);
}
#info_area .note {
	display: block;
	font-size: 1.4rem;
	color: #544946;
	line-height: 1.3;
	padding: 15px;
}
.ps {
	margin-bottom: 6px;
}
.ps strong {
	font-size: 2.1rem;
	color: var(--btncolor);
}
#textinfo {
	padding: 4px 10px;
	border: 1px solid var(--accentcolor);
	background: var(--bgcolor);
	margin-bottom: 20px;
}
.key_word {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
#addkeyword {
	width: 40%;
	margin: 0 .4em;
}
.key_word input[type="submit"] {
	width: auto;
	padding: 5px 12px;
	font-size: 1.4rem;
}
.map_search table {
	border: 1px solid var(--mygray);
	font-size: 1.5rem;
	margin-bottom: 15px;
}
.map_search table tr th {
	background: var(--mygray);
	padding: 10px;
	width: 17%;
}
.map_search table tr:not(:last-of-type) th {
	border-bottom: 1px solid #fff;
}
.map_search table tr td {
	padding: 10px;
}
.map_search table tr:not(:last-of-type) td {
	border-bottom: 1px solid var(--mygray);
}
.map_search table tr td label {
	display: inline-block;
	width: 33%;
	padding-bottom: 3px;
}
.map_search .btn-wrap {
	text-align: right;
}
.map_search .btn-wrap .change {
	display: inline-block;
}
.map_search .btn-wrap .change a {
	display: block;
	font-weight: bold;
	color: #fff;
	text-align: center;
	letter-spacing: .08em;
	background: var(--btncolor);
	padding: 10px 30px;
	border-radius: 4px;
	position: relative;
}
.map_search .btn-wrap .change a::after {
	content: '';
	width: 6px;
	height: 6px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	margin: auto;
	transition: all .3s ease 0s;
}
.map_search .btn-wrap .change a:hover {
	background: var(--accentcolor);
}
.map_search .btn-wrap .change a:hover::after {
	right: 12px;
}