@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');

/* CSS Document */
*{
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none;
}
html,body {
	height: 100%;
}
html,body {
	-webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
	padding: 0;
	font: 13px/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	*font-size: small;
	*font: x-small;
	overflow-x: hidden;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

h1, h2, h3, h4, h5, h6, p, address, ul, ol, li, dl, dt, dd, table, caption, th, td, img, form,
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	color:#6A6969;
	margin: 0;
	padding: 0;
	border: none;
	font-size:12px;
	font-style: normal;
	font-weight: normal;
 	text-align: left;
	list-style-type: none;
	line-height:180%;
}
input, select, textarea { font-size: 100%; }
img { vertical-align: bottom;max-width: 100%;height: auto; }
hr { display: none; }
a {
	color:#6A6969;
	text-decoration:none;
	outline: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
a:hover {
	opacity:0.5;
}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

#spLinkBlockInPc{
	display:none;
	background:#00183F;
	border:none;
	padding:32px 0;
	text-align:center;
}
#spLinkBlockInPc a{
	color:#fff;
	display:block;
	font-size:32px;
}

/* ==============================================================================
/////////////////////////////////////////////////////////////////////////////////
   default
=================================================================================
============================================================================== */
nav{
	background:#E0E6EA;
	padding:10px 0 16px;
}
	.dayplan nav{
		background:#f8f2da;
	}
	.stayplan nav{
		background:#eae6d5;
	}
	.gift nav{
		background:#bba98d;
	}
	.gift nav li a{
		color:#fff;
	}
nav p.logo{
	float:left;
	margin-left:2.5%;
	margin-right:24px;
}
nav ul{
	margin-top:10px;
}
	nav li{
		border-left:1px solid #000;
		display:inline-block;
		font-size:14px;
		margin-left:16px;
		padding-left:16px;
	}
		.gift nav li{
			border-left:1px solid #fff;
		}
			nav li:nth-child(1){
				border-left:none;
				margin-left:0px;
				padding-left:0px;
			}

.main-gra{
	margin-bottom:32px;
	max-height:485px;
	overflow:hidden;
}

footer{
	background:#00183F;
	padding:32px 0;
}
footer .inner{
	margin:0 auto;
	width:980px;
}
footer .inner p,
address,
footer a{
 	color:#fff;
}
	footer a{
		background:url(../images/icon/icon_mail.png) no-repeat right center;
		background-size:23px 11px;
		padding-right:28px;
	}
footer .en{
	font-size:13px;
	margin-bottom:1em;
}
footer .lt,
footer .rt{
	border-left:1px solid #fff;
	padding-left:26px;
}
footer .lt{
	float:left;
}
footer .rt{
	float:right;
}

.sup{
	font-size:10px!important;
}

.cau{
	font-size:15px!important;
	text-align: right;
}

h1 + p{
	font-size:15px;
	line-height:250%;
}

@media (max-width: 766px) {
/*766以下*/
/*766以下*/
}

/* ==============================================================================
/////////////////////////////////////////////////////////////////////////////////
   top
=================================================================================
============================================================================== */
.top-start{
	margin:0 auto 42px;
	width:980px;
}
.top-start .spa-the-blue{
	background:url(../images/top/logo.gif) no-repeat 0 0;
	background-size:contain;
	height:0;
	overflow:hidden;
	padding-top:38px;
	width:141px;
}
.top-start h1{
	/*background:url(../images/top/title.gif) no-repeat 0 0;
	background-size:contain;
	height:0;
	margin:28px 0;
	overflow:hidden;
	padding-top:26px;
	width:713px;*/
	font-family: "Noto Serif JP", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 26px;
	letter-spacing:.1em;
	padding-top:26px;
	margin:28px 0;
	color: #3d94ab;
}

