@charset "utf-8";
/* CSS Document */
.spa_bg{
	background: url( ../img/spa/spa_bg01.jpg)no-repeat;
	height:1680px;
	background-position: top center;
}
#spa_greeting{
}
#spa{
}
.g_title{
	display:table;
	margin: 0 auto;
	padding:50px 0 40px;
}
.g_text{
	color:#FFFFFF;
	line-height: 1.7em;
	text-align: center;
	letter-spacing: 0.05em;
	display: table;
	margin: 0 auto;
	padding-bottom: 30px;
}
/*女湯css*/
.spa_title{
	display:table;
	margin: 0 auto;
	padding:80px 0 0px;
}
.women_bg{
	width:1300px;
	margin: 0 auto;
	background: url(../img/spa/w_bg.png)no-repeat;
	background-position: top right;
	height:600px;
}
.women_box{
	position: relative;
	padding-top: 60px;
}
.women_title{
	position: absolute;
	right: 85px;
}

.wrap {
	width:1200px;
	height:500px;
	clear: both;
}
.wrap p {
	height:500px;
	float:left;
}
.wrap ul {
	display:block;
	overflow:hidden;
	width:100px;
	float:right;
	margin-top: 160px;
	margin-right: 50px;
}
.wrap li {
	display:block;
	float:right;
	margin-top:20px;
	margin-right:30px;
	width:100px;
	height:100px;
}
.wrap li:hover{
	opacity: 0.6;
}
.wrap li:first-child{
	margin-top:0px;
}
.wrap li img {
	cursor:pointer;
	height:100%;
}

/*男湯css*/
.men_bg{
	width:1300px;
	margin: 0 auto;
	background: url(../img/spa/m_bg.png)no-repeat;
	background-position: top left;
	height:600px;
}
.men_box{
	position: relative;
	padding-top: 60px;
}
.men_title{
	position: absolute;
	left: 35px;
}
.wrap02{
	width:1200px;
	height:500px;
	clear: both;
}
.wrap02 p {
	height:500px;
	float:right;
	margin-right: 50px;
}
.wrap02 ul {
	display:block;
	overflow:hidden;
	width:100px;
	float:left;
	margin-top: 160px;
}
.wrap02 li {
	display:block;
	float:right;
	margin-top:20px;
	margin-right:30px;
	width:100px;
	height:100px;
}
.wrap02 li:hover{
	opacity: 0.6;
}
.wrap02 li:first-child{
	margin-top:0px;
}
.wrap02 li img {
	cursor:pointer;
	height:100%;
}

/*入浴の仕方*/
#how_to{
background: url(../img/spa/how_to_bg.jpg)repeat-x;
background-position: center;
height:1060px;
}
.howto_title{
	display:table;
	margin: 0 auto;
	padding:60px 0 30px;
}
.para01{
	height:400px;
}
.howto_box{
	width:338px;
	border: solid #FFFFFF 1px;
	padding:  20px 20px 8px;
	float:left;
}
.howto_box02{
	width:708px;
	border: solid #FFFFFF 1px;
	padding: 20px 60px 32px 20px;
	margin-left: 30px;
	float:left;
}
.howto_box03{
	width:358px;
	border: solid #FFFFFF 1px;
	padding:  20px 10px 8px;
	float:left;
	margin-right: 30px;
	margin-top:30px;
}
.howto_box03:nth-child(3){
	margin-right: 0px
}
.illust{
	padding: 10px 0 15px;
}
.illust04{
	padding: 40px 0 15px;
}
.howto_box dd{
	color:#FFFFFF;
	line-height: 1.5em;
	text-align: left;
	padding-left: 20px;
}
.howto_box02 dd{
	color:#FFFFFF;
	line-height: 1.5em;
	text-align: left;
	padding-left: 90px;
}
.howto_box03 dd{
	color:#FFFFFF;
	line-height: 1.5em;
	text-align: left;
	padding-left: 10px;
}
/**/
#about_spa{
	background: url( ../img/spa/spa_bg02.png) no-repeat;
	background-position: center;
	height:800px;
}
.hinoki{
	padding-top:60px;
}
.kounou{
	padding-top:80px;
}
.spa02_title{
	margin-bottom: 40px;
}
.spa_table{
	width:900px;
	margin-left: auto;
	margin-right: auto;	
}
.spa_table tr th {
    border: 1px solid #ffffff;
    background:rgba(255,255,255,0.20);
    color: #FFFFFF;
    padding: 10px 20px;
    letter-spacing: 2px;
    width: 150px;
	line-height: 1.5em;
	vertical-align: middle;
}
.spa_table tr td {
    border: 1px solid #ffffff;
    padding: 10px 25px;
	line-height: 1.5em;
	width: 400px;
	color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
}

/*日帰り入浴*/
#day_trip{
background: url(../img/spa/how_to_bg.jpg)repeat-x;
height:680px;
background-position: top;

}
.dt_text{
	color:#FFFFFF;
	line-height: 1.7em;
	text-align: left;
	letter-spacing: 0.1em;
}
.day_trip_title{
	padding-top: 70px;
}
.dt_table{
	margin-top:15px;
	width:650px;
}
.time{

}
.dt_table tr th {
    border: 1px solid #ffffff;
    color: #FFFFFF;
    padding: 10px 20px;
    letter-spacing: 2px;
    width: 30%;
	line-height: 1.7em;
	vertical-align: middle;
	background-color: hsla(0,0%,100%,0.10);
}
.dt_table tr td {
    border: 1px solid #ffffff;
    padding: 10px 30px;
	line-height: 1.7em;
	/*width: 300px;*/
	color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
}
.daytrip_box{
	display:flex;
	justify-content: space-between;
}
.dt_left{
	padding-top: 20px;
}
.txt_r{
	text-align: right;
	color: #FFFFFF;
	padding-top: 5px;
}
.daytrip_img{
	padding-top: 50px;
	display:table;
	width: 450px;
}
.daytrip_img img{
	width: 100%;
	height: auto;
}
.pb_70{
	padding-bottom: 70px;
}
.pb80{
	padding-bottom: 80px;
}
.pt_25{
	padding-top: 25px;
}
.dt_time{
	background-color:hsla(0,0%,10%,0.75);
	padding: 10px 0;
	width:650px;
	margin-top: 15px;
	font-weight: bold;
	color:hsla(0,0%,100%,1.00);
	font-size: 1.2em;
}

.stop{
	background-color: #FFE602;
	padding: 8px 0;
	width: 1200px;
	margin: 10px auto 0;
	font-weight: bold;
	font-size: 1.2em;
}