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

/*写真並び*/
#listPhotoSpapage {
	margin-bottom:70px;
}

#listPhotoSpapage li {
	line-height:0;
	float:left;
	width:25%;
}
#listPhotoSpapage li.p01 {
	float: none;
	width:auto;
}

#listPhotoSpapage li img {
	opacity:1;
	transition-property: opacity;
	transition-duration:0.3s;
	transition-timing-function:ease-in-out;
}
#listPhotoSpapage li:hover img {
	opacity:0.5;
}

.accessYoyaku {
	margin-bottom:35px;
	font-size:1.1em;
	padding:8px 10px;
	border:solid 1px #09f;
}

.accessYoyaku a {
	color:#09f;
	text-decoration:none;
	font-weight:bold;
}
.accessYoyaku a:hover {
	text-decoration:underline;
}

#groupSpa {}

#groupSpa h3 {
	background:url(css_img/iconSpaGroupTtl.png) no-repeat left top;
	min-height:40px;
	padding-top:13px;
	padding-left:73px;
}
#groupSpa h3 span {
	font-size:0.8em;
	color:#6ec8de;
}

#groupSpa .boxArea {
	margin-bottom:110px;
}
#groupSpa .boxArea .fontSub {
	padding:20px 0;
	font-size:1.13em;
	color:#3395ff;
}

#groupSpa .boxPrice_type01,
#groupSpa .boxPrice_type02,
#groupSpa .boxPrice_type03 {
	padding:15px 25px;
	color:#666666;
	border-bottom:solid 1px #ccc;
	font-size:1.15em;
	background:url(css_img/iconItemSpaSystem.png) no-repeat left 19px;
}


#groupSpa .boxPrice_type01 h4,
#groupSpa .boxPrice_type02 dt,
#groupSpa .boxPrice_type03 h4,
#groupSpa .boxPrice_type03 dt {
	float:left;
}
#groupSpa .boxPrice_type01 h4,
#groupSpa .boxPrice_type02 dt,
#groupSpa .boxPrice_type03 dt {
	width:170px;
}
#groupSpa .boxPrice_type03 h4 {
	width:400px;
}
#groupSpa .boxPrice_type03 h4 span {
	font-size:0.87em;
	color:#ff8174;
}

#groupSpa .boxPrice_type01 dl {
	margin-left:190px;
}
#groupSpa .boxPrice_type03 dl {
	margin-left:430px;
}


#groupSpa .boxPrice_type01 dt {
	float:left;
	width:350px;
}
#groupSpa .boxPrice_type01 dd,
#groupSpa .boxPrice_type02 dd,
#groupSpa .boxPrice_type03 dd {
	float:right;
	width:150px;
	text-align:right;
}



/*新レイアウト（2017.10.25）*/

#groupSpaType02 {}

#contents #groupSpaType02 h3 {
	padding:0 0 0 55px;
	border:none;
	font-size:1.65em;
	color:#65c4ca;
	background:url(css_img/iconTtlPriceType02.svg) no-repeat left top;
	background-size:44px;
	font-family:"Times New Roman", Times, serif;
}
#contents #groupSpaType02 h3 span {
	font-size:0.9em;
	color:#929292;
	font-weight:normal;
}

#groupSpaType02 .areaCateSpa {
	margin-bottom:55px;
}

#groupSpaType02 .boxItemCorse {
	margin-bottom:35px;
}

#groupSpaType02 .boxItemCorse h4 {
	margin-bottom:15px;
	font-size:1.11em;
	font-weight:bold;
	color:#999;
	font-family:"Times New Roman", Times, serif;
}

#groupSpaType02 .boxItemCorse .innerbox {
	border:solid 1px #e4c793;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
		overflow:hidden;
}

#groupSpaType02 .boxItemCorse .boxMinCorse,
#groupSpaType02 .boxItemCorse .boxPrice {
	padding:15px 30px;
}

#groupSpaType02 .boxItemCorse .boxMinCorse {
	background:#f5cf8e;
	color:#fff;
	text-align:center;
	font-size:1.1em;
}
#groupSpaType02 .boxItemCorse .boxMinCorse dt {
	color:#fffdcc;
	font-family:"Times New Roman", Times, serif;
}
#groupSpaType02 .boxItemCorse .boxMinCorse dt span {
	font-size:1.53em;
}