.top-news{
	margin:0 auto 42px;
	width:980px;
}
.top-news .inner{
	padding-top:16px;
	width:745px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c7dae9+0,f0f6fa+35 */
	background: #c7dae9; /* Old browsers */
	background: -moz-linear-gradient(top,  #c7dae9 0%, #f0f6fa 35%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #c7dae9 0%,#f0f6fa 35%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #c7dae9 0%,#f0f6fa 35%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7dae9', endColorstr='#f0f6fa',GradientType=0 ); /* IE6-9 */
}
.top-news h2{
	margin:0 16px 16px;
	background:url(../images/top/news_title.png) no-repeat 0 0;
	background-size:contain;
	height:0;
	overflow:hidden;
	padding-top:21px;
	width:381px;
}
.top-news ul{
	border-top:1px solid #6F98BE;
	height: 130px;
    overflow: auto;
	padding-top:3px;
}
.top-news ul:before{
	content:"";
	border-top:1px solid #6F98BE;
	display:block;
	width:100%;
}
.top-news ul li {
	font-size:14px;
    text-align: left;
    line-height: 1.8em;
    overflow: hidden;
    text-indent: 35px;
    background-image: url(../images/icon/icon_news.png);
    background-position: 10px 12px;
    background-repeat: no-repeat;
    border-bottom: 1px dotted #00558C;
    margin: 0px;
    padding: 10px 0px 10px 0px;
}
.top-news ul li a {
    text-indent: 0px;
    line-height: 1.8em;
    display: block;
    float: left;
    margin: 0px;
    padding: 0px;
	text-decoration:underline;
}
.top-news ul li span {
    width: 110px;
    float: left;
    font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
    font-size: 10px;
    color: #333;
    font-weight: normal;
    text-align: left;
    margin: 0px;
    padding: 0px;
}
.top-news ul li strong {
    text-indent: 0px;
    font-size: 12px;
    font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
    color: #fff;
    background-color: #c95552;
    line-height: 18px;
    display: inline-block;
    font-weight: normal;
    text-align: left;
    margin: 0px 0px 0px 15px;
    padding: 0px 10px 0px 10px;
}

@media (max-width: 766px) {
/*766以下*/
/*766以下*/
}

/* ==============================================================================
/////////////////////////////////////////////////////////////////////////////////
   guide
=================================================================================
============================================================================== */
.guide-start{
	margin:0 auto 42px;
	width:980px;
}
.guide-start h1{
	background:url(../images/guide/title.gif) no-repeat 0 0;
	background-size:contain;
	height:0;
	margin:40px 0 30px;
	overflow:hidden;
	padding-top:26px;
	width:713px;
}

.guide .page-nav{
	margin:40px auto;
	width:980px;
}
.guide .page-nav li{
    float:left;

}

.guide .page-nav li a{
	margin-right:20px;
	line-height: 3em;
}
.guide .page-nav li:nth-child(5) a{
	float:left;
	margin-right:0;
	line-height: 3em;
		}
	/*.guide .page-nav li a{
		background:url(../images/guide/btn1.gif) no-repeat 0 0;
		background-size:contain;
		display:block;
		height:0;
		margin-right:20px;
		overflow:hidden;
		padding-top:26px;
		width:179px;
	}
		.guide .page-nav li:nth-child(2) a{
			background-image:url(../images/guide/btn2.gif);
		}
		.guide .page-nav li:nth-child(3) a{
			background-image:url(../images/guide/btn3.gif);
		}
		.guide .page-nav li:nth-child(4) a{
			background-image:url(../images/guide/btn4.gif);
		}
		.guide .page-nav li:nth-child(5) a{
			background-image:url(../images/guide/btn5.gif);
			margin-right:0;
		}*/

#treatment-room.overlay-image,
#spa-suite.overlay-image,
#spa-lounge.overlay-image,
#fitness-gym.overlay-image,
#hot-spring.overlay-image{
	background-size:cover;
	background-position:0 center;
	height:537px;
	width:100%;
}
#treatment-room.overlay-image{
	background-image:url(../images/guide/back1.jpg);
}
	#treatment-room .overlay h2{
		background-image:url(../images/guide/head1.png);
		background-repeat: no-repeat;
		padding-top:27px;
		width:673px;
	}
#spa-suite.overlay-image{
	background-image:url(../images/guide/back2.jpg);
}
	#spa-suite .overlay h2{
		background-image:url(../images/guide/head2.png);
		background-repeat: no-repeat;
		padding-top:27px;
		width:550px;
	}
#spa-lounge.overlay-image{
	background-image:url(../images/guide/back3.jpg);
}
	#spa-lounge .overlay h2{
		background-image:url(../images/guide/head3.png);
		background-repeat: no-repeat;
		padding-top:27px;
		width:409px;
	}
#fitness-gym.overlay-image{
	background-image:url(../images/guide/back4.jpg);
}
	#fitness-gym .overlay h2{
		background-image:url(../images/guide/head4.png);
		background-repeat: no-repeat;
		padding-top:27px;
		width:570px;
	}
#hot-spring.overlay-image{
	background-image:url(../images/guide/back5.jpg);
	margin-bottom:0;
}
	#hot-spring .overlay h2{
		background-image:url(../images/guide/head5.png);
		background-repeat: no-repeat;
		padding-top:27px;
		width:754px;
	}
	#hot-spring .overlay .sup{
		margin-top:-20px;
		text-align:right;
	}

#blue-triangle{
	background:#cddde6;
	padding:24px 0;
}
#blue-triangle .inner{
	background:#fff;
	margin:0 auto;
	padding:24px 32px;
	width:916px;
}
#blue-triangle .inner .lt{
	float:left;
	width:315px;
}
#blue-triangle .inner img{
	float:right;
}
#blue-triangle .inner h3{
	background:url(../images/guide/head6.gif) no-repeat 0 0;
	background-size:contain;
	height:0;
	margin:0 auto;
	overflow:hidden;
	padding-top:50px;
	width:223px;
}
	#blue-triangle .inner h3 + p{
		font-size:16px;
		margin:22px 0;
		text-align:center;
	}
#blue-triangle .spa-the-blue{
	background:url(../images/top/logo.gif) no-repeat 0 0;
	background-size:contain;
	height:0;
	margin:0 auto 26px;
	overflow:hidden;
	padding-top:45px;
	width:190px;
}
#blue-triangle .subhead-text{
	background:#488cb0;
	color:#fff;
	font-size:14px;
	margin-bottom:8px;
	padding:2px 8px;
}
	#blue-triangle .subhead-text + p{
		font-size:15px;
	}

@media (max-width: 766px) {
/*766以下*/
/*766以下*/
}

/* ==============================================================================
/////////////////////////////////////////////////////////////////////////////////
   treatment
=================================================================================
============================================================================== */
.treatment .page-nav{
	margin:40px auto;
	width:960px;
}
.treatment .page-nav li{
    float:left;
}
	.treatment .page-nav li a{
		/*background:url(../images/treatment/btn7.gif) no-repeat 0 0;*/
		background-size:contain;
		display:block;
		height:0;
		margin-right:20px;
		overflow:hidden;
		padding-top:40px;
		width:132px;
	}
		.treatment .page-nav li:nth-child(1) a{
			background-image:url(../images/treatment/btn1.gif);
		}
		.treatment .page-nav li:nth-child(2) a{
		width:200px;
			background-image:url(../images/treatment/btn8.png);
		}
		.treatment .page-nav li:nth-child(3) a{
			background-image:url(../images/treatment/btn2.gif);
		}
		.treatment .page-nav li:nth-child(4) a{
			background-image:url(../images/treatment/btn4.gif);
		}
		.treatment .page-nav li:nth-child(5) a{
			background-image:url(../images/treatment/btn5.gif);
		}
		.treatment .page-nav li:nth-child(6) a{
			background-image:url(../images/treatment/btn6.gif);
			margin-right:0;
		}

