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

/* ---------------------------------
  『温泉』ページ専用CSS
------------------------------------*/
section.contents_header {
	background-image: url("../images/hotsprings/mainview.jpg");
}
#origin .container {
	background-image: url("../images/hotsprings/origin_bg.jpg");
	padding: 125px;
	box-sizing: border-box;
	margin-bottom: 4em;

	font-family: "dnp-shuei-nmincho-std", sans-serif;
	font-weight: 400;
	font-style: normal;
}
#origin h2 {
	border-bottom: 2px solid #fff;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	letter-spacing: 0.12em;
}
#origin .container img {
	margin-right: 2em;
}
#origin .movieBox img {
	width: 100%;
	margin-top: 4em;
}
@media screen and (max-width: 640px){

#origin .container {
	padding: 1.2em;}
#origin .container img {
	margin-right: 0;
	margin-bottom: 1em;}
#origin .movieBox img {
	margin-top: 2em;}

}

.detail {
	margin-top: 150px;
}
.detail .container {
	background:rgba(0,7,24,0.8);
	position: relative;
	min-height: 600px;
	margin-bottom: 4em;
}
.detail .container img.left{
	position: absolute;
	top: -90px;
	left: -150px;
}
.detail .container img.right{
	position: absolute;
	top: -90px;
	right: -150px;
}
.detail .container .spa_name {
	padding: 2em 2em 0 0;
}
.detail .container .spa_name_right {
	margin-left: 700px;
}
.detail .container .spa_name_left {
	margin-right: 700px;
}
.detail .container .spa_name h2 {
	font-family: "dnp-shuei-nmincho-std", sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.6;
	letter-spacing: 0.12em;
	margin-bottom: 1em;
}
.detail .container .spa_name h2 span {
	font-size: 80%;
}
.detail .container .spa_name img.image_s {
	width: 300px;
	margin: 1em 0 0.5em;
}
.detail .container .spa_name .caption {
	font-family: "dnp-shuei-nmincho-std", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 90%;
}
@media screen and (max-width: 640px){
	.detail {
		margin-top: 0;
	}
	.detail .container img.left, .detail .container img.right{
		position: static;
		margin-bottom: 1em;
	}
	.detail .container img{
		width: 100%;
	}
	.detail .container .spa_name {
		padding: 0;
	}
	.detail .container .spa_name_right {
		margin-left: 0;
	}
	.detail .container .spa_name_left {
		margin-right: 0;
	}
	.detail .container .spa_name img.image_s {
		width: 100%;
	}

}


#quality {
	margin-bottom: 100px;}
#quality h2 {
	font-family: "dnp-shuei-nmincho-std", sans-serif;
	font-weight: 400;
	font-style: normal;
	text-align: center;	
	margin-bottom: 1em;}
#quality dl {
	display: flex;
	border-bottom: 1px solid #ccc;
	padding: 16px 20px;}
#quality dl dt {
	font-family: "dnp-shuei-nmincho-std", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #d1aa4e;
	font-size: 110%;
	width: 100px;}
#quality dl dd {
	line-height: 2;}

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

#quality dl {
	flex-direction: column;
	padding: 16px 0px;}
#quality dl dt {
	width: 100%;
	margin-bottom: 0.5em;}
#quality dl dd {
	line-height: 1.5;}

}

#daytrip {
	padding: 70px 0;
	background-color: rgba(0,7,24,0.8);}
#daytrip h2 {
	font-family: "dnp-shuei-nmincho-std", sans-serif;
	font-weight: 400;
	font-style: normal;
	text-align: center;
	margin-bottom: 1em;}
#daytrip p {
	margin-bottom: 2em;
	text-align: center;}
#daytrip dl {
	margin: 0 auto;
	border-bottom: solid 1px #ccc;
	display: flex;
	flex-wrap: wrap;
	width: 900px;}
#daytrip dl dt {
	padding: 1em;
	border-top: solid 1px #ccc;
	width: 300px;
	text-align: right;
	box-sizing: border-box;}
#daytrip dl dd {
	padding: 1em;
	border-top: solid 1px #ccc;
	width: 600px;
	box-sizing: border-box;}

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

#daytrip p {
	text-align: left;}
#daytrip dl {
	width: 100%;}
#daytrip dl dt {
	padding-bottom: 0.5em;
	width: 100%;
	text-align: left;
	line-height: 1.4;}
#daytrip dl dd {
	padding-top: 0;
	border-top: none;
	width: 100%;
	line-height: 1.4;}

}