@charset "utf-8";

/* 地図でさがす */
#shisetsu_list_txt {
	border: 1px solid #cccccc;
	border-bottom: none;
}
#shisetsu_list_txt p {
	margin: 0px;
	padding: 20px;
}

#shisetsu_list_link {
	border: 1px solid #cccccc;
	border-bottom: none;
}
#shisetsu_list_link ul {
	margin: 0px;
	padding: 20px 20px 10px;
	list-style: none;
}
#shisetsu_list_link ul li {
	display: inline-block;
	vertical-align: top;
	margin: 0px 20px 10px 0px;
}

#shisetsu_map {
	border: 1px solid #cccccc;
}
#map_canvas {
	width: 100%;
	height: 500px;
}
#main_body #map_canvas table,
#main_body #map_canvas th,
#main_body #map_canvas td {
	margin: 0px;
	padding: 0px;
	border: none;
}


/* ==================================================
スマートフォン
================================================== */
@media screen and (max-width: 1080px) {

	#shisetsu_list_txt p {
		padding: 15px;
	}

	#shisetsu_list_link ul {
		padding: 0px;
	}
	#shisetsu_list_link ul li {
		display: block;
		margin: 0px;
		padding: 10px;
		border-bottom: 1px solid var(--list-bordercolor, #cccccc);
	}

}
/* ==================================================
スマートフォン ここまで
================================================== */



@media screen and (min-width: 1080px) {

#main_body {
  position: relative;
}
#shisetsu_list_link{
  position: absolute;
  top: 100px;
  right: 0;
  width: 150px;
  height: 500px;
  box-sizing: content-box;
  overflow: auto;
}
#shisetsu_list_link ul li {
  margin: 0px 0px 10px 0px;
  display: block;
}
#shisetsu_list_link ul {
  padding: 20px 10px 10px;
  font-size: 1.3rem;
}
#map_canvas {
  width: calc(100% - 150px);
}

}