#recommended.overlay-image, #new_recommended.recommend_image{
	background-size:cover;
	background-position:0 center;
	height:475px;
	width:100%;
}
#recommended.overlay-image{
	background-image:url(../images/treatment/recommended_back.jpg);
}
#new_recommended.recommend_image{
	background-image:url(../images/treatment/relaxant-1.jpg);
}
	/*#recommended .overlay h2{
		background-image:url(../images/treatment/recommended_head.png);
		background-repeat: no-repeat;
		padding-top:37px;
		width:520px;
	}*/
#new_recommended .overlay h2{
	padding-top:37px;
	width: 100%;
	height: auto;
	padding: 0;
	font-family: "Noto Serif JP", serif;
	font-weight: 300;
	font-style: normal;
	color: #fff;
	font-size: 48px;
	line-height:1.4;
}
#new_recommended .overlay h2 span{
	font-family: "Noto Serif JP", serif;
	font-weight: 200;
	font-style: normal;
	color: #fff;
	font-size: 20px;
	margin-left: 24px;
}

#recommended .overlay h2{
	padding-top:37px;
	width: 100%;
	height: auto;
	padding: 0;
	font-family: "Noto Serif JP", serif;
	font-weight: 300;
	font-style: normal;
	color: #fff;
	font-size: 48px;
	line-height:1.4;
}
#recommended .overlay h2 span {
	display: block;
	font-family: "Noto Serif JP", serif;
	font-weight: 200;
	font-style: normal;
	color: #fff;
	font-size: 20px;
}
#body.overlay-image{
	background-size:cover;
	background-position:0 center;
	height:475px;
	width:100%;
}
#body.overlay-image{
	background-image:url(../images/treatment/body_back.jpg);
}
	#body .overlay h2{
		background-image:url(../images/treatment/body_head.png);
		background-repeat: no-repeat;
		padding-top:37px;
		width:250px;
	}

#valmont.overlay-image{
	background-size:cover;
	background-position:0 center;
	height:475px;
	width:100%;
}
#valmont.overlay-image{
	background-image:url(../images/treatment/valmont_back.jpg);
}
	#valmont .overlay h2{
		background-image:url(../images/treatment/facial_head.png);
		background-repeat: no-repeat;
		padding-top:38px;
		width:407px;
	}
#valmont-item .align-center-img{
	margin:34px auto 24px;
	width:558px;
}
.set-plan .subhead-text{
	background:#fce1c6;
	font-size:14px;
	margin-bottom:16px;
	padding:2px 8px;
	text-align:center;
}
	.set-plan h3 + p{
		font-size:16px;
		text-align:center;
	}

.set-plan .reserve-btn a{
	background:#fce1c6;
	display:block;
	font-size:15px;
	padding:5px 24px 3px;
	text-align:center;
}

#spa.overlay-image{
	background-size:cover;
	background-position:0 center;
	height:475px;
	width:100%;
}
#spa.overlay-image{
	background-image:url(../images/treatment/spa_back.jpg);
}
	#spa .overlay h2{
		background-image:url(../images/treatment/spa_head.png);
		padding-top:42px;
		width:353px;
	}

#facial.overlay-image{
	background-size:cover;
	background-position:0 center;
	height:475px;
	width:100%;
}
#facial.overlay-image{
	background-image:url(../images/treatment/facial_back.jpg);
}
	#facial .overlay h2{
		background-image:url(../images/treatment/facial_head.png);
		background-repeat: no-repeat;
		padding-top:38px;
		width:407px;
	}

#package.overlay-image{
	background-size:cover;
	background-position:0 center;
	height:475px;
	width:100%;
}
#package.overlay-image{
	background-image:url(../images/treatment/package_back.jpg);
}
	#package .overlay h2{
		background-image:url(../images/treatment/package_head.png);
		background-repeat: no-repeat;
		padding-top:37px;
		width:397px;
	}

#option.overlay-image{
	background-size:cover;
	background-position:0 center;
	height:475px;
	width:100%;
}
#option.overlay-image{
	background-image:url(../images/treatment/option_back.jpg);
}
	#option .overlay h2{
		background-image:url(../images/treatment/option_head.png);
		background-repeat: no-repeat;
		padding-top:37px;
		width:371px;
	}

.caution{
	margin:0 auto;
	padding:24px 0;
	width:980px;
}
	.caution li{
		font-size:11px;
		line-height:150%;
		padding-left: 1em;
 		text-indent: -1em;
	}
	.caution h4,
	.caution h5{
		font-size:13px;
		margin-bottom:2px;
	}
	.caution ul + h4,
	.caution ul + h5{
		margin-top:8px;
	}

/* ==============================================================================
/////////////////////////////////////////////////////////////////////////////////
   dayplan
=================================================================================
============================================================================== */
#dayplan.overlay-image{
	background-size:cover;
	background-position:0 center;
	height:400px;
	width:100%;
}
#dayplan.overlay-image{
	background-image:url(../images/dayplan/back.jpg);
}
	#dayplan .overlay h1{
		background-image:url(../images/dayplan/title.png);
		background-repeat: no-repeat;
		padding-top:38px;
		width:497px;
	}
#dayplan.overlay-image{
	background-image:url(../images/dayplan/back.jpg);
}
.dayplan .detail-info{
	margin-bottom:42px;
}
.dayplan-item{
	background:#f0e8d7;
	padding:24px 0;
}
.dayplan-item .inner{
	background:#fff;
	margin:0 auto;
	padding:24px;
	width:932px; /*total-width:980px*/
}

