@CHARSET "UTF-8";
* {
	margin: 0;
	padding: 0;
	line-height: 1.0em;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

html {
	min-height: 100%;
	position: relative;
}

body {
	font-family: 'Fjalla One', 'Open Sans Condensed', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #868280;
	margin: 0;
	padding: 0;
	background-color: #fff;
	/*! margin-bottom: 349px; */
}

a {
	text-decoration: none;
	display: inline-block;
	color: #868280;
}

a:hover {
	cursor: pointer;
}

.autoImg {
	width: 100%;
	height: auto;
}

/**** ↓ header ↓ ****/
header {
	width: 100%;
	min-width: 1000px;
	height: 90px;
	background-color: rgba(207, 199, 196, 0.8);
	position: fixed;
	top: 0;
	z-index: 5;
}

.headerWrap {
	color: #fff;
	width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	transform: translate(-50%, -50%);
	position: absolute;
	top: 50%;
	left: 50%;
}

.headerWrap h1 {
	margin: 0 auto 0 0;
}

.headerWrap .siteTit {
	width: 109px;
	display: block;
}

.headerWrap .globalMenu {
	font-size: 0;
	margin: 0 0 0 50px;
}

.headerWrap .globalMenu > li {
	font-size: 14px;
	color: #fff;
	letter-spacing: 1px;
	vertical-align: middle;
	display: inline-block;
	padding: 0 10px;
}

.headerWrap .globalMenu li a {
	color: #fff;
	text-decoration: none;
	position: relative;
}

.headerWrap .globalMenu li a:after {
	content: '';
	width: 100%;
	height: 2px;
	background-color: #fff;
	transform: scaleX(0);
	transition: all .3s ease;
	position: absolute;
	bottom: -5px;
	left: 0;
}

.headerWrap .globalMenu li a:hover:after {
	transform: scaleX(1);
}

.headerWrap .rigthWrap{
	margin-left: 50px;
}


.headerWrap .reservationBtn {
	/*! font-family: 'Open Sans Condensed', sans-serif; */
	/*! color: #fff; */
	/*! font-size: 15px; */
	/*! font-weight: bold; */
	/*! letter-spacing: 1px; */
	/*! text-decoration: none; */
	vertical-align: middle;
	/*! text-align: center; */
	display: inline-block;
	width: 80px;
	padding: 10px 0;
	margin-left: 30px;
	/*! border-radius: 40px; */
	/*! background-color: #868280; */
}

.headerWrap .tel:before {
	content: "";
	vertical-align: middle;
	display: inline-block;
	height: 28px;
	width: 28px;
	background: url('../../img/FrontPc/header_tel.png') no-repeat center center;
	position: absolute;
	left: 0;
	bottom: 0;
}

.headerWrap .tel {
	font-size: 18px;
	letter-spacing: 2px;
	vertical-align: middle;
	display: inline-block;
	padding-left: 30px;
	position: relative;
}

.english{
	font-size: 14px;
	color: #fff;
	letter-spacing: 1px;
	vertical-align: middle;
	display: inline-block;
	padding: 0 10px;
	width: 135px;
	padding: 10px 0;
	border-radius: 40px;
	margin: 0 0 0 10px;
	vertical-align: middle;
	text-align: center;
	/*! border:1px solid #868280; */
}
/**** ↑ header ↑ ****/

/**** ↓ cmn  ↓****/
.cmnBgGray {
	background-color: #f0f0f0;
}

h2.title {
	font-family: 'Ubuntu', sans-serif;
	font-weight: bold;
	color: #969696;
	font-size: 14px;
	text-align: center;
	display: block;
	padding: 40px 0;
}

h2.title span {
	font-family: 'Fjalla One', sans-serif;
	font-size: 21px;
	font-weight: normal;
	display: block;
}

h2.title span:after {
	content: "";
	display: block;
	width: 18px;
	height: 2px;
	background-color: #002e63;
	margin: 10px auto;
}

h3.subTitle {
	font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
	color: #969696;
	font-size: 15px;
	text-align: center;
	display: block;
	padding: 40px 0 20px;
	margin-bottom: 25px;
	position: relative;
}

h3.subTitle .main {
	font-family: 'Fjalla One', sans-serif;
	font-size: 17px;
	text-align: center;
	display: block;
}

h3.subTitle .sub {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: normal;
	color: #d6cfcd;
	font-size: 13px;
	text-align: center;
	display: block;
	margin-top: 10px;
}

h3.subTitle:after {
	content: "";
	display: block;
	width: 18px;
	height: 2px;
	background-color: #002e63;
	margin: 5px auto 0 auto;
	transform: translateX(-50%);
	position: absolute;
	left: 50%;
	bottom: 0;
}

a.mapWrap {
	display: block;
}

.cmnBtn {
	text-decoration: none;
	color: #aea5a1;
	font-size: 18px;
	text-align: center;
	display: block;
	width: 315px;
	padding: 15px;
	margin: 0 auto;
	border: 2px solid #aea5a1;
	border-radius: 40px;
}

.moreBtn {
	text-decoration: none;
	font-size: 18px;
	color: #aca39f;
	text-align: center;
	display: block;
	width: 315px;
	padding: 15px;
	margin: 40px auto;
	border: 2px solid #aca39f;
	border-radius: 40px;
	background: url(../../img/FrontPc/cmn_arrow_right_gray.png) no-repeat 95% center / auto 45%;
}

.mapBtn {
	text-decoration: none;
	color: #aca39f;
	font-size: 18px;
	text-align: center;
	display: block;
	width: 315px;
	padding: 15px;
	margin: 0 auto;
	background-color: #fff;
	border: 2px solid #aca39f;
	border-radius: 40px;
}

.topBtn {
	text-decoration: none;
	color: #fff;
	font-size: 18px;
	text-align: center;
	display: block;
	width: 180px;
	padding: 15px;
	margin: 40px auto;
	background-color: #c3bcb9;
	border-radius: 40px;
	background: url(../../img/FrontPc/cmn_arrow_right_white.png) no-repeat 80% center / auto 30%;
}

.pageNateWrap {
	width: 300px;
	margin: 30px auto 0;
}

.pageNate {
	font-size: 0;
	width: 90%;
	margin: 0 auto;
}

.pageNate li {
	width: 10%;
	font-size: 14px;
	display: inline-block;
	text-align: center;
	margin: 0 1%;
	vertical-align: middle;
}

.pageNate li img {
	height: 100%;
}

.pageNate li a {
	display: inline-block;
	padding: 5px 7px;
	border: 1px solid #c8c8c8;
	text-decoration: none;
	color: #868686;
}

.pageNate li.here a {
	background-color: #9b938f;
	border-color: #9b938f;
	color: #fff;
}

.pageNate li.pageNateBtn {
	width: 18%;
}

.pageNate li.pageNateBtn a {
	border: none;
	display: block;
	height: 34px;
}

.pageNate li.prevBtn {
	text-align: left;
}

.pageNate li.nextBtn {
	text-align: right;
}

/**** ↑ cmn  ↑ ****/

/**** ↓ top ↓ ****/
#topPage section {
	min-width: 1000px;
	overflow: hidden;
}

