@charset "utf-8";
/* 文字化け防止 */
/* CSS Document */



	/*IE6 IE7 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#eee, endcolorstr=#ffffff));
	/* IE8 IE9 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#eee, endcolorstr=#ffffff))";
	zoom: 1;
	background: linear-gradient(to bottom, #eee, #fff);/* IE10+, W3C */

}

.IndexMain{
	width:100%;
	background:#fff;
	margin:0 auto 10%;
}

.IndexDetailArea{
	width:90%;
	margin:0 auto;

}

#IndexContentTitle{
	color:#222;
	font-size:30px;
	font-weight:bold;
	letter-spacing:0.1em;
	padding-bottom:20px;
	padding-top:20px;
	margin:50px auto;
	text-align:center;
	width:100%;
}

#IndexDispArea{
	width:100%;
	text-align:center;
	margin:0 auto;	
}

.IndextopImageSlideArea{
	background-size:cover;
	height:450px;
	width:100%;
	position:relative;

}


.IndextopImageSlideAreaString{
	/* position:absolute;
	padding:5% 0;
	width:90%;
  	text-align:center;
	z-index:10;
	font-size:18px;
	color:#fff;
	top: 98%;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%) ;
	background:rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
	cursor:pointer; */
	right: 20px;
    top: 30px;

}

.HeadingLinkText span{
	font-size: 22px;
}

.HeadingLinkText{
	/* width:90%;
  	text-align:center;
	margin:auto;
	font-size:18px;
	color:#49C7EA;
	-webkit-animation: blink 1.2s ease-in-out infinite alternate;
	animation: blink 1.2s ease-in-out infinite alternate; */


}

.IndexInformationArea{
	width:100%;
	text-align:center;
	margin:0 auto 10%;

}

.IndexInformationDetailArea{
	width:100%;
	margin:auto;

}
.IndexInformationDetailArea_ul{
	font-size:0;

}

.IndexInformationDetailArea_li{
	width: 88%;
	margin: 0 auto 2%;
	display: block;
	padding: 3% 6% 2% 6%;
}
.IndexInformationDetailArea a{
	width:100%;
	font-size:14px;
	text-align:left;
	display:block;
	color:#3E5363;
	padding:2% 0;

}
.IndexInformationDetailArea a:hover{
	text-decoration:none;
	color:#3E5363;

}

.InformationDate{
	font-size:12px;
	text-align:left;
	display:block;
	margin:0;

}

.IndexLinkArea{
	width:100%;
	margin:5% auto 10%;
	text-align:center;

}

.IndexLinkArea a{
	margin: auto;
	color:#00638E;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.1em;

}
.IndexLinkArea a:hover{
	text-decoration:none;
	color:#3E5363;

}

.IndexScheduleArea{
	margin: auto;
	text-align: center;
	width: 100%;
}

/*
.IndexScheduleArea{
	display:none;

	width:100%;
	text-align:center;
	margin:0 auto 10%;	
}

.IndexScheduleArea_sp{
	display:block;
	width:100%;
	text-align:center;
	margin:0 auto 10%;
}
*/

.IndexHairStyleArea{
	margin: auto;
	text-align: center;
	width: 100%;
}

.IndexNewsArea{
	width:100%;
	text-align:center;
	margin:0 auto;
}

.IndexNewsArea .IndexLinkArea{
	text-align: center;
	margin: 1% auto 10%;
}

.IndexShopArea{
	width:100%;
	text-align:center;
	margin:0 auto 10%;

}

/* aaaa */


.IndexMassage {
	display:block;
	width: 100%;
	justify-content: space-between;
	align-items: center;
    margin: 0 auto 10%;
}

.IndexMenu {
	display:block;
	width: 90%;
	justify-content: space-between;
	align-items: center;
    margin: 0 auto;
}

.TopMassageText{
	width: 100%;
}

.TopMenuText{
	width: 100%;
}

.IndexMassage h3,
.IndexMenu h3 {
	font-size:30px;
	text-align: center;
	color:#00638E;
	margin-bottom:20px;
	line-height: 1.5;
}

.TopMassageText p,
.TopMenuText p{
	font-size: 14px;
	margin-bottom: 15px;
	line-height: 1.6;
}

.TopMassageText p:first-of-type{
	text-align: center;
}

.TopMassageText p:last-of-type,
.TopMenuText p:last-of-type{
	margin-bottom: 30px;
}

.TopMassageText p span{
	font-size: 17px;
    font-weight: 600;
    background: linear-gradient(transparent 50%, #FFF6DE 50%);
    display: inline;
}

.TopMassageImg {
	width: 70%;
    margin: 0 auto;
}

.TopMassageImg img{
	width: 100%;
	
}

.TopMenuImg {
	width: 100%;
}

.TopMenuImg img{
	width: 100%;
	margin: 0 auto 15px auto;
}

.IndexMenuKakomi {
	background: #EDF4F8;
	margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
	margin-bottom: 10%;
    padding: 2% 0 6% 0;
}

.IndexPhotoGallery{
	margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
	margin-bottom: 10%;
}

@keyframes infinity-scroll-left {
	from {
	  transform: translateX(0);
	}
	  to {
	  transform: translateX(-100%);
	}
	}
	.scroll-infinity__wrap {
	  display: flex;
	  overflow: hidden;
	}
	.scroll-infinity__list {
	  display: flex;
	  list-style: none;
	  padding: 0
	}
	.scroll-infinity__list--left {
	  animation: infinity-scroll-left 30s infinite linear 0.3s both;
	}
	.scroll-infinity__item {
	  width: calc(100vw / 2);
	}
	.scroll-infinity__item>img {
	  width: 99%;
	}