/*top*/
.topimg{background:url(../hothouse/frame.png) no-repeat center top;}
.plus{background:url(../hothouse-plus/frame.png) no-repeat center top;}
.topimg div{
	height:470px;
	background:no-repeat center;
}




.houseimg {
	float:left;
}


.hothouse {
	max-width:900px;
	margin:200px auto 0px auto;
	clear:both;
}
.hothouse h1 {
	margin-left:440px;
	padding-bottom:10px;
}
dl {
	margin-left:440px;
}

dt {
	float:left;
}
dd {
	margin-left:8em;
}



hr{
	margin:100px 0px 50px 0px;
	border:none;
    border-top:dashed 1px #37B34A;
    height:1px;
    color:#fff;
}


/* photo */
.photo{
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	overflow: hidden;
	margin-left: -50vw;
	margin-right: -50vw;
}
.photo ul{
	margin:auto;
	position: relative;
 	left: 106vw; /* (100vw - SlideWidth) / 2 */
 	overflow: visible !important;
}
.photo li{
	margin:auto;
	padding:0.5vw;
	width: 36vw !important;
}
.photo li img{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	width:100%;
}


.photo h1 {
	display:block;
	max-width:980px;
	margin:20px auto;
	padding:0px 10px;
}
.photo li img {
	width:100%;
	max-width:800px;
}
.access{
	margin-bottom:100px;
}


.access h1 {
	display:block;
	max-width:980px;
	margin:30px auto 10px auto;
	padding:0px 10px;
}
.access address, .access a{
	display:block;
	max-width:970px;
	margin:10px auto;
	padding:0px 10px;
}

#map, #map2, #map3, #map4, #map5, #map7, #map8{
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	height:600px;
}


.kibou {
	margin:10px auto;
	padding:10px;
	max-width:980px;
}
.kibou h1 {
	padding-bottom:10px;
}
.kibou img {
	width:100%;
	max-width:235px;
}

@media only screen and (max-width: 768px) {
/*top*/
#topimg {
	background-size:140%;
}

#topimg div {
	background-size:140%;
	height:400px;
}
.first h1 img {
	width:95%;
	display:block;
	margin:0px auto;
}
.first .img {
	float:none;
	display:block;
	margin:10px auto;
}

.houseimg {
	float:none;
	display:block;
	margin:10px auto;
	width:90%;
	max-width:420px;
}
.hothouse h1 {
	display:block;
	margin:10px auto;
	text-align:center;
}
dl {
	margin:0px auto;
}

}

@media only screen and (max-width: 480px) {


/*top*/
#topimg {
	background-size:140%;
	height:200px;
}

/* slider */
.photo ul{
 	left: 5vw; /* (100vw - SlideWidth) / 2 */
}
.photo li{
	padding:1vw;
	width: 90vw !important;
}




dl {
	font-size:14px;
}



#map, #map2, #map3 {
	height:300px;
}


}