.filter {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-image: url("../../img/FrontPc/top_filter.png");
}

#topPage video {
	transform: translateX(-50%);
	position: relative;
	left: 50%;
}

#topPage .videoWrap {
	position: relative;
	min-width: 1000px;
}

#topPage .topLogo {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 14px;
	color: #fff;
	line-height: 1.3;
	text-align: center;
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 45%;
	z-index: 3;
	display: none;
}

#topPage .logoWrap {
	width: 317px;
	margin: 0 auto 50px auto;
}

#topPage .topLogo span {
	margin-bottom: 5px;
	display: block;
}

#topPage .topLogo .type {
	font-size: 18px;
	font-family: 'Fjalla One', sans-serif;
}

#topPage .topLogo .boldText {
	font-weight: bold;
	font-size: 16px;
}

#topPage h2 {
	padding: 40px 0 20px;
}

/** ↓ top concept ↓ **/
#topPage #concept .conceptImg {
	max-width: 1900px;
	margin: 0 auto;
}

#topPage #concept .conceptImg img {
	width: 100%;
}

#topPage #concept p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 24px;
	width: 540px;
	margin: 0 auto;
}


#topPage #concept .concept1 h3.subTitle {
	color: #d6cfcd;
}

#topPage #concept .concept1 h3.subTitle .main {
	line-height: 1.3;

}

#topPage #concept .concept1 .image {
	width: 100%;
	max-width: 1900px;
	margin: 0 auto;
	position: relative;
}

#topPage #concept .concept1 .image:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 7px;
	top:0;
	left: 0;
	border-top: 7px solid #d6cfcd;
}

#topPage #concept .concept1 .image:after{
	content: "";
	position: absolute;
	width: 100%;
	height: 7px;
	bottom:0;
	left: 0;
	border-bottom: 7px solid #d6cfcd;
}

#topPage #concept .concept1 .back {
	width: 100%;
}

#topPage #concept .concept1 .logo {
	width: 290px;
	transform: translate(-50%, -50%);
	position: absolute;
	top: 50%;
	left: 50%;
}

#topPage #concept .concept1 p {
	margin-bottom: 50px;
}

#topPage #concept .concept2 p {
	margin-bottom: 100px;
}

#topPage #concept .concept3 p {
	margin-bottom: 100px;
}

#topPage #concept .concept3 p span {
	display: block;
	font-size: 12px;
	margin: 10px 0 0 0;
	line-height: 1.4;
}

/** ↑ top concept ↑ **/
/** ↓ top gallery ↓ **/
#topPage #galleryWrap {
	/*! padding-bottom: 50px; */
}

#topPage #galleryWrap .galleryItems {
	font-size: 0;
	width: 720px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}

#topPage #galleryWrap .galleryItems .item1 {
	margin-right: 18px;
	height: 272px;
}
#topPage #galleryWrap .galleryItems .item2 {
	height: 272px;
}
#topPage #galleryWrap .galleryItems .item1 img,
#topPage #galleryWrap .galleryItems .item2 img{
	height: 100%;
	width: auto;
}

/** ↑ top gallery ↑ **/
/** ↓ top staff ↓ **/
#topPage #staff {
	padding-bottom: 40px;
}

#topPage #staff .staffList {
	font-size: 0;
	width: 610px;
	margin: 0 auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-start;
}

#topPage #staff .staffList li {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 16px;
	text-align: center;
	width: 33.33%;
	width: -webkit-calc(100% / 3);
	width: calc(100% / 3);
	margin-bottom: 50px;
}

#topPage #staff .staffList .staffName {

}

#topPage #staff .staffList .staffName span {
	margin-bottom: 6px;
	display: block;
	position: relative;
}

