/*----------------------------------------------------
spa css for kounkan


----------------------------------------------------*/

/* element -----------------------------------------*/

div#spa {
	clear:both;
	width:100%;
}


div#spa_body {
	width:950px;
	margin:auto;
}

div#spa_body h1 {
	text-align:right;
	margin:0 auto;
	padding:0;
	position: relative;
	z-index: 111;
}

div#spa_body .spa_tab {
	margin-top:30px;
}

div#spa_body .spa_tab ul {
	list-style:none;
	padding:0;
	margin: 0 ;
	overflow:hidden;
	/*padding-left: 20px;*/
	display: flex;
	justify-content: center;
}

div#spa_body .spa_tab li {
	/*float:left;*/
	margin-right: 1px;
}

#spa_a-roga {
	background: #FFF ;
	margin-bottom:50px;
}

#spa_a-roga p {
	padding: 40px 50px 0 50px;
}

#spa_a-roga p.small{
	padding-top: 0;
	padding-bottom: 50px;
}

#spa_a-roga dl {
	margin: 0;
	padding: 0 50px;
}

#spa_a-roga dl {
	border-top: none;
	width:850px;
}

#spa_a-roga dl .top {
	padding:110px 20px 65px ;
	border:none;
}

#spa_a-roga dt,dd {
	padding: 25px 20px;
	border-top:1px #000 solid;
}

#spa_a-roga dt {
	clear: left;
	float: left;
	width: 300px;
}

#spa_a-roga dt.option, dd.option{
	border-top: 1px #ccc solid;
}

#spa_a-roga dd {
	margin-left: 340px;
}

#spa_a-roga .mid {
	border-top:1px #dcdcdc solid;
}

#spa_a-roga .bot {
	border-bottom :1px #dcdcdc solid;
}

.blue {
	color:#00736d ;
}

.small {
	font-size:10px;
	line-height:1.8em;
}

#room-massage {
	background: #FFF ;
	margin-bottom:50px;
}

#room-massage dl {
	margin: 0;
	padding: 0 50px;
	border-top: none;
	width:850px;
}

#room-massage dl .top {
	padding:110px 20px 65px ;
	border:none;
}

#room-massage dt,dd {
	padding: 25px 20px;
	border-top:1px #000 solid;
}

#room-massage dt {
	clear: left;
	float: left;
	width: 300px;
}

#room-massage dd {
	margin-left: 340px;
}

#room-massage .detail {
	margin: 0 50px;
	padding:25px 20px ;
	border-top:1px #000 solid;
}

#room-massage .bot {
	border-bottom :1px #000 solid;
}

#room-massage p {
	padding: 20px 50px 50px ;
}

.green {
	color:#638c0b ;
}

#oil {
	background: #FFF ;
	margin-bottom:50px;
}

#oil p {
	padding:20px 50px 50px ;
}

#oil dl {
	margin: 0;
	padding: 0 50px;
}

#oil dl {
	border-top: none;
	width:850px;
}

#oil .top {
	padding:110px 60px 65px ;
}

#oil dt,dd {
	padding: 25px 20px;
	border-top:1px #000 solid;
}

#oil dt {
	clear: left;
	float: left;
	width: 250px;
}

#oil dd {
	margin-left: 290px;
}

#oil .mid {
	border-top:1px #dcdcdc solid;
}

#oil .bot {
	border-bottom :1px #dcdcdc solid;
}

.pink {
	color:#a40035;
}

.header_bg{
	background:url(../images/title_bg.jpg) top center no-repeat;
}

span.notes{
	margin-left: 50px;
	line-height: 3;
}

/*--------- 19.02.22 追加分 --------*/

#spa_body .oil{
	text-align: center;
	margin:30px auto 50px;
}
#spa_body .oil p.telnam{
	font-size: 22px;
	font-weight: bold;
	margin:20px auto;
}



#oil dt hr{
	border: none;
}
#oil dt span.pinktag{
	background: #a40035;
	color: #fff;
	padding: 2px 10px;
	font-size: 10px;
}
#oil dd.course{
	padding-left:0;
	padding-right: 0;
}
#oil dd.course ul{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
#oil dd.course ul li{
	width:33%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
#oil dd.course ul li img{
	width:90%;
	margin:3px auto;
}
#oil dd.course ul p{
	padding: 0;
	margin: 0;
	text-align: center;
}
#oil dd.course ul p strong{
	line-height: 1;
}
#oil dd.course ul p.small{
}
#oil dd.course ul p.last{
	text-align: left;
	width:90%;
	margin:0 auto;
}

/* 2019.03.18 追加*/
#spa_a-roga span.greentag{
	font-size: 10px;
	color: #fff;
	background: #00736d;
	padding:2px 5px;
}

/* 2019.03.18 追加*/
#spa_a-roga p.mb{
	padding:0;
	margin: 0;
}
/* 2019.03.25 追加*/
#spa_a-roga dd strong.small{
	margin:5px 0;
}

/* 2019.04.25 追加*/
#spa_a-roga dd p.add0425{
	padding:0;
	margin: 0.5em 0;
}
#spa_a-roga dd strong.small{
	margin:3px 0;
}