@charset "UTF-8";
/* CSS Document */

#KV_SET {
	max-width: 1500px;
	margin: 0 auto;
	position:static;
	height: 596px;
}
#KV {
	height: 596px !important;
	background:url(../images/pc/kv.jpg) no-repeat top center;
	background-size: auto 100%;
}

.hotspring_img {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
    max-width: 1220px;
    margin: 0 auto;
}

.hotspring_img div:nth-of-type(1) {
    max-width: 848px;
}

.hotspring_img div:nth-of-type(2) {
    max-width: 336px;
}

.hotspring_img img {
    width: 100%;
    height: auto;
}

.hot-intro {
    width: 550px;
    margin: 0 auto;
}

.hot-intro dt {
    font-size: 22px;
    margin: 0 0 35px 0;
}

.hot-intro dd {
    font-size: 14px;
    text-align: left;
}

.hot-intro dd dt {
    font-size: 14px;
    width: 70px;
    float: left;
    clear: left;
    margin: 0;
        line-height: 1.6;
}

.hot-intro dd dd {
    padding: 0 0 0 100px;
    margin: 0 0 18px 0;
        line-height: 1.6;
}

#PrivateBath {
	margin: 50px 0 0;
	padding: 50px 0;
}

#PrivateBath img {
    margin: 0 0 35px 0;
}

#PrivateBath h2 { 
    font-size:22px; 
    margin: 0 0 30px 0;
}


#PrivateBath p {
	text-align: left;
	line-height: 1.5;
    margin: 0 0 50px 0;
}

#PrivateBath dl {
    text-align: left;
    font-size: 14px;
    width: 610px;
    margin: 0 auto;
}

#PrivateBath dl dt {
    width: 70px;
    float: left;
    clear: left;
    line-height:1.6;
}

#PrivateBath dl dd {
    padding: 0 0 0 100px;
    margin: 0 0 18px 0;
    line-height:1.6;
	
}
#PrivateBath .notes {
	margin:0;
	font-size:10px;
}


@media only screen and (max-width: 750px) {
	#KV_SET {
		max-width: 1500px;
		margin: 0 auto;
		position:static;
		height: auto;
	}
	#KV {
		height: auto !important;
		background:none;
	}
	
	
	#PrivateBath {
		margin: 10% 0 0;
		padding: 10%;
	}
	#PrivateBath h2 { margin-bottom:10%; font-size:5vw; }
	
	#PrivateBath p {
		text-align: left;
		margin-top: 0;
		margin-bottom:5%;
		line-height: 1.5;
		font-size: 3vw;
	}
    
    .hot-intro {
    width: 100%;
    margin: 0 auto;
}
    
    .hot-intro dd dt {
    font-size: 14px;
    width: 70px;
    float: left;
    clear: left;
    margin: 0;
    line-height: 1.3;
}
    
    .hot-intro dd dd {
    padding: 0 0 0 100px;
    margin: 0 0 18px 0;
    line-height: 1.3;
}
    
    #PrivateBath dl {
    text-align: left;
    font-size: 14px;
    width: 100%;
    margin: 0 auto;
}
    
    #PrivateBath dl dt {
    width: 70px;
    float: left;
    clear: left;
    line-height: 1.3;
}
    
    #PrivateBath dl dd {
    padding: 0 0 0 100px;
    margin: 0 0 18px 0;
    line-height: 1.3;
}

#PrivateBath .notes {
	margin:0;
		font-size:2.5vw;
}

}


#bnr {
	width: 400px;
	height: auto;
	margin: 30px auto;
}
#bnr > a > img {
	width: 100%;
	height: auto;
}

@media only screen and (max-width: 750px) {
	#bnr {
		width: 90%;
	}
}