#topPage #staff .staffList .staffName span:after {
	content: "";
	display: block;
	width: 18px;
	height: 1px;
	background-color: #e6e6e6;
	margin: 10px auto 0 auto;
}

/** ↑ top staff ↑ **/
/** ↓top  salon ↓ **/
#topPage #salon {
	/*! margin-bottom: 50px; */
}

#topPage #salon .salonImg {
	width: 100%;
	max-width: 1900px;
	margin: 0 auto;
}

#topPage #salon .salonImg img{
	display: block !important;
}

#topPage #salon .telWrap {
	font-family: 'Fjalla One';
	font-weight: bold;
	text-align: center;
	margin: 40px auto 0;
}

#topPage #salon .telWrap span {
	color: #aca39f;
	display: block;
}

#topPage #salon .telWrap span:first-child {
	font-size: 15px;
	display: inline-block;
	border-bottom: 1px solid #002e63;
	padding-bottom: 10px;
}

#topPage #salon .telWrap span.tel {
	font-size: 25px;
	letter-spacing: 1px;
	margin-top: 10px;
}

#topPage #salon p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 25px;
	font-size: 14px;
	letter-spacing: 1px;
	text-align: center;
	margin: 20px auto;
}

#topPage #salon .moreBtn {
	margin: 20px auto 0;
}

/** ↑ top salon ↑ **/
/** ↓top  telreserve ↓ **/
#topPage #telreserve {
	padding: 50px 0;
}

#topPage #telreserve .salonImg {
	width: 100%;
	max-width: 1900px;
	margin: 0 auto;
}

#topPage #telreserve .telWrap {
	font-family: 'Fjalla One';
	font-weight: bold;
	text-align: center;
	margin: 40px auto 0;
}

#topPage #telreserve .telWrap span {
	color: #aca39f;
	display: block;
}

#topPage #telreserve .telWrap span:first-child {
	font-size: 15px;
	display: inline-block;
	border-bottom: 1px solid #002e63;
	padding-bottom: 10px;
}

#topPage #telreserve .telWrap span.tel {
	font-size: 25px;
	letter-spacing: 1px;
	margin-top: 10px;
}

#topPage #telreserve .telWrap span.mail a{
	color: #aca39f;
	display: block;
	font-size: 25px;
	letter-spacing: 1px;
	margin-top: 10px;
}

#topPage #telreserve p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 25px;
	font-size: 14px;
	letter-spacing: 1px;
	text-align: center;
	margin: 20px auto;
}

#topPage #telreserve .moreBtn {
	margin: 20px auto 0;
}

/** ↑ top #telreserve ↑ **/
/**** ↑ top ↑ ****/

/**** ↓ menu ↓ ****/
#menuPage {
	min-width: 1000px;
	padding: 90px 0 0;
}

#menuPage .topMenuWrap {
	text-align: center;
	width: 1000px;
	margin: 0 auto;
}

#menuPage .topMenuBlock {
	/*! font-size: 0; */
	width: 760px;
	margin: 30px auto 60px auto;
}

#menuPage .info{
	font-size:13px;
	margin: 0 auto 20px auto;
	line-height: 1.6;
}

#menuPage .topMenuTitle {
	position: relative;
	color: #969696;
	margin: 0 0 30px 0;
}

#menuPage .topMenuTitle span {
	font-size: 18px;
	display: inline-block;
	padding: 0 20px;
	background-color: #fff;
	position: relative;
	z-index: 1;
}

#menuPage .topMenuTitle:before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #c8c8c8;
	position: absolute;
	top: 50%;
	z-index: 1;
}

#menuPage .topMenuList {
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

#menuPage .topMenuList > li {
	margin: 0 10px 20px 10px;
}

#menuPage .topMenuList > li > a {
	font-family: 'Open Sans Condensed', sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: #aea5a1;
	font-size: 15px;
	text-align: center;
	display: block;
	width: 135px;
	padding: 10px 0;
	border: 1px solid #aea5a1;
	border-radius: 40px;
}

#menuPage .topMenuList-wide > li > a,
#menuPage li.wide > a{
	width: 240px;
}

#menuPage .topMenuList > li > a:hover {
	background-color: #aea5a1;
	color: #fff;
}

#menuPage .bottomMenuWrap {
	font-size: 0;
	width: 1000px;
	margin: 0 auto;
}

#menuPage .forTax {
	text-align: right;
	padding: 0 0 20px 0;
}

#menuPage .forTax p {
	font-size: 14px;
	line-height: 1.75;
}

/* .menuWrap */
#menuPage .menuWrap {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0;
	letter-spacing: 1px;
	width: 1000px;
	margin: 0 auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-start;
}

#menuPage .menu {
	vertical-align: top;
	text-align: left;
	width: 47%;
	padding-bottom: 40px;
}

#menuPage .menu .cmnFtBold {
	font-weight: bold;
	display: inline !important;
	padding: 0 !important;
	line-height: 1.6;
}

#menuPage .menu .cmnFtItalic {
	font-style: italic;
}

#menuPage .menu .cmnFtOpen {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 15px;
}

#menuPage .menu .cmnFtJa {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#menuPage .menu .menuText {
	font-size: 14px;
	line-height: 1.75;
	letter-spacing: 0.05em;
	text-align: left;
	display: block;
	padding: 5px 0;
}

#menuPage .menu .menuText-s {
	font-size: 12px;
	line-height: 1.65;
	letter-spacing: 0.05em;
	text-align: left;
	display: block;
	padding: 5px 0;
}