/*#basic{
	margin-bottom:24px;
}*/
#basic .float-area,
#premium .float-area{
	margin-bottom:18px;
}
#basic h2,
#premium h2{
	color:#f18900;
	float:left;
	font-size:35px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",serif;
	letter-spacing:5px;
	line-height:100%;
	margin-right:68px;
}
	#premium h2{
		margin-right:3px;
	}
.price-table th{
	background:#d3d1c1;
	padding:0 8px;
}
.price-table td{
	padding-left:12px;
}
.price-table td.price{
	border-right:1px solid #595757;
	line-height:130%;
	padding-right:16px;
}
#basic .float-area .lt,
#premium .float-area .lt{
	float:left;
	margin-right:30px;
	width:554px;
}
#basic .float-area .rt,
#premium .float-area .rt{
	float:left;
}
#basic .subhead-text,
#premium .subhead-text{
	background:#EBE3D7;
	display:block;
	margin-bottom:22px;
	padding:2px 6px 1px;
}
#basic .course-box li,
#premium .course-box li{
	background:#f6f0de;
	float:left;
	padding:16px;
	width:234px;
}
	#premium .course-box li:nth-child(1),
	#premium .course-box li:nth-child(2){
		margin-bottom:16px;
	}
	#premium .course-box li:nth-child(3) .course-name,
	#premium .course-box li:nth-child(4) .course-name{
		line-height:130%;
		margin-bottom:8px;
	}
#basic .course-box li:nth-child(even),
#premium .course-box li:nth-child(even){
	float:right;
}
#basic .course-cat,
#premium .course-cat{
	color:#f18900;
	font-size:33px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",serif;
	line-height:100%;
}
#basic .course-name,
#premium .course-name{
	font-size:15px;
	margin-bottom:2px;
}
.day-flow-table caption{
	font-size:14px;
}
.day-flow-table th,
.day-flow-table td{
	border-bottom:1px dashed #3e3a39;
	padding:5px 5px 5px 0px;
}
	.day-flow-table .last th,
	.day-flow-table .last td{
		border-bottom:none;
		padding-bottom:0;
	}
.day-flow-table td{
	padding-left:8px;
}
.dashed-border{
	border:1px dashed #3e3a39;
	padding:8px;
}
	.dashed-border .subhead-text{
		font-size:15px;
	}
.dayplan .caution{
	font-size:11px;
}

/* ==============================================================================
/////////////////////////////////////////////////////////////////////////////////
   stayplan
=================================================================================
============================================================================== */
#stayplan.overlay-image{
	background-size:cover;
	background-position:0 center;
	height:400px;
	width:100%;
}
#stayplan.overlay-image{
	background-image:url(../images/stayplan/back.jpg);
}
	#stayplan .overlay h1{
		background-image:url(../images/stayplan/title.png);
		padding-top:34px;
		width:739px;
	}
#stayplan.overlay-image{
	background-image:url(../images/stayplan/back.jpg);
}
.stayplan .detail-info{
	margin-bottom:42px;
}
.stayplan-item{
	background:#F0EAE0;
	padding:24px 0;
}
.stayplan-item .inner{
	margin:0 auto;
	width:980px;
}
.stayplan-item .inner section{
	background:#fff;
	margin-bottom:24px;
	padding:24px 40px;
	position:relative;
	width:900px; /*total-width:980px*/
}

.stayplan .detail-info dd{
	margin-bottom:16px;
}
.stayplan .detail-info dd .indent{
	margin-left:5.3em;
}
.stayplan .detail-info dd .en{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

#plan1 .float-area,
#plan2 .float-area,
#plan3 .float-area,
#plan4 .float-area,
#plan5 .float-area{
	margin-bottom:16px;
}
	#plan1 .float-area + .float-area{
		margin-bottom:0px;
	}
#plan1 .float-area .plan,
#plan2 .float-area .plan,
#plan3 .float-area .plan,
#plan4 .float-area .plan,
#plan5 .float-area .plan{
	color:#898989;
	float:left;
	font-size:38px;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:100%;
	margin-right:20px;
}
#plan1 .float-area .plan + .rt,
#plan2 .float-area .plan + .rt,
#plan3 .float-area .plan + .rt,
#plan4 .float-area .plan + .rt,
#plan5 .float-area .plan + .rt{
	border-left:1px solid #595757;
	float:left;
	padding-left:24px;
}
#plan1 .float-area h2,
#plan2 .float-area h2,
#plan3 .float-area h2,
#plan4 .float-area h2,
#plan5 .float-area h2{
	background:url(../images/stayplan/head1.gif) no-repeat 0 0;
	background-size:contain;
	display:block;
	height:0;
	margin-bottom:12px;
	overflow:hidden;
	padding-top:46px;
	width:357px;
}
#plan2 .float-area h2{
		background-image:url(../images/stayplan/head2.gif);
		width:492px;
	}
#plan3 .float-area h2{
		background-image:url(../images/stayplan/head3.gif);
		width:442px;
	}
#plan4 .float-area h2{
		background-image:url(../images/stayplan/head4.gif);
		width:680px;
	}
#plan5 .float-area h2{
		background-image:url(../images/stayplan/head5.gif);
		width:630px;
	}
		#plan1 .float-area h2 + p,
		#plan2 .float-area h2 + p,
		#plan3 .float-area h2 + p,
		#plan4 .float-area h2 + p,
		#plan5 .float-area h2 + p{
			font-size:15px;
			line-height:100%;
		}
