@charset "utf-8";

/*==============================================================

	Search

==============================================================*/

/*==============================================================

	Main

==============================================================*/
.main {
	background-color:#e1ecf2;
}

/*==============================================================

	Advanced Search

==============================================================*/
.advanced-search {
	padding-bottom:2.0rem;
}



/*==============================================================

	Result List

==============================================================*/
.result-list {

	background-color:#e1ecf2;/*#F0F0F0*/
	padding:2.0rem 0;
}
.thumbnail img {
	width:160px;
	height:160px;
}

.result-list ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}


.result-list li {
	display:flex;
	justify-content:space-between;
	flex:0 1 49%;
	background-color:#FFF;
	border-radius:16px;
	padding:2.0rem 2.5rem;
	margin-bottom:1.0rem;
}
@media screen and (max-width:767px) {
.result-list ul {
	display:block;
}
.result-list li {
	padding:2.0rem;
}
}


.text {
	/*margin-right:0.4rem;*/
}



h2 {
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size:1.8rem;
	margin-bottom:0.8rem;
}
h2 a {
	text-decoration:underline;
}
.summary {
	font-size:1.3rem;
	line-height:1.4;
}
.summary th,
.summary td {
	padding:0;
}
.summary th {
	width:5em;
	font-size:1.2rem;
	font-weight:700;
	text-align:left;
	color:var(--main-color);
	vertical-align:top;
}



.summary tr td:last-child {
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow: hidden;
}


.thumbnail {
	flex:0 0 160px;
	margin-left:0.4rem;
}

.thumbnail img {
	max-width:160px;
	max-height:160px;
	border-radius:8px;
}

@media screen and (max-width:767px) {
.thumbnail {
	flex:0 0 140px;
	margin-left:0.4rem;
}
.thumbnail img {
	max-width:140px;
	max-height:140px;
	border-radius:8px;
}
}

/*==================================================

	Map

===================================================*/
#map-canvas {
	height:560px;
}
@media screen and (max-width:767px) {
#map-canvas {
	height:360px;
}
}
/* Link */
.to_url::before,
.to_detail::before {
	content:'\f105';
	font-family:'Font Awesome 5 Free';
	font-weight:900;
	font-size:1.4rem;
	vertical-align:middle;
	color:#999;
	padding-right:0.5rem;
}
.to_url::after {
	content:'\f35d';	/*external-link-alt*/
	font-family:'Font Awesome 5 Free';
	font-weight:900; /*Solid*/
	font-size:1.3rem;
	color:#999;
	padding-right:0.5rem;
	padding-left:0.5rem;
}
#map-canvas .to_url,
#map-canvas .to_detail {
	text-align:center;
}