#menuPage .menu .attention {
	font-size: 12px;
	line-height: 1.5;
	padding-top: 5px;
}

#menuPage .menu .no-border {
	border: none;
}

#menuPage .menuTit {
	color: #fff;
	padding: 5px 0;
	border-bottom: 2px solid #c8c8c8;
	border-top: 2px solid #c8c8c8;
}

#menuPage .menuTit span {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 18px;
	font-weight: bold;
	display: block;
	background-color: #c5bdba;
	padding: 10px 0 10px 15px;
}

#menuPage #QuickTherapy.menuTit{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}

#menuPage #QuickTherapy span{
	background-color: #c5bdba;
  width: 50%;
}

#menuPage #QuickTherapy span.subtitle,
#menuPage #BodyTherapy span.subtitle{
	text-align: right;
	padding: 10px;
}

#menuPage .menuContent + .menuContent {
	padding-top: 10px;
}

#menuPage .menuContentTit {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: bold;
	color: #969696;
	font-size: 16px;
	border-bottom: 3px solid #bebebe;
	padding: 20px 0 5px 0;
}

#menuPage .menuItem {
	font-size: 0;
	border-top: 2px solid #dadada;
	padding: 10px 0 5px 0;
}

#menuPage .menuItem .border{
  border-bottom: 1px solid #dadada;
	margin: 0 0 10px 0;
}

#menuPage .menuItemName {
	font-family: "Fjalla One", sans-serif;
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-start;
}

#menuPage .menuItemName + .menuItemName {
	margin: 5px 0 0 0;
}

#menuPage .menuItemName > dt,
#menuPage .menuItemName > dd {
	font-size: 14px;
	line-height: 1.5;
	padding: 3px 0;
}

#menuPage .menuItemName > dt {
	width: 74%;
}

#menuPage .menuItemName > dd {
	width: 15%;
	/*! text-align: right; */
}

#menuPage .menuItemName > dd.wide {
	width: 21%;
}

#menuPage .menuItemSecond {  }

#menuPage .menuItemSecond .menuItemName {  }

#menuPage .menuItemSecond .menuItemName > dt,
#menuPage .menuItemSecond .menuItemName > dd {
	font-size: 12px;
}

#menuPage .menuOption {
	padding: 0 0 10px 0;
	border-top: 1px solid #dadada;
}

#menuPage .menuOptionTit {
	font-family: 'Open Sans Condensed', sans-serif;
	font-style: italic;
	color: #666666;
	font-size: 15px;
	line-height: 1px;
	padding: 22px 0 15px 0;
}

#menuPage .menuOption .menuItemName {}

#menuPage .menuOption .menuItemName > dt {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#menuPage .menuOption .menuItemName > dt,
#menuPage .menuOption .menuItemName > dd {
	font-size: 12px;
}

#menuPage .menuIntro {
	color: #666666;
	background-color: #f3f2f1;
	padding: 15px 15px 18px 15px;
	margin: 5px 0;
}

#menuPage .menuIntro p {
	font-size: 14px;
	line-height: 1.75;
	letter-spacing: 0.05em;
}

#menuPage .menuIntroTitle {
	font-family: "Fjalla One", sans-serif;
	color: #8c7b74;
	font-size: 14px;
	line-height: 1.65;
	margin: 8px 0;
}

#menuPage .menu_nail{
	margin: 0 0 10px 0;
}

#menuPage .menu_nail img{
  width: 100%;
}



/****↑ menu ↑ ****/

/**** ↓ gallery ↓ ****/
#galleryPage {
	padding: 90px 0 40px;
	min-width: 1000px;
}

#galleryPage .galleryList {
	width: 1000px;
	margin: 0 auto;
	font-size: 0;
}

#galleryPage .galleryList li {
	display: inline-block;
	width: 300px;
	margin: 0 50px 50px 0;
	cursor: pointer;
}

#galleryPage .galleryList li:nth-child(3n) {
	margin-right: 0;
}

#galleryPage .galleryList li img {
	width: 100%;
	height: auto;
}

/**** ↑ gallery ↑ ****/

/**** ↓ salon ↓ ****/
#salonPage {
	min-width: 1000px;
	padding: 90px 0 0;
}

#salonPage .salonImg {
	max-width: 1900px;
	width: 100%;
	margin: 0 auto;
}

#salonPage .salonImg img,
#salonPage .salonMap img{
	width: 100%;
}

#salonPage .salonMap {
	width: 35%;
	margin: 0 auto 30px auto;
}

#salonPage .telWrap {
	font-weight: bold;
	font-family: 'Fjalla One';
	text-align: center;
	margin: 40px auto;
}

#salonPage .telWrap span {
	color: #aca39f;
	display: block;
}

#salonPage .telWrap span a{
  color: #aca39f;
}

#salonPage .telWrap span:first-child {
	font-size: 15px;
	display: inline-block;
	padding-bottom: 10px;
	border-bottom: 1px solid #002e63;
}

#salonPage .telWrap span.tel {
	font-size: 25px;
	letter-spacing: 1px;
	margin-top: 10px;
}

#salonPage .telWrap p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	font-size: 13px;
	line-height: 25px;
	letter-spacing: 1px;
	text-align: center;
	margin: 20px auto 0;
}

#salonPage .tit {
	color: #b8afa4;
	font-size: 18px;
	margin-bottom: 15px;
	font-family: 'Open Sans Condensed', sans-serif;
}

