@charset 'UTF-8';

/* model house
**************************************************/

.modelhouse_box {
  width: 100%;
  margin-right: 10px;
  margin-bottom: 5%;
  float: left;
  color: #2b2b2b;
  transition-property: opacity;
  transition-duration: 0.1s;
  transition-timing-function: linear;
}

.modelhouse_box:hover {
  opacity: 0.7;
  color: #0068b7;
}

.modelhouse_pictures {
  width: 100%;
}

.text_box {
  width: 62%;
  float: left;
}

.modelhouse_title {
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #6bc600;
}

.img_box {
	float: left;
	margin-right: 3%;
	width: 35%;
}

#modelhouse-googlemap {
  width: 100%;
  height: 380px;
  margin-bottom: 3%;
}

#modelhouse_key_visual {
  padding-bottom: 25px;
  width: 100%;
}

.gallery_right {
	float: left;
	width: 40%;
	margin-bottom: 2%;
}

.gallery_left {
	float: left;
	width: 50%;
	margin-right: 10%;
	margin-bottom: 2%;
}

.modelhouse {
	border-bottom: 3px solid #86cd00; /* pixel */
	color: #000000;
}

.modelhouse_contents {
  margin-bottom: 25px;
}

.modelhouse_contents_left {
  float: left;
  width: 60%;
  margin-right: 3%;
}

.modelhouse_contents_right {
  float: left;
  width: 37%;
}

.modelhouse_contents_left .details {
  line-height: 2.5;
}

.modelhouse_contents_left .note_title {
  color: #555555;
  padding-top: 18px;
}

.modelhouse_contents_left .message {
  line-height: 1.6;
  padding: 20px 0;
}

#modelhouse_name {
  position: absolute;
  font-size: 1.2rem;
  top: 3%;
  left: 3%;
  color: #ffffff;
  text-shadow: 1px 1px 2px #555555;
}

#madori-image {
   width: 100%;
}