#plan1 .subhead-text,
#plan2 .subhead-text,
#plan3 .subhead-text,
#plan4 .subhead-text,
#plan5 .subhead-text{
	background:#a28c74;
	color:#fff;
	display:block;
	margin-bottom:16px;
	padding:2px 6px 1px;
}
#plan1 .float-area .lt,
#plan2 .float-area .lt,
#plan3 .float-area .lt,
#plan4 .float-area .lt,
#plan5 .float-area .lt{
	float:left;
	width:324px;
}
#plan1 .float-area .lt + .rt,
#plan2 .float-area .lt + .rt,
#plan3 .float-area .lt + .rt,
#plan4 .float-area .lt + .rt,
#plan5 .float-area .lt + .rt{
	float:right;
	width:551px;
}
.plan-price-table th{
	font-size:15px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height:140%;
	padding-top:3px;
}
	.plan-price-table .align-center{
		text-align:center;
	}
.plan-price-table td{
	font-size:15px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-align:right;
	line-height:140%;
}
	.plan-price-table .vertical-bottom{
		vertical-align:bottom;
	}
.plan-price-table tr.border th,
.plan-price-table tr.border td{
	border-bottom:1px dashed #ccc;
	padding-bottom:3px;
}
#plan1 .rt li{
	background:#f6f0de;
	font-size:15px;
	float:left;
	line-height:100%;
	margin-bottom:12px;
	padding:3% 3% 2%;
	/*width:42%;*/
	width:94%;
}
	#plan1 .rt li:nth-child(2){
	/*margin-right:4%;*/
	margin-bottom:12px;
	}
#plan1 .rt li span{
	color:#a28c74;
	font-size:33px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin-right:8px;
}

#plan2 .rt li{
	background:#f6f0de;
	font-size:15px;
	float:left;
	line-height:100%;
	margin-bottom:12px;
	padding:3% 3% 2%;
	width:94%;
}
	#plan2 .rt li:nth-child(4){
		margin-bottom:12px;
	}
#plan2 .rt li span{
	color:#a28c74;
	font-size:33px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin-right:8px;
}

#plan3 .rt li{
	background:#f6f0de;
	font-size:15px;
	float:left;
	line-height:100%;
	margin-bottom:12px;
	padding:3% 3% 2%;
	width:94%;
}
	#plan3 .rt li:nth-child(4){
		margin-bottom:0px;
	}
#plan3 .rt li span{
	color:#a28c74;
	font-size:33px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin-right:8px;
}


#plan4 .rt li{
	background:#f6f0de;
	font-size:15px;
	float:left;
	line-height:100%;
	margin-bottom:12px;
	padding:3% 3% 2%;
	width:94%;
}

	#plan4 .rt li:nth-child(4){
		margin-bottom:0px;
	}

#plan4 .rt li span{
	color:#a28c74;
	font-size:33px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin-right:8px;
}

#plan5 .rt li{
	background:#f6f0de;
	font-size:15px;
	float:left;
	line-height:100%;
	margin-bottom:12px;
	padding:3% 3% 2%;
	width:94%;
}

	#plan5 .rt li:nth-child(4){
		margin-bottom:0px;
	}

#plan5 .rt li span{
	color:#a28c74;
	font-size:33px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin-right:8px;
}

.stayplan .reserve-btn a{
	background:#cdba9b;
	color:#fff;
	display:block;
	font-size:16px;
	padding:5px 24px 3px;
	position:absolute;
	top:24px;
	right:40px;
}

.stayplan .reserve-btn2 a{
	background:#cdba9b;
	color:#fff;
	display:block;
	font-size:16px;
	padding:5px 15px 3px;
	position:relative;
	width:300px;
}

.stayplan .treatment-plan-btn a{
	background:#a28c74;
	color:#fff;
	display:block;
	font-size:16px;
	margin:0 auto;
	padding:6px 0 5px;
	text-align:center;
	width:405px;
}
.stayplan .caution{
	font-size:11px;
}

/* ==============================================================================
/////////////////////////////////////////////////////////////////////////////////
   gift
=================================================================================
============================================================================== */
#gift.overlay-image{
	background-size:cover;
	background-position:0 center;
	height:440px;
	width:100%;
}
#gift.overlay-image{
	background-image:url(../images/gift/back.jpg);
}
	#gift .overlay h1{
		background-image:url(../images/gift/title.png);
		padding-top:37px;
		width:400px;
	}
#gift.overlay-image{
	background-image:url(../images/gift/back.jpg);
}
.gift .desc{
	margin:40px auto;
	width:980px;
}
.gift h2{
	background:url(../images/gift/head1.gif) no-repeat 0 0;
	background-size:contain;
	display:block;
	height:0;
	margin-bottom:24px;
	overflow:hidden;
	padding-top:25px;
	width:591px;
}
	.gift h2 + p{
		font-size:15px;
		margin:0 auto;
		width:980px;
	}

.gift-item{
	background:#F0EAE0;
	padding:24px 0;
}

.gift-item + p{
	font-size: 15px;
}
.gift-item .inner{
	margin:0 auto;
	width:980px;
}
.gift-item .inner section{
	background:#fff;
	margin-bottom:24px;
	padding:24px 40px;
	position:relative;
	width:900px; /*total-width:980px*/
}
#relaxing .float-area,
#spa-lunch .float-area,
#spa-gift .float-area{
	border-bottom:3px solid #B4A28D;
	margin-bottom:24px;
	padding-bottom:24px;
}
	#relaxing .float-area p,
	#spa-lunch .float-area p,
	#spa-gift .float-area p{
		font-size:15px;
	}
#relaxing .gift,
#spa-lunch .gift,
#spa-gift .gift{
	background:url(../images/gift/head2.gif) no-repeat 0 0;
	background-size:contain;
	border-right:1px solid #595757;
	display:block;
	float:left;
	height:0;
	margin-right:16px;
	overflow:hidden;
	padding-top:26px;
	padding-right:16px;
	width:319px;
}
	#spa-gift .gift{
		background:url(../images/gift/head3.gif) no-repeat 0 0;
		width:422px;
	}