#salonPage .text {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 20px;
}

#salonPage #salonAccessWrap{
	height:450px;
}

#salonPage .Reservations {
	text-align: center;
	font-size: 15px;
	margin: 85px auto;
}

#salonPage .Reservations .text {
	text-align: center;
}

#salonPage .Reservations .cmnBtn {
	width: 150px;
	color: #fff;
	font-size: 15px;
	background-color: #aea5a1;
	font-weight: bold;
	margin: 30px auto 0;
}

#salonPage .Reservations img{
	width: 40%;
	margin: 20px 0 0 0;
}

#salonPage ul {
	width: 800px;
	min-width: 800px;
	margin: 0 auto;
	padding: 100px 0 50px 0;
	font-size: 0;
}

#salonPage li {
	width: 370px;
	display: inline-block;
	vertical-align: top;
	margin-right: 60px;
	margin-bottom: 50px;
}

#salonPage li:nth-child(even) {
	margin-right: 0;
}

#salonPage #map_canvas {
	width: 100%;
	height: 670px;
}

/**** ↑ salon ↑ ****/

/****↓contact / reservation↓****/
.err {
	display: none;
	color: red;
	margin-bottom: 5px;
	/*! padding-top: 10px; */
	font-size: 12px !important;
}

#inputWrap {
	width: 800px;
	min-width: 800px;
	margin: 0 auto;
}

#inputWrap .comment {
	margin: 0 auto 25px;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
}

#inputWrap .comment span {
	display: block;
	color: #b68870;
	margin-top: 15px;
	font-weight: bold;
	line-height: 20px;
}

#inputWrap .comment span > span {
	display: block;
	margin-top: 10px;
}

#inputWrap .tel {
	text-align: center;
	color: #787878;
	font-size: 18px;
	margin: 0px auto 30px;
}

#inputWrap form {
	width: 90%;
	margin: 0 auto;
}

#inputWrap form li {
	margin-bottom: 20px;
	font-size: 0;
	display: table;
	width: 100%;
}

#inputWrap form li p {
	font-size: 14px;
}

#inputWrap form li .tit {
	margin-bottom: 5px;
	width: 185px;
	padding-top: 10px;
}

#inputWrap li .tit,
#inputWrap li .item {
	display: table-cell;
	vertical-align: top;
	overflow: hidden;
}

div.error{
	font-size:13px;
	color:#F00;
	padding:7px 18px;
	width: 300px;
}

/* firefox と IEでのselectボタン非表示 */
select {
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
}

select::-ms-expand {
	display: none;
}

#inputWrap form li .tit span {
	display: inline-block;
	margin-left: 10px;
	color: #a39894;
	line-height: 14px;
}

#inputWrap form li > div input:not(.notInline),
#inputWrap form li > div label:not(.notInline),
#inputWrap form li > div select,
#inputWrap form li > div textarea {
	display: inline-block;
	padding: 10px;
	width: 465px;
	font-size: 14px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	box-shadow: none;
	background: transparent;
	border: 1px solid #cac9c7;
}

#inputWrap form li > select option {
	color: #666;
	background-color: #fff;
}

#inputWrap form li.contactInfo > div label {
	width: 48%;
	margin-left: 20px;
	text-align: center;
	line-height: 1.3;
	cursor: pointer;
	padding: 10px;
	font-size: 14px;
}

#inputWrap form li.contactInfo label:first-of-type {
	margin-left: 0;
}

#inputWrap form li > div input[type=radio],
#inputWrap form li > div input[type=checkbox] {
	display: none;
}

#inputWrap form li.contactInfo input[type="radio"]:checked + label {
	background: #9c9290;
	color: #fff;
}

#inputWrap .contactInfo label {
	width: 170px !important;
}

#inputWrap form li .checkbox {
	display: block;
	width: 250px;
	font-size: 12px;
	position: relative;
	padding: 7px 0px 7px 23px;
	border-radius: 8px;
	cursor: pointer;
}

#inputWrap form li .checkbox:after {
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
	position: absolute;
	top: 50%;
	left: 0px;
	display: block;
	margin-top: -7px;
	width: 12px;
	height: 12px;
	border: 1px solid #bbb;
	border-radius: 12px;
	content: '';
}

#inputWrap form li .checkbox:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top: 50%;
	left: 5px;
	display: block;
	margin-top: -7px;
	width: 4px;
	height: 9px;
	border-right: 2px solid #cab009;
	border-bottom: 2px solid #cab009;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

#inputWrap form li input[type=checkbox]:checked + .checkbox {
	color: #cab009;
}

#inputWrap form li input[type=checkbox]:checked + .checkbox:after {
	border-color: #cab009;
}

#inputWrap form li input[type=checkbox]:checked + .checkbox:before {
	opacity: 1;
}

#inputWrap .menuSelect .item > p,
#inputWrap .staffSelect .item > p {
	color: #969696;
	letter-spacing: 2px;
	margin-bottom: 7px;
}

#inputWrap .menuSelect .item > p:not(:first-of-type),
#inputWrap .staffSelect .item > p:not(:first-of-type) {
	margin-top: 15px;
}

.item p.attend{
	display: inline-block;
	vertical-align: middle;
	letter-spacing: 0!important;
	font-size: 12px!important;
	line-height: 1.4;
}

.item p.attend:first-of-type{
	margin: 0 0 0 10px;
}

.indent {
padding-left:1em;
text-indent:-1em;
}