#groupSpaType02 .boxItemCorse .boxPrice {
	background:#fffff9;
	text-align:center;
}
#groupSpaType02 .boxItemCorse .boxPrice dt {
	padding:5px;
	font-size:0.85em;
	margin-bottom:10px;
}
#groupSpaType02 .boxItemCorse .boxPrice dd {
	font-size:1.3em;
}
#groupSpaType02 .boxItemCorse .boxPrice .priceDefo {
	/*float:left;
	width:150px;
	padding-right:80px;
	background:url(css_img/iconCursorPriceType02.svg) no-repeat right 12px;
	background-size:56px;*/
}

#groupSpaType02 .boxItemCorse .boxPrice .priceSpe{
	/*float:left;*/
	width:350px;
	margin-left:250px;
	font-size:1.08em;
	display:none;
}

#groupSpaType02 .boxItemCorse .boxPrice .priceDefo dt {
	background:#d0bd9a;
	color:#fff;
	display:none;
}
#groupSpaType02 .boxItemCorse .boxPrice .priceSpe dt {
	background:#fcc25a;
	color:#fff;
}
#groupSpaType02 .boxItemCorse .boxPrice .priceDefo dd {
	color:#8e8175;
	font-size:1.75em;
	font-family:"Times New Roman", Times, serif;
}
#groupSpaType02 .boxItemCorse .boxPrice .priceSpe dd {
	font-size:1.65em;
	color:#f2b049
}


/*新レイアウト（2018.1.15）*/

.boxAreaRlaxa {
	/*margin-bottom:85px;*/
	padding:50px 0;
	border-bottom:solid 3px #B8EAF4;
}

.boxAreaRlaxa .image {
	text-align:center;
	line-height:0;
	padding:10px;
}

.boxAreaRlaxa .imgReader {
	margin-bottom:15px;
	background:#eee;
	line-height:0;
}
.boxAreaRlaxa .imgReader img {
	width:100%;
}

.boxAreaRlaxa .block {
	padding:25px 0;
}
.boxAreaRlaxa .block .txtOption {
	color:#999;
	text-align:center;
	padding:5px;
	font-size:1.21em;
	font-weight:bold;
	text-shadow:2px 2px 0px #00000010;
}

.boxAreaRlaxa h3 {
	border:none!important;
	text-align:center;
	font-weight:bold;
	color:#58BBCE!important;
	margin-bottom:15px!important;
	padding:0!important;
}
.boxAreaRlaxa h3 span {
	font-size:0.8em;
	font-weight:normal;
}
.boxAreaRlaxa h4 {
	margin-bottom:15px;
	text-align:center;
	background:#aaa;
	/*background:#58BBCE;*/
	color:#fff;
	padding:5px 8px;
}

.boxAreaRlaxa .impact {
	text-align:center;
	font-size:1.37em;
	/*color:#FFBB24;
	text-shadow:2px 2px 10px #FFBB2499;*/
	color:#999;
	text-shadow:2px 2px 10px #00000022;
}

.boxAreaRlaxa .frameTable {
	padding:15px 20px;
	margin-bottom:20px;
	/*border:solid 1px #82D3E2;*/
	border:solid 1px #ccc;
	box-sizing:border-box;
	width:100%;
}
.boxAreaRlaxa table {
	box-sizing:border-box;
	width:100%;
	border-spacing: 0px;
}
.boxAreaRlaxa table th,
.boxAreaRlaxa table td {
	padding:3px 10px;
	margin:0;
	text-align:center;
}
.boxAreaRlaxa table td {color:#5f5f5f;}
.boxAreaRlaxa table th.min,
.boxAreaRlaxa table td.min {
	width:30%;
	text-align:left;
}

.boxAreaRlaxa table th {
	border-bottom:solid 1px #ccc;
	color:#8C8C8C;
	font-weight:normal;
}
.boxAreaRlaxa table tr:nth-child(odd) td {
	background:#F5F5F5;
}

/*新レイアウト（2021.8.30）*/
.boxAreaRlaxa #areaFlowMixSejutsu{}

.boxAreaRlaxa #areaFlowMixSejutsu dl{
	padding: 0.8em 0;
}

.boxAreaRlaxa #areaFlowMixSejutsu dt{
	font-weight: bold;
    color: #6d6d6d;
    font-size: 1.2em;
    margin-bottom: 0.5em;
}
.boxAreaRlaxa #areaFlowMixSejutsu dt::before{
	content:"■ ";
	color:#ffb362;
}