#relaxing .gift{
		background:url("../images/gift/head4.gif") no-repeat 0 0;
		width:275px;
	}
#relaxing h3,
#spa-lunch h3,
#spa-gift h3{
	font-size:15px;
}
.gift .reserve-btn a{
	background:#cb988b;
	color:#fff;
	display:block;
	font-size:16px;
	margin:0 auto;
	padding:6px 0 5px;
	position:absolute;
	/*top:24px;
	right:40px;*/
	text-align:center;
	width:212px;
}

/* ==============================================================================
/////////////////////////////////////////////////////////////////////////////////
   overlay-image
=================================================================================
============================================================================== */
.overlay-image{
	position:relative;
}
	.guide .overlay-image{
		margin-bottom:24px;
	}
	.treatment .overlay-image + p{
		font-size:15px;
		margin:40px auto;
		width:980px;
	}
	.treatment .overlay-image + h3{
		margin:40px auto 16px;
		width:980px;
	}
	.treatment .overlay-image + h3 + p{
		font-size:15px;
		margin:0 auto 40px;
		width:980px;
	}
	#dayplan.overlay-image + p{
		font-size:15px;
		margin:40px auto 16px;
		width:980px;
	}
	#stayplan.overlay-image + p{
		font-size:15px;
		margin:40px auto 16px;
		width:980px;
	}
.overlay{
	background-blend-mode: multiply;
	padding:28px 0 20px;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}
.overlay.blue{
	background-color:rgba(72,140,176,0.7);
}
.overlay.yellow{
	background-color:rgba(215,153,77,0.7);
}
.overlay.brown{
	background-color:rgba(124,104,84,0.7);
}
.overlay.orange{
	background-color:rgba(244,165,132,0.7);
}
.overlay .inner{
	margin:0 auto;
	width:980px;
}
.overlay h1,
.overlay h2{
	background-size:contain;
	height:0;
	overflow:hidden;
}
.overlay p{
	color:#fff;
	font-size:15px;
}
	.overlay h2 + p{
		margin-top:20px;
	}

/* ==============================================================================
/////////////////////////////////////////////////////////////////////////////////
   dl
=================================================================================
============================================================================== */
.detail-info{
	margin:0 auto;
	width:980px;
}
.detail-info dt{
	background-color: #868686;
	clear: both;
	color:#fff;
	float: left;
	margin-right:12px;
	padding:2px 8px 1px;
}
.detail-info dd{
	padding:2px 0px;
}
	.detail-info dd .sup{
	    margin-left:16px;
	}
#valmont-item dl{
    margin-bottom:8px;
}
#valmont-item dl + .reserve-btn{
	margin:0 auto;
    width:80%;
}
#valmont-item dt{
	border:1px solid #4094AA;
	clear: both;
	color:#4094AA;
	float: left;
	margin-right:7px;
	padding:2px 5px 1px;
}
	#valmont-item dl + p.sup{
		margin-left:46px!important;
		width:auto;
		white-space:nowrap;
	}
	#valmont-item dd{
		font-size:13px;
		padding:2px 0px;
	}
		#valmont-item dd .sup{
			margin-left:16px;
		}

/* ==============================================================================
/////////////////////////////////////////////////////////////////////////////////
   column
=================================================================================
============================================================================== */
.column > ul{
	margin:0 auto;
	width:980px;
}
	.column.gray{
		background:#dcdde3;
		padding:36px 0;
	}
.column li.box{
	background:#fff;
	padding:26px 15px 26px 26px;
}
	#spa-item.column.column-type2 li.box{
		padding:26px 26px 26px 26px;
	}
	.column.column-type3 li.box{
		padding:26px 26px 26px 26px;
	}
.column-type2 ul{
    display:flex;
    flex-wrap:wrap;
	justify-content: space-between;
}
.column-type2 ul.clearfix > li{
	box-sizing: border-box;
	width: 48%;
	/*width:439px;*/ /*total-width:477px*/
}
/*#spa-item.column-type2 ul.clearfix > li{
	width:425px;
}*/
	/*.column-type2 li:nth-child(odd).box{
		float:left;
	}
	.column-type2 li:nth-child(even).box{
		float:right;
	}
	.column-type2 li:nth-child(3).box,
	.column-type2 li:nth-child(4).box{
		margin-top:24px;
	}*/


.column-type3 ul{
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.column-type3 ul.clearfix > li{
	position:relative;
	width:252px; /*total-width:304px*/
}
	.column-type3 li:nth-child(3n+2).box{
		margin:0 34px;
	}
	.column-type3 li:nth-child(4).box,
	.column-type3 li:nth-child(5).box,
	.column-type3 li:nth-child(6).box,
	.column-type3 li:nth-child(7).box,
	.column-type3 li:nth-child(8).box,
	.column-type3 li:nth-child(9).box{
		margin-top:24px;
	}

.detail-link a{
	background:#d1dae1;
	display:inline-block;
	font-size:15px;
	padding:8px 18px;
}

@media (max-width: 766px) {
/*766以下*/
/*766以下*/
}

/*****************************
top
*****************************/
#top-item > ul > li{
	margin-bottom:26px;
}
	 #top-item.column-type2 li:nth-child(3).box,
	 #top-item.column-type2 li:nth-child(4).box {
		margin-top:0px;
	}