#inputWrap .treatment .tit,
#inputWrap .menuSelect .tit,
#inputWrap .staffSelect .tit {
	padding-top: 0;
}

#inputWrap .box .subTit {
	padding-bottom: 10px;
}

#inputWrap .box .subTit > span {
	color: #a39894;
}

#inputWrap .box {
	margin-bottom: 10px;
}

#inputWrap .left,
#inputWrap .right {
	display: inline-block;
	width: 170px;
	vertical-align: bottom;
}

#inputWrap .right.hopeTimeWrap {
	display: none;
}

#inputWrap .left {
	margin-right: 20px;
}

#inputWrap .left input,
#inputWrap .right select {
	width: 100% !important;
}

#inputWrap .right select {
	background-position: 89% center;
	padding: 11px;
}

#inputWrap form li > div select {
	background: #9c9290;
	color: #fff;
	background-image: url(../../img/FrontSp/cmn_arrow_bottom_w.png);
	background-position: 95% center;
	background-size: auto 30%;
	background-repeat: no-repeat;
	width: 360px;
}

#inputWrap form textarea {
	height: 10em;
	line-height: 1.4;
	resize: none;
}

#inputWrap .telBtn {
	width: 210px;
	padding: 15px;
	margin: 30px auto;
	display: block;
	text-align: center;
	color: #fff;
	border: 1.5px solid #9c9290;
	background-color: #9c9290;
	font-size: 18px;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
}

.submitBtn {
	width: 180px;
	padding: 15px;
	margin: 40px auto;
	display: block;
	text-align: center;
	color: #fff;
	border: 1.5px solid #ba8670;
	background-color: #ba8670;
	font-size: 18px;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	background-image: url(../../img/FrontPc/cmn_arrow_right_white.png);
	background-position: 80% center;
	background-size: auto 30%;
	background-repeat: no-repeat;
	cursor: pointer;
}

/****↑contact / reservation↑****/

/****↓calendar↓****/
#ui-datepicker-div {
	padding: 15px;
}

#ui-datepicker-div .ui-widget-header {
	overflow: hidden;
}

#ui-datepicker-div .ui-datepicker-prev {
	float: left;
	padding: 5px;
	text-decoration: underline;
}

#ui-datepicker-div .ui-datepicker-next {
	float: right;
	padding: 5px;
	text-decoration: underline;
}

#ui-datepicker-div table {
	border-spacing: 3px;
	border-collapse: separate;
}

#ui-datepicker-div th,
#ui-datepicker-div td {
	padding: 8px;
	font-size: 14px;
	text-align: center;
}

#ui-datepicker-div th:first-of-type span,
#ui-datepicker-div th:last-of-type span {
	background-color: #ffba03;
}

#ui-datepicker-div th {
	padding: 0;
}

#ui-datepicker-div td {
	background-color: rgb(247, 247, 247);
	cursor: pointer;
}

#ui-datepicker-div th span {
	display: block;
	padding: 8px;
	background-color: #ffdc00;
}

#ui-datepicker-div .ui-datepicker-title {
	font-size: 18px;
	text-align: center;
	margin: 20px 0 10px;
	clear: both;
}

#ui-datepicker-div td.ui-datepicker-unselectable {
	color: #bbbaba;
}

/****↑calendar↑****/

/****↓complete↓****/
#contactPage,
#reservationPage {
	padding: 90px 0 50px;
	min-width: 1000px;
}

#contactPage #completeWrap {
	width: 1000px;
	margin: 0 auto;
}

#completeWrap .commentWrap {
	text-align: center;
	margin: 60px auto 0;
}

#completeWrap .commentWrap .tit {
	color: #cfc7c4;
	font-size: 24px;
	margin-bottom: 20px;
}

#completeWrap .commentWrap .text {
	font-size: 13px;
	font-weight: bold;
}

#completeWrap .commentWrap .text span {
	font-size: 14px;
	display: block;
	line-height: 1;
	margin-bottom: 15px;
}

#completeWrap .topBtn {
	background-color: #ba8670;
	margin: 50px auto;
}

/****↑complete↑****/

/**** ↓ company ↓ ****/
#companyPage {
	padding: 90px 0 0;
	min-width: 1000px;
}

#companyPage .title {
	font-weight: normal;
}

#companyPage ul {
	width: 545px;
	margin: 0 auto 100px;
}

#companyPage ul li {
	width: 100%;
	padding: 15px 0;
	font-size: 14px;
	line-height: 1.2;
	border-bottom: 1px dotted #d4cecb;
	display: table;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#companyPage ul li p {
	display: inline-block;
}

#companyPage li .tit {
	width: 100px;
}

#companyPage li .tit,
#companyPage li .text,
#companyPage li a {
	display: table-cell;
	line-height: 1.2;
}

#companyPage #map_canvas {
	width: 100%;
	height: 550px;
}

/**** ↑ company ↑ ****/

/**** ↓ error ↓ ****/
#errorPage {
	padding: 100px 0 50px;
	min-width: 1000px;
	margin: 0 auto;
	text-align: center;
}

#errorPage h2.title {
	font-family: 'Fjalla One', sans-serif;
	display: inline-block;
	padding: 10px 0;
	margin: 100px 0 50px;
	font-size: 21px;
	font-weight: normal;
	border-top: 1px solid #c3bcb9;
	border-bottom: 1px solid #c3bcb9;
}

#errorPage p {
	margin-bottom: 150px;
	font-size: 14px;
	color: #969696;
}