.boxAreaRlaxa .shosai{}
.boxAreaRlaxa .shosai dl{
	padding:1.3em 0;
}
.boxAreaRlaxa .shosai dt{
	margin-bottom: 0.8em;
	font-size: 1.2em;
	font-weight: bold;
	color:#6d6d6d;
}
.boxAreaRlaxa .shosai dt::before{
	content:"● ";
	color:#ffb362;
}
.boxAreaRlaxa .shosai dd{padding:0;}
.boxAreaRlaxa .shosai dd p{
	padding:0.8em 0!important;
}
.boxAreaRlaxa .shosai dd p:first-child{
	padding-top:0!important;
}
.boxAreaRlaxa .shosai dd p:last-child{
	padding-bottom:0!important;
}


/*#listAttend (オプション)*/
#listAttend{}

#listAttend li {
	padding:0.5em 0 !important;
	padding-left: 1.5em!important;
	position: relative;
	font-size: 1.1em;
	color: #656565;
    font-weight: bold;
}

#listAttend li::before {
	content:"● ";
	position: absolute;
	left:0;
	top:0.5em;
	color:#ff8f00;
}

/**************************************************************************************
**************************************************************************************
画面サイズが1024pxより小さい場合
**************************************************************************************
**************************************************************************************/


@media screen and (max-width: 1024px){
	
	#groupSpa .boxPrice_type01 h4,
	#groupSpa .boxPrice_type02 dt,
	#groupSpa .boxPrice_type03 dt {
		width:100px;
	}
	#groupSpa .boxPrice_type01 dl {
		margin-left:120px;
	}
	
	
	#groupSpa .boxPrice_type01 dd,
	#groupSpa .boxPrice_type02 dd,
	#groupSpa .boxPrice_type03 dd {
		float:none;
		width:auto;
	}
	#groupSpa .boxPrice_type01 dd,
	#groupSpa .boxPrice_type02 dd {
		margin-left:350px;
	}
	#groupSpa .boxPrice_type03 dd {
		margin-left:120px;
	}
	
	#groupSpa .boxPrice_type03 h4 {
		width:350px;
	}
	#groupSpa .boxPrice_type03 dl {
		margin-left:390px;
	}
	
	#groupSpaType02 .boxItemCorse .boxPrice .priceDefo {
		padding-right:60px;
		background-size:45px;
	}

	#groupSpaType02 .boxItemCorse .boxPrice .priceSpe{
		width:auto;
		margin-left:250px;
	}
	
}

/**************************************************************************************
**************************************************************************************
画面サイズが640pxより小さい場合
**************************************************************************************
**************************************************************************************/


@media screen and (max-width: 640px){
	#groupSpa .boxPrice_type01 h4,
	#groupSpa .boxPrice_type02 dt,
	#groupSpa .boxPrice_type03 dt {
		width:80px;
	}
	#groupSpa .boxPrice_type01 dl {
		margin-left:100px;
	}
	
	#groupSpa .boxPrice_type01 dt {
		width:65%;
	}
	#groupSpa .boxPrice_type01 dd,
	#groupSpa .boxPrice_type02 dd {
		margin-left:65%;
	}
	
	#groupSpa .boxPrice_type03 h4 {
		width:auto;
		float:none;
	}
	#groupSpa .boxPrice_type03 dl {
		margin-left:0;
		float:none;
		padding-top:30px;
	}
	
	
	#groupSpaType02 .boxItemCorse .boxPrice .priceDefo {
		/*width:100px;
		padding-right:60px;*/
		padding-right:0;
	}
	
	#groupSpaType02 .boxItemCorse .boxPrice .priceSpe{
		margin-left:180px;
	}
	
	
	.boxAreaRlaxa h3 {
		font-size:4vw!important;
	}
	.boxAreaRlaxa h4 {
		font-size:3vw;
	}
	.boxAreaRlaxa .frameTable {
		overflow-x:scroll;
	}
	
	.boxAreaRlaxa table th,
	.boxAreaRlaxa table td {
		font-size:3vw;
	}
	.boxAreaRlaxa .block .txtOption {font-size:3.5vw;}
	
	.boxAreaRlaxa .impact {
		font-size:4.0vw;
	}
}

/**************************************************************************************
**************************************************************************************
画面サイズが460pxより小さい場合
**************************************************************************************
**************************************************************************************/


@media screen and (max-width: 460px){
	
	#groupSpa .boxPrice_type01 h4 {
		width:auto;
		float:none;
		margin-bottom:10px;
	}
	
	#groupSpa .boxPrice_type01 dl {
		margin-left:0;
	}
	
}