#top-item li h3,
#top-item .one-box h3{
	margin-bottom:12px;
}
#top-item li:nth-child(1) h3,
#top-item li:nth-child(2) h3,
#top-item li:nth-child(3) h3,
#top-item li:nth-child(4) h3,
#top-item .one-box h3{
	background-size:contain;
	background-repeat:no-repeat;
	height:0;
	overflow:hidden;
	padding-top:22px;
}
#top-item li:nth-child(1) h3{
	background-image:url(../images/top/head1.gif);
	width:105px;
}
#top-item li:nth-child(2) h3{
	background-image:url(../images/top/head2.gif);
	padding-top:23px;
	width:250px;
}
#top-item li:nth-child(3) h3{
	background-image:url(../images/top/head3.gif);
	width:154px;
}
#top-item li:nth-child(4) h3{
	background-image:url(../images/top/head4.gif);
	width:231px;
}
#top-item .one-box h3{
	background-image:url(../images/top/head5.gif);
	width:155px;
}
#top-item h4{
	font-size: 26px;
    color: #4094aa;
	letter-spacing: 0.1em;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
#top-item .float-area img{
	float:left;
	margin-right:4%;
	width:50%;
}
#top-item .float-area .rt{
	float:left;
	width:46%;
}
	#top-item .float-area .rt .head{
		font-size:13px;
		margin-bottom:8px;
	}
	#top-item .float-area .rt .head + p{
		margin-bottom:16px;
	}
#top-item .disc{
	margin-bottom:12px;
}
.disc li{
	background:url(../images/icon/circle_gray.gif) no-repeat 0 4px;
	background-size:11px;
	padding-left:14px;
}
.disc li ul li{
	background:none;
	padding-left:0px;
}
.daiya li{
	background:url(../images/icon/daiya_gray.gif) no-repeat 0 4px!important;
	background-size:11px!important;
	padding-left:14px!important;
}

#top-item .one-box{
	background:#fff;
	margin:0 auto;
	padding:26px 0 26px 26px;
	position:relative;
	width:954px;
}
#top-item .one-box .lt{
	float:left;
	margin-right:4%;
	width:22%;
}
#top-item .one-box .rt{
	float:left;
	width:74%;
}
	#top-item .one-box .head{
		font-size:13px;
		margin-bottom:8px;
	}
	#top-item .one-box .head span{
		font-size:12px;
		margin-left:24px;
	}
#top-item .one-box .detail-link{
	position:absolute;
	bottom:26px;
	right:26px;
}

/*****************************
treatment
*****************************/
#recommended-item li h3,
#body-item li h3,
#valmont-item li h3,
#spa-item li h3,
#facial-item li h3,
#package-item li h3,
#option-item li h3{
	margin-bottom:28px;
}
#recommended-item li h3 + p,
	#body-item li h3 + p,
	#spa-item li h3 + p,
	#facial-item li h3 + p,
	#package-item li h3 + p,
	#option-item li h3 + p{
		margin-bottom:20px;
	}
	#valmont-item li h3 + p{
		margin-bottom:8px;
	}
#recommended-item li .price,
#body-item li .price,
#valmont-item li .price,
#facial-item li .price,
#package-item li .price/*,
#option-item li:nth-child(5) .price*/{
	font-size:16px;
	position:absolute;
	bottom:26px;
	left:26px;
}
#recommended-item li .price,
#body-item li:nth-child(1) .price,
#body-item li:nth-child(5) .price,
#body-item li:nth-child(7) .price,
#valmont-item li:nth-child(2) .price,
#spa-item li .price,
#facial-item li:nth-child(3) .price,
#package-item li .price,
#option-item li .price{
	font-size:16px;
	position:relative;
	bottom:0;
	left:0;
	padding-top:10px;
}

#recommended-item li h4,
#body-item li h4,
.treatment-list li h4 {
	font-size: 24px;
	color: #4094aa;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-weight: bold;
	line-height: 1.4em;
	margin-bottom: 23px;
	letter-spacing: -0.05em;
}

#body-item .sup,
#valmont-item .sup,
#spa-item .sup,
#facial-item .sup,
#package-item .sup,
#option-item .sup,
#recommended-item .sup{
	margin:8px auto 0;
	width:980px;
}

#body-item .cau,
#valmont-item .cau,
#spa-item .cau,
#facial-item .cau,
#package-item .cau,
#option-item .cau,
#recommended-item .cau{
	margin:8px auto 0;
	width:980px;
}

#recommended-item li:nth-child(1) h3,
#body-item li:nth-child(1) h3,
#body-item li:nth-child(2) h3,
#body-item li:nth-child(3) h3,
#body-item li:nth-child(4) h3,
#body-item li:nth-child(5) h3,
#body-item li:nth-child(6) h3,
#body-item li:nth-child(7) h3,
#body-item li:nth-child(8) h3,
#body-item li:nth-child(9) h3,
#valmont-item li:nth-child(1) h3,
#valmont-item li:nth-child(2) h3,
#valmont-item ul.set-plan li:nth-child(1) h3,
#valmont-item ul.set-plan li:nth-child(2) h3,
#spa-item li:nth-child(1) h3,
#spa-item li:nth-child(2) h3,
#spa-item li:nth-child(3) h3,
#spa-item li:nth-child(4) h3,
#facial-item li:nth-child(1) h3,
#facial-item li:nth-child(2) h3,
#facial-item li:nth-child(3) h3,
#package-item li:nth-child(1) h3,
#package-item li:nth-child(2) h3,
#package-item li:nth-child(3) h3,
#package-item li:nth-child(4) h3,
#option-item li:nth-child(1) h3,
#option-item li:nth-child(2) h3,
#option-item li:nth-child(3) h3,
#option-item li:nth-child(4) h3,
#option-item li:nth-child(5) h3,
#option-item li:nth-child(6) h3{
	background-size:contain;
	background-repeat:no-repeat;
	height:0;
	overflow:hidden;
	padding-top:57px;
}
#valmont-item ul.set-plan li:nth-child(1) h3,
#valmont-item ul.set-plan li:nth-child(2) h3{
		background-repeat: no-repeat;
	margin:0 auto 6px;
}