/**** ↑ error ↑ ****/

/**** ↓ footer ↓ ****/
footer {
	/*! bottom: 0; */
	/*! position: absolute; */
	width: 100%;
	min-width: 1000px;
	margin: 50px 0 0 0;
}

#btmLogo {
	text-align: center;
	padding: 30px 0 20px;
	min-width: 1000px;
}

#btmLogo .logo {
	width: 150px;
	margin: 0 auto;
}

.footerWrap {
	min-width: 1000px;
	/*! height: 270px; */
	padding: 40px 0;
	margin: 0 auto;	/*! background-color: #d5cbd2; */
}

.footerContents {
	text-align: center;
	display: table;
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

.footerContents p {
	/*! font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
	font-size: 14px;
	line-height: 25px;
	letter-spacing: 1px;
	margin-top: 10px;
}

.footerContents .telWrap span{
	display: block;
	margin: 0 0 10px 0;
}

.footerContents .telWrap span:first-child {
	color: #868280;
	font-size: 15px;
	font-weight: bold;
	vertical-align: middle;
	display: inline-block;
	border-bottom: 1px solid #868280;
	padding-bottom: 5px;
	margin-right: 5px;
}

.footerContents .telWrap .tel {
	font-family: 'Fjalla One';
	font-weight: bold;
	font-size: 30px;
	letter-spacing: 3px;
	vertical-align: middle;
	border: none;
	margin: 0 0 20px 0;
}

.footerContents .telWrap img{
	display: block;
	width: 50%;
	margin: 20px auto;
}

.footerContents .btnWrap {
	margin-top: 20px;
}

.footerContents .btnWrap a {
	color: #868280;
	font-size: 15px;
	display: inline-block;
	width: 220px;
	border: 2px solid #868280;
}

.footerContents .btnWrap a:first-child {
	font-size: 15px;
	font-weight: bold;
	margin-right: 10px;
}

.footerContents .btnWrap img{
	width: 80%;
}

.footerContents .snsWrap {
	position: absolute;
	right: 0;
	top: 0;
	width: 30%;
	text-align: left;
}

.footerContents .snsWrap a {
	text-decoration: none;
	display: inline-block;
	color: #78787;
}

.footerContents .snsWrap .instaWrap{
	margin: 0 0 20px 0;
}

.footerContents .snsWrap .instaWrap img{
	margin: 0 4px -5px 3px;
	display: inline-block;
	line-height: 2;
}

.footerContents .snsWrap .instaWrap a:first-child {
	margin-right: 25px;
}

.footerContents .lineWrap{
	display: flex;
	flex-flow: row nowrap;
}

.footerContents .lineWrap p{
	font-size: 12px;
	line-height: 1.6;
	text-align: left;
	margin:0;
}

.footerContents .lineWrap a{
	width: 10%;
	margin: 0 5px 0 0;
}

.footerContents .lineWrap a img{
	width: 100%;
	display: block;
	vertical-align: bottom;
}

.footerContents .companyWrap {
	/*! text-align: center; */
	/*! position: absolute; */
	/*! right: 0; */
	/*! bottom: 0; */
	margin: 20px 0 0 0;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
}

.footerContents .companyWrap{
	color: #787878;
}

.footerContents .companyWrap p{
	margin-right: 30px;
}
.footerContents .companyWrap a {
	color: #787878;
	text-decoration: none;
}


/**** ↑ footer ↑ ****/

/* --------- jQuery-Validation-Engine ---------- */
.formError {
	z-index: 20;
}

.formCheckError .formError {
	bottom: 50px;
	right: 0;
	left: auto;
	top: auto;
}

.formError + input,
.formCheckError .form_check_set:before {
	background: rgba(238, 1, 1, .1);
}
.formError:after {
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 4px solid transparent;
	border-right: 10px solid rgba(238, 1, 1, .8);
	border-bottom: 4px solid transparent;
	border-left: 10px solid transparent;
	position: absolute;
	top: 50%;
	left: -20px;
	margin: -2px 0 0 0;
}

.formError .formErrorContent {
	line-height: 1.45;
	border-radius: 0;
	padding: 10px 10px 10px 10px;
	border: none;
	background: rgba(238, 1, 1, .8);
	position: relative;
	box-shadow: none;
}

.formError .formErrorArrow {
	display: none!important;
}

@media screen and (max-width: 768px) {
	.formCheckError .formError {
		top: 50px;
		right: 0;
		left: auto;
		bottom: auto;
	}

	.formError:after {
		content: '';
		width: 0;
		height: 0;
		border: 10px solid transparent;
		border-top: 10px solid transparent;
		border-right: 4px solid transparent;
		border-bottom: 10px solid rgba(238, 1, 1, .8);
		border-left: 4px solid transparent;
		position: absolute;
		top: -20px;
		left: 50%;
		margin: 0 0 0 -2px;
	}

	.formError .formErrorContent {
		padding: 5px 5px 5px 5px;
	}
}

/* --------- confirm ---------- */
.fixed {
	position: fixed;
	width: 100%;
	height: 100%;
}

#confirm {
	background: rgba(210, 210, 210, .3) url("/commons/images/ptn.gif");
	padding: 100px 0;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	overflow-y: scroll;
	display: none;
}

.cf_container {
	background: #fff;
	padding: 80px 4.5%;
}

.cf {
	text-align: left;
	display: block;
	width: 100%;
}

.cf_body {
	vertical-align: middle;
	font-size: 1.5rem;
	line-height: 1.45;
	display: inline-block;
	padding: 15px;
	width: 90%;
	border: 2px solid #c8c8c8;
	margin: 0 0 20px 0;
}

.cf_head {
	font-size: 1.5rem;
	text-align: center;
	display: inline-block;
	width: 9%;
}

.cf_btnArea {
	text-align: center;
	margin: 50px 0 0 0;
}

.form_btn.form_btn-submit,
.form_btn.form_btn-cancel {
	text-align: center;
	margin: 0 30px;
}

@media screen and (max-width: 768px) {
	#confirm {
		padding: 40px 0;
	}

	.cf_body {
		padding: 12px;
		width: 100%;
	}

	.cf_head {
		font-size: 1.25rem;
		text-align: left;
		width: 100%;
		margin: 0 0 5px 0;
	}

	.cf_btnArea {
		text-align: center;
		margin: 30px 0 0 0;
	}

	.form_btn.form_btn-submit,
	.form_btn.form_btn-cancel {
		text-align: center;
		width: 40%;
		margin: 0 4%;
	}
}

#topPage #info {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 24px;
	width: 100%;
}

#topPage #info p,#topPage #info ul {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 24px;
	width: 800px;
	margin: 0 auto 30px auto;
}

#topPage #info em{
	font-weight:bold;
	font-size:15px;
	font-style: normal;
	color: #b68870;
	display: inline-block;
	margin: 0 auto 30px auto;
}

#topPage #info ul li{
	line-height: 24px;
	padding-left: 1em;
  text-indent: -1em;
}

#topPage #info .cmnBtn {
	color: #fff;
	font-size: 14px;
	background-color: #aea5a1;
	margin: 30px auto 0;
}

/*topお知らせ表示*/
.secPopup {
    padding: 40px 0;
    font-size: 1.4rem;
    line-height: 1.6;
}

.secPopup .title{
  font-size: 1.4rem;
  display: inline-block;
  margin: 0 0 15px 0;
  font-weight: bold;
}

.secPopup h2.title span:after{
	content: none;
}

.secPopup em{
	color: #b68870;
	font-style:normal;
}

.secPopup p{
	font-size: 15px;
	line-height: 1.8;
}

.secPopup ul{
	width: 800px;
	margin: 30px auto;
  text-align: left;
}

.secPopup ul li{
	font-size: 15px;
	line-height: 1.8;
}

.secPopup:before{
    border-bottom: none;
}

.layer_board_bg {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1000;
	top: 0;
	left: 0;
	display: none;
	cursor: pointer;
	background: #fff;
	z-index: 20000;
}
.layer_board {
	display: none;
	position: fixed;
	left: 0;
	margin: 0 auto;
	text-align: center;
	z-index: 20000;
	right: 0;
	height:100%;
	overflow-y:scroll;
}
.btn_close{
	margin: 0 0 10px 80%;
}

.btn_close img{
	width: 40px;
	height:auto;
}


/* privacy policy */
#privacy {
    padding: 90px 0 40px;
    min-width: 1000px;
}

#privacy .privacypolicy {
    width: 1000px;
    margin: 0 auto;
  	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#privacy .privacypolicy .tit {
	color: #b8afa4;
	font-size: 18px;
	line-height: 20px;
	margin: 30px 0 10px 0;
}

#privacy .privacypolicy .text {
	font-size: 14px;
	line-height: 30px;
	margin: 0 0 10px 0;
}

#privacy .privacypolicy ol li{
	list-style: decimal inside;
	font-size: 14px;
	line-height: 25px;
	text-indent: -1em;
  padding-left: 2.5em;
}

/* agreement */
#agreement {
    padding: 90px 0 40px;
    min-width: 1000px;
}

#agreement .agreementarea {
    width: 1000px;
    margin: 0 auto;
  	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#agreement .agreementarea .tit {
	color: #b8afa4;
	font-size: 18px;
	line-height: 20px;
	margin: 30px 0 10px 0;
}

#agreement .agreementarea .subtit {
	font-size: 14px;
	line-height: 30px;
	margin: 10px 0 0 0;
	font-weight: bold;
}

#agreement .agreementarea .text {
	font-size: 14px;
	line-height: 30px;
	margin: 0 0 10px 0;
}

#agreement .agreementarea ol li{
	list-style: decimal inside;
	font-size: 14px;
	line-height: 25px;
	text-indent: -1em;
	padding: 0 0 1.5em 1.8em;
}

#agreement .agreementarea ul.list{
	padding: 0 0 1.5em 1.8em;
}

#agreement .agreementarea ul.list li{
	list-style: disc;
	font-size: 14px;
	line-height: 25px;
}

#agreement .agreementarea .note li{
	padding: 0 0 0 1.8em;
	font-size: 14px;
	line-height: 25px;
}

#agreement .agreementarea .flex-box{
	display: flex;
	flex-flow: row wrap;
	gap: 3px 40px;
}

#agreement .agreementarea .flex-box li {
  flex: 0 0 60px;
}

#agreement .agreementarea .flex-box li:last-child {
  flex: 1;
}



/* ==========================================================================
	 * Helper classes
	 * ========================================================================== */
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; }
.mb100 { margin-bottom: 100px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }
.mt100 { margin-top: 100px; }

.bold{ font-weight: bold; }
.small{ font-size:12px; line-height: 1.6;}

.clearfix:after {
    content: "";
    clear: both;
    display: block;
}