#recommended-item li:nth-child(1) h3{
		background-image:url(../images/treatment/recommended_sub_head1.gif);
		background-repeat: no-repeat;
		width:290px;
	}

	#body-item li:nth-child(1) h3{
		background-image:url(../images/treatment/body_sub_head1.gif);
		background-repeat: no-repeat;
		width:240px;
	}
	#body-item li:nth-child(2) h3{
		background-image:url(../images/treatment/body_sub_head2.gif);
		background-repeat: no-repeat;
		width:207px;
	}
	#body-item li:nth-child(3) h3{
		background-image:url(../images/treatment/body_sub_head3.gif);
		background-repeat: no-repeat;
		width:154px;
	}
/*	#body-item li:nth-child(4) h3{
		background-image:url(../images/treatment/body_sub_head4.gif);
		background-repeat: no-repeat;
		width:237px;
	}*/
	#body-item li:nth-child(4) h3{
		background-image:url(../images/treatment/body_sub_head5.gif);
		background-repeat: no-repeat;
		width:183px;
	}
	#body-item li:nth-child(5) h3{
		background-image:url(../images/treatment/body_sub_head6.gif);
		background-repeat: no-repeat;
		width:207px;
	}
/*	#body-item li:nth-child(7) h3{
		background-image:url(../images/treatment/body_sub_head7.gif);
		background-repeat: no-repeat;
		width:140px;
	}
	#body-item li:nth-child(8) h3{
		background-image:url(../images/treatment/body_sub_head8.gif);
		background-repeat: no-repeat;
		width:238px;
	}
	#body-item li:nth-child(9) h3{
		background-image:url(../images/treatment/body_sub_head9.gif);
		background-repeat: no-repeat;
		width:180px;
	}*/
	#valmont-item li:nth-child(1) h3{
		background-image:url(../images/treatment/valmont_sub_head1.gif);
		background-repeat: no-repeat;
		padding-top:57px;
		width:200px;
	}
	#valmont-item li:nth-child(2) h3{
		background-image:url(../images/treatment/valmont_sub_head2.gif);
		background-repeat: no-repeat;
		padding-top:57px;
		width:200px;
	}
	#valmont-item ul.set-plan li:nth-child(1) h3{
		background-image:url(../images/treatment/valmont_sub_head5.gif);
		padding-top:22px;
		width:198px;
	}
	#valmont-item ul.set-plan li:nth-child(2) h3{
		background-image:url(../images/treatment/valmont_sub_head6.gif);
		padding-top:22px;
		width:220px;
	}
	#valmont-item ul.set-plan li:nth-child(3) h3{
		background-image:url(../images/treatment/valmont_sub_head7.gif);
		padding-top:22px;
		width:244px;
	}
	#spa-item li:nth-child(1) h3{
		background-image:url(../images/treatment/spa_sub_head1.gif);
		padding-top:23px;
		width:145px;
	}
	#spa-item li:nth-child(2) h3{
		background-image:url(../images/treatment/spa_sub_head2.gif);
		padding-top:23px;
		width:215px;
	}
	#spa-item li:nth-child(3) h3{
		background-image:url(../images/treatment/spa_sub_head3.gif);
		padding-top:23px;
		width:188px;
	}
	#spa-item li:nth-child(4) h3{
		background-image:url(../images/treatment/spa_sub_head4.gif);
		padding-top:23px;
		width:273px;
	}
	#facial-item li:nth-child(1) h3{
		background-image:url(../images/treatment/facial_sub_head1.gif);
		padding-top:21px;
		width:128px;
	}
	#facial-item li:nth-child(2) h3{
		background-image:url(../images/treatment/facial_sub_head2.gif);
		padding-top:21px;
		width:177px;
	}
	#facial-item li:nth-child(3) h3{
		background-image:url(../images/treatment/facial_sub_head3.gif);
		padding-top:21px;
		width:179px;
	}
	#package-item li:nth-child(1) h3{
		background-image:url(../images/treatment/package_sub_head1.gif);
		padding-top:23px;
		width:297px;
	}
	#package-item li:nth-child(2) h3{
		background-image:url(../images/treatment/package_sub_head2.gif);
		padding-top:23px;
		width:288px;
	}
	#package-item li:nth-child(3) h3{
		background-image:url(../images/treatment/package_sub_head4.gif);
		padding-top:23px;
		width:296px;
	}
	#package-item li:nth-child(4) h3{
		background-image:url(../images/treatment/package_sub_head5.gif);
		padding-top:23px;
		width:400px;
	}
	#option-item li:nth-child(1) h3{
		background-image:url(../images/treatment/option_sub_head1.gif);
		padding-top:57px;
		width:173px;
	}
	#option-item li:nth-child(2) h3{
		background-image:url(../images/treatment/option_sub_head2.gif);
		padding-top:57px;
		width:176px;
	}
	#option-item li:nth-child(3) h3{
		background-image:url(../images/treatment/option_sub_head3.gif);
		padding-top:57px;
		width:198px;
	}
	#option-item li:nth-child(4) h3{
		background-image:url(../images/treatment/option_sub_head4.gif);
		padding-top:57px;
		width:199px;
	}
	#option-item li:nth-child(5) h3{
		background-image:url(../images/treatment/option_sub_head5.gif);
		padding-top:57px;
		width:220px;
	}
	#option-item li:nth-child(6) h3{
		background-image:url(../images/treatment/option_sub_head6.gif);
		padding-top:57px;
		width:151px;
	}


/*****************************
スクロール矢印
*****************************/
.pagetop {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 55px;
}
.pagetop a {
  display: block;
  width: 50px;
  height: 50px;
  background-color: #333;
  border-radius: 50px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  text-decoration: none;
  line-height: 50px;
}


@media (max-width: 766px) {
/*766以下*/
/*766以下*/
}