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

/*----------------------------------------------------/
メインレイアウト 
/----------------------------------------------------*/
html{
	font-size:65%;
}

a:link   {color:#2c2c2c;text-decoration:none;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;} 
a:visited{color:#2c2c2c;text-decoration:none;} 
a:hover  {color:#2c2c2c;text-decoration:underline;}
a:active {color:#2c2c2c;text-decoration:underline;}

body{
	min-width:320px;
	font-family:"游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.6;
	letter-spacing:1px;
	color:#2c2c2c;
}

img{
  max-width:100%;
  height: auto;
}

/*カレンダー専用ページ*/
#calendarPage{
	padding: 0!important;
	margin: 0!important;
}
#calendarPage > div{
	margin: 2.0833% auto;
	padding: 0;
	overflow: hidden;
}
#calendarPage .googlecal {
	position: relative;
	padding-bottom: 100%; /* 縦横比 */
	height: 0;
}
#calendarPage .googlecal iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
#calendarPage .googlecal {padding-bottom: 80%;}

/*======================================================

共通レイアウト（全端末共通）

======================================================*/
/*header*/
#mainVisual{
	height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 46.35%;
	background: url(images_index/mainvisual.jpg) no-repeat 0 0;
	background-size: contain;
	position: relative;
}
	#mainVisual > p{
    	position: absolute;
    	left: 50%;
   	 	top: 50%;
   		-webkit-transform: translate(-50%,-50%);
    	-moz-transform: translate(-50%,-50%);
    	-ms-transform: translate(-50%,-50%);
   		-o-transform: translate(-50%,-50%);
    	transform: translate(-50%,-50%);
	}
/*footer*/

#pageTop{
	position: fixed;
	right: 0;
	bottom: 120px;
	z-index: 100;
	opacity: 0.7;
}

@media only screen and (max-width : 767px) {/*767px以下のみの設定（スマホのみ）*/
/*======================================================

共通レイアウト

======================================================*/
body{
	font-size:13px;
}
	
#wrapper{
	overflow: hidden;
}

/*スマホ非表示*/
#headerInfo,
#pcNav,
#galleryArea,
#calendarArea,
#mapArea{
	display: none;
}
/*スマホのみ改行*/
.spBr{
	display: block;
}
/*header*/
#headerTop{
	display: table;
	padding-bottom: 10px;
}
	#logo{
		display: table-cell;
		width: 65%;
	}
	#logo > a img{
		width: 45%;
		padding: 10px 0 0 10px;
	}
	#spMenu{
		display: table-cell;
		width: 35%;
		text-align: right;
	}
	#spMenu > a img{
		width: 30%;
		padding: 10px 10px 0 0;
	}
#spNavTitle{
	background: #F9F549;
	color:#2C2825;
	text-align: center;
	font-weight: bold;
	padding: 1em 0;
	font-family:"Rounded Mplus 1c";
}
#mainnav_list > li {
    border-bottom: 1px solid #C9C9C9;
    background: url(images_common/nev_arrow.png) no-repeat;
    background-position: 95% 50%;
    background-size: 9px;
	font-family:"Rounded Mplus 1c";
}
	#mainnav_list > li > a{
		display: block;
		color: #2C2825;
		padding:1em 0 1em 5%;
	}
	#mainnav_list > li > a:hover{
		text-decoration: none;
	}
	.snsBox{
		overflow: hidden;
		padding: 1em 0;
		border-bottom: 1px solid #F9F549;
	}
	.snsBox li{
		float: left;
		width: 25%;
		text-align: center;
	}
	.snsBox li img{
		max-height: 54px;
	}
	.phoneBtn{
		padding: 0 10px;
	}
	.phoneBtn > a{
		display: block;
		background: #F9F549;
		color:#2C2825;
    	text-align: center;
    	border-radius: 5px;
   		margin-top: 10px;
		font-family:"Rounded Mplus 1c";
		font-weight: bold;
		padding: 14px 0;
	}
	.phoneBtn > a:hover{
		text-decoration: none;
	}
/*footer*/
#footerInner > section{
	margin-bottom: 50px;
}
	
	#reserveAea{
		padding:0 10px;
	}
	#accessArea{
		padding:0 10px;
	}
	.footerTitle{
		color: #4c2d14;
		font-family:"Rounded Mplus 1c";
		font-size: 20px;
		text-align: center;
	}
	#reserveTel{
		color: #4c2d14;
		font-family:"Rounded Mplus 1c";
		font-size: 18px;
		text-align: center;
		line-height: 1.2em;
	}
	#reserveTel > li:nth-child(2){
		font-size: 14px;
	}
	#reserveAttention{
		border:3px solid #e90200;
		margin-top: 20px;
	}
	#reserveAttention > li:nth-child(1){
		background-color:  #e90200;
		color: #fff;
		text-align: center;
		font-size:18px;
		line-height: 1.2em;
		letter-spacing: 0.2em;
	}
	#reserveAttention > li:nth-child(1) > span{
		display: block;
		font-size:13px;
		letter-spacing: 0em;
	}
	#reserveAttention > li:nth-child(2){
		padding: 10px;
		text-align: center;
	}

	#spMapArea iframe{
		width: 100%;
	}
	
/*Googleカレンダースマホ対応*/
#spCalendarArea {
	position: relative;
  	width: 100%;
	padding-top: 200%;
	  
}
#spCalendarArea iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	overflow-y: scroll;
}
#spCalendarArea iframe h1{
	display: none!important;
}
	
	#accessArea > ul > li{
		overflow: hidden;
		border-bottom: 1px dotted #7f7f7f;
		padding: 0.8em 0;
	}
	#accessArea > ul > li .title{
		float: left;
		color: #4f2d13;
		font-weight: 700;
		line-height: 1.4em;
		width: 26%;
	}
	#accessArea > ul > li .content{
		float: left;
		color: #4f2d13;
		line-height: 1.4em;
		width: 74%;
	}
	#accessArea > ul > li .content > .attention{
		display: block;
		color:  #e90200;
		font-size: 11px;
	}
	
#bannerArea{
	padding: 0 10px;
	}
#bannerArea > p{
	margin-bottom: 20px;
}
	
#footerBottom{
	text-align: center;
	font-size: 10px;
	padding: 1em 0;
	background-color: #efefef;
	border-top: #7f7f7f;
}
	
#pageTop{
	width: 10%;
	bottom: 10px;
}
}

@media print, screen and (min-width: 768px) {/*768px以上のみの設定（PC・タブレット縦のみ）*/
/*======================================================

共通レイアウト

======================================================*/
/*PC非表示*/
#spMenu,
#spNav,
#spCalendarArea,
#spMapArea,
.spBr,
.spMenuslash,
#spEstessimo{
	display: none;	
}
/*header*/
#headerTop{
	position: relative;
	height: 80px;
}
	#headerTop #logo{
		position: absolute;
		top:15px;
		left:2.6%;
		width: 112px;
	}
	#headerTop #headerInfo{
		position: absolute;
		top:25px;
		right: 2.6%;
		overflow: hidden;
	}
	#headerInfo .infoBox{
		overflow: hidden;
		float: left;
		font-style: italic;
		font-family:"Rounded Mplus 1c";
	}
	#headerInfo .infoBox > li{
		float: left;
	}
	#headerInfo .infoBox > li:nth-child(1){
		font-size: 14px;
		font-weight: 700;
		margin-top: 3px;
		margin-right: 15px;
	}
	#headerInfo .infoBox > li:nth-child(2){
		font-size: 16px;
		font-weight: 700;
		margin-right: 25px;
	}
	#headerInfo .snsBox{
		overflow: hidden;
		float: right;
	}
	#headerInfo .snsBox > li{
		float: left;
		width: 30px;
		margin-left: 10px;
	}	

/*navigation*/
#gloNavi{
	padding: 30px 0;
}
	#pcNav{
		width: 700px;
		margin: auto;
		overflow: hidden;
	}
	#pcNav li{
		float: left;
		font-style: italic;
		font-size: 15px;
		position: relative;
		font-family:"Rounded Mplus 1c";
		
	}
	#pcNav li::before{
		position: absolute;
		left: 0;
		content: "/";
	}
	#pcNav li:nth-last-child(1)::after{
		position: absolute;
		right: 0;
		content: "/";
	}
	#pcNav li a{
		text-decoration: none;
		padding:0 3em;
	}
	#pcNav li a:hover{
		text-decoration: underline;
		color: #4F2D13;
	}
	
/*footer*/
#footerInner{
	max-width: 1000px;
	margin: auto;
	overflow: hidden;
}
	#calendarArea{
		float: left;
		width: 48%;
		margin-right: 4%;
		margin-top:50px;
	}
	#calendarArea > iframe{
		width: 100%;
		height: 345px;
	}
	#mapArea{
		float: left;
		width: 48%;
		margin-top:50px;
	}
	#mapArea > iframe{
		width: 100%;
		height: 345px;
	}
	#reserveAea{
		float: left;
		width: 48%;
		margin-right: 4%;
		margin-top:50px;
	}
	#accessArea{
		float: left;
		width: 48%;
		margin-top:50px;
	}
	.footerTitle{
		color: #4c2d14;
		font-family:"Rounded Mplus 1c";
		font-size: 25px;
		text-align: center;
	}
	#reserveTel{
		color: #4c2d14;
		font-family:"Rounded Mplus 1c";
		font-size: 25px;
		text-align: center;
		line-height: 1.2em;
	}
	#reserveTel > li:nth-child(2){
		font-size: 16px;
	}
	#reserveAttention{
		border:3px solid #e90200;
		margin-top: 40px;
	}
	#reserveAttention > li:nth-child(1){
		background-color:  #e90200;
		color: #fff;
		text-align: center;
		font-size:18px;
		line-height: 1.2em;
		letter-spacing: 0.2em;
	}
	#reserveAttention > li:nth-child(1) > span{
		display: block;
		font-size:14px;
		letter-spacing: 0em;
	}
	#reserveAttention > li:nth-child(2){
		padding: 10px;
		text-align: center;
	}
	#accessArea > ul > li{
		overflow: hidden;
		border-bottom: 1px dotted #7f7f7f;
		padding: 0.8em 0;
	}
	#accessArea > ul > li .title{
		float: left;
		color: #4f2d13;
		font-size: 16px;
		font-weight: 700;
		line-height: 1.4em;
		width: 25%;
	}
	#accessArea > ul > li .content{
		float: left;
		color: #4f2d13;
		font-size: 16px;
		line-height: 1.4em;
		width: 75%;
	}
	#accessArea > ul > li .content > .attention{
		display: block;
		color:  #e90200;
		font-size: 14px;
	}
	
#bannerArea{
	max-width: 1320px;
	overflow: hidden;
	margin:auto;
}
#bannerArea > p{
	width: 30%;
	float: left;
	margin-right: 3.3333%;
	margin-bottom: 40px;
}
	
#footerBottom{
	text-align: center;
	font-size: 12px;
	padding: 3em 0 5em 0;
	background-color: #efefef;
	border-top: #7f7f7f;
	margin-top: 100px;
}
}

/*======================================================

トップページ（全端末共通）

======================================================*/
.areaTitle{
	text-align: center;
	color: #4c2d14;
	background: url(images_common/icon_hasami@2x.png) no-repeat center 0;
	font-family:"Rounded Mplus 1c";
	font-style: italic;
}
.areaTitle > span{
	display: block;
	font-size: 10px;
	margin-top: -0.25em;
}

#conceptArea,
#staffArea{
	background: url(images_common/bg_renga.png) repeat;
}

#conceptText,
#staffInner{
	max-width: 1000px;
	margin: auto;
	background-color: rgba(255, 255, 255, 0.85);
}
#conceptText > p:nth-last-child(1){
		margin-top: 1em;
}

@media only screen and (max-width : 767px) {/*767px以下のみの設定（スマホのみ）*/
/*======================================================

トップページ

======================================================*/
.areaTitle{
	font-size: 20px;
	background-size: 27px;
	padding-top: 1.5em;
	margin-bottom: 15px;
}
.mainSection{
	margin-bottom: 50px!important;
}
#conceptArea{
	padding: 15px;		
}
#conceptText,
#staffInner{
	padding: 30px 10px;
	text-align: center;
}
	
#spMenuList li{
	overflow: hidden;
	padding: 0 10px;
	margin-bottom: 30px;
}
#spMenuList li > a.linkPhoto{
		position: relative;
		display: block;
		width: 45%;
		margin-right: 5%;
		float: left;
	}
	#spMenuList li > a.linkPhoto p img{
		border-radius: 10px;
    	-webkit-border-radius: 10px;
    	-moz-border-radius: 10px;
	}
	#spMenuList li > a.linkPhoto p:nth-child(2){
		position: absolute;
		top:50%;
		left:50%;
		text-align: center;
		-webkit-transform: translate(-50%,-50%);
    	-moz-transform: translate(-50%,-50%);
    	-ms-transform: translate(-50%,-50%);
   		-o-transform: translate(-50%,-50%);
    	transform: translate(-50%,-50%);
		font-size: 20px;
		color: #fff;
		line-height: 1em;
		font-family:"Rounded Mplus 1c";
	}
	.spMenuText{
		width: 50%;
		float: left;
		line-height: 1.4em;
	}
	#spMenuList li > a:nth-child(3){
		display: inline-block;
		background-color: #fffc99;
		color: #2c2825;
		width: 50%;
		text-align: center;
		border-radius: 5px;
    	-webkit-border-radius: 5px;
    	-moz-border-radius: 5px;
		margin: auto;
		margin-top: 10px;
	}
	
#newsArea{}
	#newsInner{
	}
	#newsInner > h2.newsTitle{
		    text-align: center;
    		color: #4c2d14;
    		background: url(images_common/icon_hasami@2x.png) no-repeat center 0;
			background-size: 27px;
    		font-family: "Rounded Mplus 1c";
			font-size: 20px;
    		padding-top: 1em;
    		margin-bottom: 15px;
	}
	#newsInner > ul{
		padding: 0 10px;
		max-height: 250px;
		overflow: auto;
	}
	#newsInner > ul > li{
		margin-bottom: 1em;
	}
	#newsInner > ul > li > p.date{
		color:  #4c2d14;
		font-weight: bold;
	}

#estessimoArea{
	background:#fffc99;
}
	
	#estessimoInner{
		padding: 30px 10px 0 10px
	}
	#estessimoInner ul{
	}
	#estessimoInner ul li:nth-child(1){
		text-align: center;
	}
	#estessimoInner ul li:nth-child(2){
		margin-top: 20px;
	}
	#estessimoInner ul li > a{
		display: block;
		text-align: center;
		color: #0f3248;
		width: 130px;
		margin: auto;
		margin-bottom: 30px;
		background: #fff;
		border-radius: 5px;
    	-webkit-border-radius: 5px;
    	-moz-border-radius: 5px;
		margin-top: 10px;
	}
	#estessimoInner p{
		width: 80%;
		margin: auto;
	}
}

@media print, screen and (min-width: 768px) {/*768px以上のみの設定（PC・タブレット縦のみ）*/
/*======================================================

トップページ

======================================================*/
.areaTitle{
	font-size: 28px;
	background-size: 36px;
	padding-top: 1.5em;
	margin-bottom: 30px;
}
	
.mainSection{
	margin-bottom: 80px;
}
/* .mainSection:nth-last-child(1){
	margin-bottom: 0!important;
} */
	
#conceptArea,
#staffArea{
	padding: 50px 0;		
}
#conceptText,
#staffInner{
	max-width: 1000px;
	margin: auto;
	background-color: rgba(255, 255, 255, 0.85);
	padding: 50px;
	text-align: center;
}

#spMenuArea{
	max-width: 1000px;
	margin: auto;
}
	#spMenuList{
		overflow: hidden;
		margin-right: -3.333%;
	}
	#spMenuList li{
		float: left;
		width: 30%;
		margin-right: 3.333%;
	}
	#spMenuList li > a.linkPhoto{
		position: relative;
		display: block;
	}
	#spMenuList li > a.linkPhoto:hover{
		opacity: 0.7;
	}
	#spMenuList li > a.linkPhoto p img{
		border-radius: 10px;
    	-webkit-border-radius: 10px;
    	-moz-border-radius: 10px;
	}
	#spMenuList li > a.linkPhoto p:nth-child(2){
		position: absolute;
		top:50%;
		left:50%;
		text-align: center;
		-webkit-transform: translate(-50%,-50%);
    	-moz-transform: translate(-50%,-50%);
    	-ms-transform: translate(-50%,-50%);
   		-o-transform: translate(-50%,-50%);
    	transform: translate(-50%,-50%);
		font-size: 34px;
		color: #fff;
		line-height: 1em;
		font-family:"Rounded Mplus 1c";
	}
	#spMenuList li p.spMenuText{
		margin-top: 5px;
	}
	#spMenuList li > a:nth-child(3){
		display: block;
		background-color: #fffc99;
		color: #2c2825;
		width: 130px;
		text-align: center;
		border-radius: 5px;
    	-webkit-border-radius: 5px;
    	-moz-border-radius: 5px;
		margin: auto;
		margin-top: 30px;
	}
	
#galleryArea{
		overflow: hidden;
		margin-top: 50px;
}
	#galleryArea ul{
		overflow: hidden;
	}
	#galleryArea ul li{
		float: left;
		width: 20%;
	}
	
#newsArea{}
	#newsInner{
		max-width: 1000px;
		margin: auto;
		overflow: hidden;
	}
	#newsInner > h2.newsTitle{
		float: left;
		width: 25.5%;
		background:url(images_common/icon_hasami@2x.png) no-repeat 0 center;
		background-size: 24px;
		padding-left: 1.5em;
		font-family:"Rounded Mplus 1c";
		font-size:25px;
		color:  #4c2d14;
		box-sizing: border-box;
	}
	#newsInner > ul{
		float: left;
		width: 74.5%;
	}
	#newsInner > ul > li{
		overflow: hidden;
		margin-bottom: 1em;
	}
	#newsInner > ul > li > p.date{
		float:left;
		width: 17%;
		color:  #4c2d14;
		font-weight: bold;
	}
	#newsInner > ul > li > p.contents{
		float:left;
		width: 83%;
	}
	
#estessimoArea{
		background-image:linear-gradient(-15deg, #faf549 55%, #fffc99 45%); /* -45deg で45度マイナス回転するので斜めになる */
		background-image:-webkit-linear-gradient(-15deg, #faf549 55%, #fffc99 45%);
		background-image:-moz-linear-gradient(-15deg, #faf549 55%, #fffc99 45%);
		background-image:-ms-linear-gradient(-15deg, #faf549 55%, #fffc99 45%);
		margin-bottom: 80px;
}
	
	#estessimoInner{
		max-width: 1000px;
		margin: auto;
		overflow: hidden;
		min-height: 260px;
		position: relative;
	}
	#estessimoInner ul{
		float: left;
		width: 60%;
	}
	#estessimoInner ul li:nth-child(1){
		margin-top: 30px;
	}
	#estessimoInner ul li:nth-child(2){
		margin-top: 20px;
	}
	#estessimoInner ul li > a{
		display: block;
		text-align: center;
		color: #0f3248;
		width: 130px;
		background: #fff;
		border-radius: 5px;
    	-webkit-border-radius: 5px;
    	-moz-border-radius: 5px;
		margin-top: 10px;
	}
	#estessimoInner p{
		width: 40%;
		position: absolute;
		bottom: 0;
		right: 0;
	}
}
/*======================================================

下層ページ共通（全端末共通）

======================================================*/
#contentWrapper{
	overflow: hidden;
	height: 100%;
}
/*パンくずリスト*/
#breadcrumn{
	overflow: hidden;
	background: #FFFC99;
	font-size: 12px;
	font-style: italic;
	padding:0.8em 0 0.8em 2.6%;
}
#breadcrumn li{
	float: left;
}
#breadcrumn li:nth-child(1)::after{
	content: ">";
	padding: 0 1em;
}
#breadcrumn li:nth-child(1) a{
	text-decoration: underline;
}

@media only screen and (max-width : 767px) {/*767px以下のみの設定（スマホのみ）*/
/*======================================================

下層ページ共通

======================================================*/
/*パンくずリスト*/
#breadcrumn{
	font-size: 10px;
}
}

@media print, screen and (min-width: 768px) {/*768px以上のみの設定（PC・タブレット縦のみ）*/
/*======================================================

下層ページ共通

======================================================*/
}

/*======================================================

menu（全端末共通）

======================================================*/
/*サイドバー*/
/*カット*/
#cutArea .priceBox > p.price,
#colorArea .priceBox > p.price,
#headSpaArea .priceBox > p.price{
	border: none;
	text-align: left;
	width: auto;
}

/*ヘッドスパ*/
#headSpaArea > figure{
	margin-bottom: 50px;
}
#headSpaArea > figure > img{
	border-radius: 10px;
}
.coredesignColor{
	background: #fb8f91!important;
}
.coredesignColor h2{
	color: #fff!important;
}

/*シェービング＆エステ*/
#mensSV .menuContents{
	background: #e1f2f0;
}
#mensSV .menuContents a{
	text-decoration: underline;
}
#womanSV .menuContents{
	background: #f9e4ee;
}

.attentionbox.woman{
	background: #f9e4ee;
}
.attentionbox.option div > p{
	text-align: center;
	font-size: 110%;
	font-weight: bold;
}

#womanSV .center p{
	border: 4px double #ffe1f0;
	margin-top: 1em;
	display: inline-block;
	padding: 0.3em 2em;
	font-size: 110%;
	font-weight: bold;
}

/*ブライダル*/
.pageBridal{
	position: relative;
}
.pageBridal > #bridalBgImage > li:nth-child(1){
	position: absolute;
	left: -5%;
	right: 65%;
	top:-10px;
	z-index: -100;
}
.pageBridal > #bridalBgImage > li:nth-child(2){
	position: absolute;
	right: 0px;
	left: 75%;
	top:250px;
	z-index: -100;
}

.mainCatch,
.subCatch{
	text-shadow:0 0 25px #fff,0 0 20px #fff,0 0 0.40px #fff;
}
.subCatch{
	font-size: 20px;
    text-align: center;
    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    font-style: italic;
	margin-top: 20px;
	color: #F781BB;
}

#bridalBanner > ul > li:nth-child(1){
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size:20px;
	font-weight: bold;
}

#gold h4{
	background: url(menu/bridal/images/icon_gold@2x.png) no-repeat left center;
	background-size: 23px;
	padding-left: 1.8em;
	color: #b2ad00;
}
#platinum h4{
	background: url(menu/bridal/images/icon_platinum@2x.png) no-repeat left center;
	background-size: 25px;
	padding-left: 1.8em;
	color: #919191;
}
#diamond h4{
	background: url(menu/bridal/images/icon_diamond@2x.png) no-repeat left center;
	background-size: 27px;
	padding-left: 1.8em;
	color: #3f99ff;
}

@media only screen and (max-width : 767px) {/*767px以下のみの設定（スマホのみ）*/
/*======================================================

menu

======================================================*/
/*メニューのナビゲーション*/
#menuSideBar > h2,
#menuNav ul .en,
#estessimoSide{
	display: none;
}
	
#mainContent{
	padding:40px 4% 0 4%;
}
	
#menuSideBar{}
	#menuNav{}
	#menuNav ul{
		overflow: hidden;
		text-align: center;
		background: #fffed5;
	}
	#menuNav ul > li{
		float: left;
	}
	#menuNav ul > li:nth-child(-n+3){
		width: 30%;
	}
	#menuNav ul > li:nth-child(n+4){
		width: 50%;
	}
	#menuNav ul > li .jp{
		position: relative;
	}
	#menuNav ul > li .jp::after{
		position: absolute;
		content: "/";
		top:0;
		right: 100%;
	}
	#menuNav ul > li > a{
		display: block;
		padding: 0.8em 0;
		letter-spacing: -0.05em;
	}
	
#selectService{
		width: 92%;
		margin:25px auto 0 auto;
		background: -webkit-linear-gradient(180deg, #c1f2f0 0%, #abd7e1 100%);
		background: -moz-linear-gradient(180deg, #c1f2f0 0%, #abd7e1 100%);
		background: -o-linear-gradient(180deg, #c1f2f0 0%, #abd7e1 100%);
		background: -ms-linear-gradient(180deg, #c1f2f0 0%, #abd7e1 100%);
		background: linear-gradient(180deg, #c1f2f0 0%, #abd7e1 100%);
		border-radius: 10px;
    	-webkit-border-radius: 10px;
    	-moz-border-radius: 10px;
		padding: 1em;
		box-sizing: border-box;
	}
	#selectService h2{
		color: #4B2D13;
    	text-align: center;
   		font-size: 14px;
		font-style: italic;
		font-family:"Rounded Mplus 1c";
		text-shadow: 1px 1px 2px #fff;
	}
	#selectService h2 > span.red{
		font-size: 20px;
	}
	#selectService ul{
		margin-top: 1.5em;
		color: #4B2D13;
	}
	#selectService ul li{
		line-height: 2em;
		text-shadow: 1px 1px 2px #fff;
	}
	
	#serviceDiscription{
		border: 3px solid #AD3335;
		border-radius: 10px;
		width: 92%;
		box-sizing: border-box;
		margin: 25px auto 0 auto;
	}
	#serviceDiscription h2{
		background-color: #AD3335;
    	color: #fff;
    	text-align: center;
   		font-size: 16px;
		font-style: italic;
		font-family:"Rounded Mplus 1c";
	}
	#serviceDiscription ul{
		background: #fff;
		padding: 1em;
		line-height: 2em;
		border-radius: 10px;
		overflow: hidden;
	}
	#serviceDiscription ul li{
		float: left;
		width: 50%;
	}
	
/*カット*/
	h3.menuTitle{
		width: 100%;
		margin: auto;
		text-align: center;
		color: #4c2d14;
		font-size: 16px;
		font-style: italic;
		font-family:"Rounded Mplus 1c";
		border:2px solid #4c2d14;
		padding: 0.8em 0;
		margin-bottom: 30px;
	}
	.attentionList{
		margin-top: 18px;
		line-height: 2em;
	}
	.attentionInner a{
		text-decoration: underline!important;
	}
	.attentionInner a:hover{
		text-decoration: none!important;
	}
	.attentionInner > h2{
	color: #4c2d14;
	font-size: 18px;
	font-style: italic;
	font-family:"Rounded Mplus 1c";
}
	.attentionInner > p:nth-child(2){
		font-size: 14px;
	}
	
	.priceAttention{
		margin-bottom: 25px;
		font-weight: bold;
	}
	.priceAttention li{
		line-height: 2em;
	}
	.attentionList{
		margin-top: 25px;
		line-height: 2em;
	}	

/*カラー＆パーマ*/
#colorArea{
	max-width: 1200px;
	margin: auto;
}
	
	#color .menuList,
	#perm .menuList,
	#sidemenu .menuList{
		border-bottom:1px dotted #7f7f7f;
		margin-bottom: 20px;
		padding-bottom: 10px;
	}
	#sidemenu .summary{
		border-radius: 5px;
    	-webkit-border-radius: 5px;
    	-moz-border-radius: 5px;
		margin-left: 10px;
	}
	#sidemenu .priceBox{
		margin-bottom: 15px;
	}

/*ヘッドスパ*/
	#headSpaArea > figure{
	margin-bottom: 25px;
	}
	#headSpaArea .attentionbox{
		margin-bottom: 40px;
	}
/*シェービング＆エステ*/
	#shavingArea .center,
	#womanSV .center{
		margin-bottom: 25px;
		line-height: 2em;
	}
	
	.attentionbox{
		background-color: #fffed5;
    	max-width: 100%;
    	margin: auto;
    	padding: 5px;
    	margin-top: 40px;
		padding: 5px;
	}
	.attentionInner{
		border:1px solid #fff;	
		padding: 4%;
	}
	.attentionInner > ul{
		margin: auto;
		background: #fff;
		padding: 4%;
		margin-top: 20px;
	}
	.attentionInner > ul > li{
		overflow: hidden;
		line-height: 2em;
	}
	.attentionInner > ul > li > p{
		float:left;
		width: 50%;
	}
	.attentionInner > ul > li > p.price{
		float: right;
		text-align: right;
		color: #F70100;
	}
	
	#womanSV .menuList:nth-child(4),
	#womanSV .menuList:nth-child(7){
		margin-bottom: 40px;
	}
	#womanSV h3.selectMenu,
	#headSpaArea h3.selectMenu{
    	font-size: 16px;
    	font-style: italic;
    	font-family: "Rounded Mplus 1c";
    	margin-bottom: 30px;
		border: 4px double #4B2D13;
		padding: 0.25em 1em;
		text-align: center;
	}
	#womanSV h3.selectMenu > span,
	#headSpaArea h3.selectMenu > span{
		font-size: 12px;
		display: block;
	}
	ul.svPhotoBox{}
	ul.svPhotoBox li{
		margin-bottom: 30px;
	}
	ul.svPhotoBox li img{
		width: 100%;
		border-radius: 10px;
	}
	ul.svPhotoBox li .title{
		text-align: center;
		font-size: 16px;
    	font-style: italic;
    	font-family: "Rounded Mplus 1c";
		color: #4B2D13;
		margin-top: 10px;
	}
	
	#coredesiginBanner{
		border-radius: 10px;
    	-webkit-border-radius: 10px;
    	-moz-border-radius: 10px;
		background: url(menu/shaving-esthe/images/pattern.png),-webkit-linear-gradient(-40deg, #f9f8cb 5%, #edeba5 95%);
		background: url(menu/shaving-esthe/images/pattern.png),-moz-linear-gradient(-40deg, #f9f8cb 5%, #edeba5 95%);
		background: url(menu/shaving-esthe/images/pattern.png),-o-linear-gradient(-40deg, #f9f8cb 5%, #edeba5 95%);
		background: url(menu/shaving-esthe/images/pattern.png),-ms-linear-gradient(-40deg, #f9f8cb 5%, #edeba5 95%);
		background: url(menu/shaving-esthe/images/pattern.png),linear-gradient(130deg, #f9f8cb 5%, #edeba5 95%);
		background-repeat:  no-repeat;
		background-size: contain;
		background-position: 0% 55%;
		margin-top: 30px;
	}
	#coredesiginBanner .photo img{
		border-radius: 10px 10px 0 0;
    	-webkit-border-radius: 10px 10px 0 0;
    	-moz-border-radius: 10px 10px 0 0;
	}
	#coredesiginBanner .coredesignText{
		padding: 4%;
	}
	.coredesignText li:nth-child(1){
		margin-bottom: 1em;
		
	}
	.coredesignText li:nth-child(1) p{
		width: 50%;
	}
	.coredesignText li:nth-child(1) h5{
		font-size: 16px;
		font-style: italic;
		font-family:"Rounded Mplus 1c";
	}
	.coredesignText li:nth-child(n+2){
		margin-bottom: 1.5em;
	}
	.coredesignText li .title{
		color: #0d3147;
		font-weight: bold;
	}
	.coredesignText li .content{
		margin-top: 0.3em;
	}
	
	#coredesignPrice{
		margin-top: 20px;
	}
	#coredesignPrice ul{
		border:2px solid #AD3335;
		width: 100%;
		margin-bottom: 15px;
	}
	#coredesignPrice ul > li{
		text-align: center;
		padding: 0.5em 0;
	}
	#coredesignPrice ul > li:nth-child(1){
		background: #AD3335;
		color: #fff;
	}

.coredesiginMenuList{
	background-color: #f6f6f6;
	padding: 3%;
	margin: 20px 0;
}
.coredesiginMenuList > .setMenuInner{
	background: #fff;
	padding: 3%;
}
.coredesiginMenuList > .setMenuInner > div{
		border:2px solid #9a0400;
		overflow: hidden;
}
	.coredesiginMenuList h5{
		background:#9a0400;
		color:#fff!important;
		font-size: 14px;
	}
	.coredesiginMenuList > .setMenuInner > div > p{
		color:#2C2825;
	}
	.coredesiginMenuList .setMenuCatch{
		color:  #503119;
		font-size: 14px;
		font-style: italic;
		font-family:"Rounded Mplus 1c";
		font-weight: bold;
		margin-top: 10px;
		margin-bottom: 0!important;
	}
	
	#coredesignAttention{
		border: 2px solid #f6f6f6;
		box-sizing: border-box;
		padding: 4%;
		border-radius: 10px;
	}
	#coredesignAttention h4{
		text-align: center;
		font-size: 15px;
		margin-bottom: 1em;
	}
	#coredesignAttention p{
		margin-top: 20px;
	}
	
/*スマホエステシモ*/
#spEstessimo{
		border-radius: 10px;
		background: linear-gradient(0deg, #fff 0%, #f4f9fc 100%);
		padding-top: 15px;
		margin: 40px 0;
	}
	#spEstessimo ul:nth-child(1){
		text-align: center;
		color:  #3e596c;
		font-size: 13px;
		line-height: 1.6em;
		font-weight: bold;
		padding: 0 9%;
	}
	#spEstessimo ul:nth-child(1) > li{
		margin-top: 20px;
	}
	#spEstessimo ul:nth-child(2){
		color:  #3e596c;
		font-size: 13px;
		line-height: 1.6em;
		overflow: hidden;
		margin-top: 25px;
		padding: 0 9%;
		
	}
	#spEstessimo ul:nth-child(2) li{
		float: left;
		width: 50%;
	}
	#spEstessimo p:nth-of-type(2){
		text-align: center;
	}
	#spEstessimo .moreBtn a{
		display: block;
		text-align: center;
		color: #0f3248;
		width: 130px;
		margin: 20px auto;
		background: rgb(255, 181, 97);
		border-radius: 5px;
    	-webkit-border-radius: 5px;
    	-moz-border-radius: 5px;
	}
	#spEstessimo p:nth-child(4) img{
		border-radius: 10px;
    	-webkit-border-radius: 10px;
    	-moz-border-radius: 10px;
	}
/*ブライダル*/
.pageBridal > #bridalBgImage > li:nth-child(1){
	top:80px;
}
.pageBridal > #bridalBgImage > li:nth-child(2){
	top:170px;
}
	
#bridalArea{}
	.mainCatch{
		color:  #4c2d14;
		font-size: 18px;
		text-align: center;
		font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
		font-style: italic;
		margin-top: 20px;
	}
	.subCatch{
		font-size: 16px;
		margin-top: 10px;
	}

	#bridalBanner > ul > li:nth-child(1){
		font-size:14px;
	}
	
	#bridalBanner{
		border-radius: 10px;
    	-webkit-border-radius: 10px;
    	-moz-border-radius: 10px;
		background: url(menu/shaving-esthe/images/pattern.png),linear-gradient(130deg, #f9f8cb 5%, #edeba5 95%);
		background-repeat:  no-repeat;
		background-size: contain;
		background-position: 0 70%;
		margin-top: 40px;
		overflow: hidden;
	}
	#bridalArea .photo{
	}
	#bridalBanner > ul{
    	padding: 10% 4% 0 4%;
		text-shadow: 1px 1px 0 #fff;
	}
	#bridalBanner > ul > li{
		margin-bottom: 1.5em;
	}
	#bridalBanner > ul > li:nth-last-child(1){
		text-align: right;
		margin-top: 4em;
	}
	
	#groomBanner{
		background-color:#e1f2f0;
		max-width: 650px;
		margin: auto;
		padding: 5px;
		margin-top: 40px;
	}
	#groomBanner > ul{
		border:1px solid #fff;
		padding: 15px 10px;
		text-align: center;
	}
	#groomBanner > ul > li:nth-child(1){
		color:  #4c2d14;
		font-size: 14px;
		text-align: center;
		font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
		font-style: italic;
	}
	#groomBanner > ul > li:nth-child(1):first-letter{
		font-size: 2em;
	}
	#groomBanner > ul > li:nth-child(2){
		background: #fff;
		padding: 0.8em 0;
		margin-top: 20px;
	}
	#groomBanner > ul > li:nth-child(2) a{
		text-decoration: underline;
	}
	
#bridalSV{
	margin-top: 40px;
}
	.menuList{
		margin-bottom: 30px;
	}
	.menuNamePrice{
		overflow: hidden;
		margin-bottom: 5px;
	}
	.menuNamePrice h4{
		font-size: 16px;
		font-style: italic;
		font-family:"Rounded Mplus 1c";
		font-weight: bold;
		margin-bottom: 10px;
	}
		.menuNamePrice h4 em{
			display: block;
			font-size: 12px;
		}

	.menuCatch{
		color:  #7f7f7f;
		font-size: 14px;
		font-style: italic;
		font-family:"Rounded Mplus 1c";
		margin-bottom: 10px;
	}
	.menuContents{
		padding: 1em;
		background-color:#fffed5;
	}
	section.mens .menuContents{
		background: #e1f2f0;
	}
	section.ladys .menuContents{
		background: #f9e4ee;
	}
	.priceBox{
		overflow: hidden;
		float: right;
	}
	.priceBox > p{
		float: left;
		text-align: center;
		border:2px solid #AD3335;
	}
	.priceBox > p.summary{
		background: #AD3335;
		color: #fff;
		width: 80px;
	}
	.priceBox > p.price{
		width: 180px;
	}
	
	.setMenuList{
		background:#fffed5;
		padding: 3%;
	}
	.setMenuInner{
		background: #fff;
		padding: 3%;
	}
	.setMenuInner > div{
		text-align: center;
	}
	.setMenuInner > div > h4{
		color: #fff;
	}
	.setMenuInner > div > p{
		text-align: center;
	}
	
	#bridalSVSet{}
	#bridalSVSet > .center{
		margin-bottom: 50px;
	}
	
	#A_Set .setMenuInner > div{
		border:2px solid #A5CD3B;
	}
	#A_Set h4{
		background: #A5CD3B;
	}
	#A_Set .setMenuInner > div > p{
		color: #A5CD3B;
	}
	#B_Set .setMenuInner > div{
		border:2px solid #F781BB;
	}
	#B_Set h4{
		background: #F781BB;
	}
	#B_Set .setMenuInner > div > p{
		color: #F781BB;
	}
	.setMenuCatch{
		color:  #503119;
		font-size: 14px;
		font-style: italic;
		font-family:"Rounded Mplus 1c";
		font-weight: bold;
		margin: 15px 0;
	}
	
	#bridalFAQ{
		margin-bottom: 40px;
	}
	#bridalFAQ .center{
		margin: 30px 0;
	}
	
	.question{
		overflow: hidden;
		cursor: pointer;
		margin-bottom: 5px;
	}
	.answer{
		display: none;
		margin-bottom: 5px;		
	}
	.question .icon{
		display: inline-block;
		float: left;
		width: 30px;
		height: 30px;
		background-color: #81c2d6;
		color: #fff;
		font-size: 16px;
		font-style: italic;
		font-family:"Rounded Mplus 1c";
		font-weight: bold;
		text-align: center;
		padding: 0.25em;
		box-sizing: border-box;
	}
	.answer .icon{
		display: inline-block;
		float: left;
		width: 30px;
		height: 30px;
		border:1px solid #81c2d6;
		color: #81c2d6;
		font-size: 16px;
		font-style: italic;
		font-family:"Rounded Mplus 1c";
		font-weight: bold;
		text-align: center;
		padding: 0.25em;
		box-sizing: border-box;
	}
	.question .words,
	.answer .words{
		display: block;
		box-sizing: border-box;
		padding: 0.5em;
		padding-left: 3em;
	}
	.question .words{
		background: #f6f6f6;
		height: 30px;
	}
	.supplementBox{
		background-color:#ffe1f0;
		max-width: 650px;
		margin: auto;
		padding: 15px;
		text-align: center;
	}
}

@media print, screen and (min-width: 768px) {/*768px以上のみの設定（PC・タブレット縦のみ）*/
/*======================================================

menu

======================================================*/
/*サイドバー*/
#menuSideBar{
	width: 25%;
	float: left;
	background: #fffed5;
	padding:0 2.1%;
	box-sizing: border-box;
	padding-bottom: 10000px;
	margin-bottom: -10000px;
}
#mainContent{
	width: 75%;
	float: right;
	padding:80px 4% 0 4%;
	box-sizing: border-box;
}
	
#menuSideBar > h2{
	color:  #4c2d14;
	font-size: 25px;
	font-style: italic;
	font-family:"Rounded Mplus 1c";
	background: url(images_common/icon_hasami@2x.png) no-repeat 0 center;
	background-size: 24px auto;
	padding-left: 1.5em;
	margin-top: 50px;
	margin-left: 4%;
}
	
	#menuNav{
		font-style: italic;
		font-family:"Rounded Mplus 1c";
		line-height: 1.5em;
		margin-top: 30px;
		margin-left: 12%;
	}
	#menuNav > ul > li{
		margin-bottom: 1.5em;
	}
	#menuNav > ul > li > a{
		display: inline-block;
	}
	#menuNav .jp{
		font-size: 16px;
	}
	#menuNav .en{
		font-size: 11px;
	}
	
	#estessimoSide{
		border-radius: 10px;
		background: linear-gradient(0deg, #fff 0%, #f4f9fc 100%);
		padding-top: 25px;
		margin-top: 80px;
	}
	#estessimoSide ul:nth-child(1){
		text-align: center;
		color:  #3e596c;
		font-size: 13px;
		line-height: 1.6em;
		font-weight: bold;
		padding: 0 9%;
	}
	#estessimoSide ul:nth-child(1) > li{
		margin-top: 25px;
	}
	#estessimoSide ul:nth-child(2){
		color:  #3e596c;
		font-size: 13px;
		line-height: 1.6em;
		overflow: hidden;
		margin-top: 25px;
		padding: 0 9%;		
	}
	#estessimoSide ul:nth-child(2) li{
		float: left;
		width: 50%;
	}
	#estessimoSide p:nth-of-type(2){
		text-align: center;
	}
	#estessimoSide .moreBtn a{
		display: block;
		text-align: center;
		color: #0f3248;
		width: 130px;
		margin: 25px auto;
		background: rgb(255, 181, 97);
		border-radius: 5px;
    	-webkit-border-radius: 5px;
    	-moz-border-radius: 5px;
	}
	#estessimoSide p:nth-child(4) img{
		border-radius: 10px;
    	-webkit-border-radius: 10px;
    	-moz-border-radius: 10px;
	}
	
	#selectService{
		margin-top: 50px;
		background: -webkit-linear-gradient(180deg, #c1f2f0 0%, #abd7e1 100%);
		background: -moz-linear-gradient(180deg, #c1f2f0 0%, #abd7e1 100%);
		background: -o-linear-gradient(180deg, #c1f2f0 0%, #abd7e1 100%);
		background: -ms-linear-gradient(180deg, #c1f2f0 0%, #abd7e1 100%);
		background: linear-gradient(180deg, #c1f2f0 0%, #abd7e1 100%);
		border-radius: 10px;
    	-webkit-border-radius: 10px;
    	-moz-border-radius: 10px;
		padding: 1em;
	}
	#selectService h2{
		color: #4B2D13;
    	text-align: center;
   		font-size: 14px;
		font-style: italic;
		font-family:"Rounded Mplus 1c";
		text-shadow: 1px 1px 2px #fff;
	}
	#selectService h2 > span.red{
		font-size: 20px;
	}
	#selectService ul{
		margin-top: 1.5em;
		color: #4B2D13;
	}
	#selectService ul li{
		line-height: 2em;
		text-shadow: 1px 1px 2px #fff;
	}
	
	#serviceDiscription{
		border: 3px solid #AD3335;
		border-radius: 10px;
		margin-top: 50px;
	}
	#serviceDiscription h2{
		background-color: #AD3335;
    	color: #fff;
    	text-align: center;
   		font-size: 16px;
		font-style: italic;
		font-family:"Rounded Mplus 1c";
	}
	#serviceDiscription ul{
		background: #fff;
		padding: 1em;
		line-height: 2em;
		border-radius: 10px;
	}	
/*カット*/
#cutArea{
	max-width: 1200px;
	margin: auto;
}
	/*attentionBox*/
	.attentionbox{
		background-color: #fffed5;
    	max-width: 80%;
    	margin: 0 auto;
    	padding: 5px;
		padding: 5px;
	}
	.attentionInner{
		border:1px solid #fff;	
		padding: 4%;
	}
	.attentionInner > ul{
		width: 80%;
		margin: auto;
		background: #fff;
		padding: 4%;
		margin-top: 30px;
	}
	.attentionInner > ul > li{
		overflow: hidden;
		line-height: 2em;
	}
	.attentionInner > ul > li > p{
		float:left;
		width: 50%;
	}
	.attentionInner > ul > li > p.price{
		float: right;
		text-align: right;
		color: #F70100;
	}	
	.attentionInner a{
		text-decoration: underline!important;
	}
	.attentionInner a:hover{
		text-decoration: none!important;
	}
	.attentionInner > h2{
		color: #4c2d14;
		font-size: 26px;
		font-style: italic;
		font-family:"Rounded Mplus 1c";
	}
	.attentionInner > p:nth-child(2){
		font-size: 18px;
	}
	/*attentionBox END*/
	
	.priceAttention{
		margin-bottom: 50px;
		font-weight: bold;
	}
	.priceAttention li{
		line-height: 2em;
	}
	h3.menuTitle{
		width: 330px;
		margin: auto;
		text-align: center;
		color: #4c2d14;
		font-size: 18px;
		font-style: italic;
		font-family:"Rounded Mplus 1c";
		border:2px solid #4c2d14;
		padding: 0.8em 0;
		margin-bottom: 60px;
	}
	.attentionList{
		margin-top: 25px;
		line-height: 2em;
	}
	
.menuListWrapper{
	overflow: hidden;
	margin-right: -5%;
}
.menuListWrapper > ul{
	float: left;
	width: 45%;
	margin-right: 5%;
}
	#cutArea .attentionbox{
		margin-bottom: 120px;
	}

/*カラー＆パーマ*/
#colorArea{
	max-width: 1200px;
	margin: auto;
}
	
	#color .menuList,
	#perm .menuList,
	#sidemenu .menuList{
		border-bottom:1px dotted #7f7f7f;
		margin-bottom: 30px;
		padding-bottom: 15px;
	}
	
	#sidemenu .summary{
		border-radius: 5px;
    	-webkit-border-radius: 5px;
    	-moz-border-radius: 5px;
		margin-left: 10px;
	}
	#kamikazariPhoto{
		text-align: right;
	}
	#kamikazariPhoto img{
		border-radius: 10px;
    	-webkit-border-radius: 10px;
    	-moz-border-radius: 10px;
	}

/*ヘッドスパ*/
#headSpaArea{
	max-width: 1200px;
	margin: auto;
}
	#headSpaArea .attentionbox{
		margin-bottom: 80px;
	}
	
	#headSpa02 > .center{
		margin-bottom: 30px;
	} 
/*シェービング＆エステ*/
#shavingArea{
	max-width: 1200px;
	margin: auto;
}

	#shavingArea .center,
	#womanSV .center{
		margin-bottom: 50px;
		line-height: 2em;
	}
	
	#womanSV .menuList:nth-child(4),
	#womanSV .menuList:nth-child(7){
		margin-bottom: 80px;
	}
	#womanSV h3.selectMenu,
	#headSpaArea h3.selectMenu{
    	font-size: 20px;
    	font-style: italic;
    	font-family: "Rounded Mplus 1c";
    	margin-bottom: 30px;
		border: 4px double #4B2D13;
		padding: 0.25em 1em;
		text-align: center;
	}
	#womanSV h3.selectMenu > span,
	#headSpaArea h3.selectMenu > span{
		font-size: 16px;
		padding-left: 1em;
	}
	ul.svPhotoBox{
		overflow: hidden;
		margin-right: -3.333%;
		margin-bottom: 80px;
	}
	ul.svPhotoBox li{
		float: left;
		width: 30%;
		margin-right: 3.333%;
	}
	ul.svPhotoBox li img{
		width: 100%;
		border-radius: 10px;
	}
	ul.svPhotoBox li .title{
		text-align: center;
		font-size: 18px;
    	font-style: italic;
    	font-family: "Rounded Mplus 1c";
		color: #4B2D13;
		margin-top: 10px;
	}
	
	#coredesiginBanner{
		overflow: hidden;
		border-radius: 10px;
    	-webkit-border-radius: 10px;
    	-moz-border-radius: 10px;
		background: url(menu/shaving-esthe/images/pattern.png),-webkit-linear-gradient(-40deg, #f9f8cb 5%, #edeba5 95%);
		background: url(menu/shaving-esthe/images/pattern.png),-moz-linear-gradient(-40deg, #f9f8cb 5%, #edeba5 95%);
		background: url(menu/shaving-esthe/images/pattern.png),-o-linear-gradient(-40deg, #f9f8cb 5%, #edeba5 95%);
		background: url(menu/shaving-esthe/images/pattern.png),-ms-linear-gradient(-40deg, #f9f8cb 5%, #edeba5 95%);
		background: url(menu/shaving-esthe/images/pattern.png),linear-gradient(130deg, #f9f8cb 5%, #edeba5 95%);
		background-repeat:  no-repeat;
		background-size: 400px contain;
		background-position: 42% 10%;
		margin-top: 60px;
	}
	#coredesiginBanner .photo{
		float: left;
		width: 48%;
	}
	#coredesiginBanner .coredesignText{
		float: left;
		width: 42%;
		padding: 4% 4% 0 4%;
	}
	.coredesignText li:nth-child(1){
		margin-bottom: 1em;
		
	}
	.coredesignText li:nth-child(1) p{
		width: 20%;
	}
	.coredesignText li:nth-child(1) h5{
		font-size: 26px;
		font-style: italic;
		font-family:"Rounded Mplus 1c";
	}
	.coredesignText li:nth-child(n+2){
		margin-bottom: 1.5em;
	}
	.coredesignText li .title{
		color: #0d3147;
		font-weight: bold;
	}
	.coredesignText li .content{
		margin-top: 0.3em;
	}
	
	#coredesignPrice{
		overflow: hidden;
		margin-right: -5%;
		margin-top: 40px;
	}
	#coredesignPrice ul{
		width: 45%;
		float: left;
		margin-right: 5%;
		border:2px solid #AD3335;
		box-sizing: border-box;
		display: table;
	}
	#coredesignPrice ul > li{
		text-align: center;
		display: table-cell;
		padding: 0.5em 0;
	}
	#coredesignPrice ul > li:nth-child(1){
		background: #AD3335;
		color: #fff;
	}

.coredesiginMenuList{
	background-color: #f6f6f6;
	padding: 3%;
	margin: 20px 0;
}
.coredesiginMenuList > .setMenuInner{
	background: #fff;
	padding: 3%;
}
.coredesiginMenuList > .setMenuInner > div{
		border:2px solid #9a0400;
		overflow: hidden;
}
	.coredesiginMenuList h5{
		background:#9a0400;
		color:#fff!important;
		font-size: 16px;
		width: 60%;
		float: left;
	}
	.coredesiginMenuList > .setMenuInner > div > p{
		color:#4c2d14;
	}
	.coredesiginMenuList .setMenuCatch{
		color:  #503119;
		font-size: 20px;
		font-style: italic;
		font-family:"Rounded Mplus 1c";
		font-weight: bold;
		margin-top: 20px;
		margin-bottom: 0!important;
	}
	
	#coredesignAttention{
		border: 2px solid #f6f6f6;
		box-sizing: border-box;
		padding: 4%;
		border-radius: 10px;
	}
	#coredesignAttention h4{
		text-align: center;
		font-size: 18px;
		margin-bottom: 1em;
	}
	#coredesignAttention p{
		margin-top: 30px;
	}
/*ブライダル*/	
#bridalArea{
	max-width: 1200px;
	margin: auto;
}
	.mainCatch{
		color:  #4c2d14;
		font-size: 30px;
		text-align: center;
		font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
		font-style: italic;
		margin-top: 40px;
	}
	#bridalBanner{
		border-radius: 10px;
    	-webkit-border-radius: 10px;
    	-moz-border-radius: 10px;
		background: url(menu/shaving-esthe/images/pattern.png),-webkit-linear-gradient(-40deg, #f9f8cb 5%, #edeba5 95%);
		background: url(menu/shaving-esthe/images/pattern.png),-moz-linear-gradient(-40deg, #f9f8cb 5%, #edeba5 95%);
		background: url(menu/shaving-esthe/images/pattern.png),-o-linear-gradient(-40deg, #f9f8cb 5%, #edeba5 95%);
		background: url(menu/shaving-esthe/images/pattern.png),-ms-linear-gradient(-40deg, #f9f8cb 5%, #edeba5 95%);
		background: url(menu/shaving-esthe/images/pattern.png),linear-gradient(130deg, #f9f8cb 5%, #edeba5 95%);
		background-repeat:  no-repeat;
		background-size: 400px contain;
		background-position: 42% 10%;
		margin-top: 80px;
		overflow: hidden;
	}
	#bridalArea .photo{
		float: left;
		width: 40%;
	}
	#bridalBanner > ul{
		float: left;
    	width: 50%;
    	padding: 10% 4% 0 4%;
		text-shadow: 1px 1px 0 #fff;
	}
	#bridalBanner > ul > li{
		margin-bottom: 1.5em;
	}
	#bridalBanner > ul > li:nth-last-child(1){
		text-align: right;
		margin-top: 4em;
	}
	
	#groomBanner{
		background-color:#e1f2f0;
		max-width: 650px;
		margin: auto;
		padding: 5px;
		margin-top: 80px;
	}
	#groomBanner > ul{
		border:1px solid #fff;
		padding: 25px 30px;
		text-align: center;
	}
	#groomBanner > ul > li:nth-child(1){
		color:  #4c2d14;
		font-size: 20px;
		text-align: center;
		font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
		font-style: italic;
	}
	#groomBanner > ul > li:nth-child(1):first-letter{
		font-size: 2em;
	}
	#groomBanner > ul > li:nth-child(2){
		background: #fff;
		padding: 0.8em 0;
		margin-top: 25px;
	}
	#groomBanner > ul > li:nth-child(2) a{
		text-decoration: underline;
	}
	
#bridalSV{
	margin-top: 80px;
}
	.menuList{
		margin-bottom: 50px;
	}
	.menuNamePrice{
		overflow: hidden;
	}
	.menuNamePrice h4{
		float:left;
		font-size: 18px;
		font-style: italic;
		font-family:"Rounded Mplus 1c";
		font-weight: bold;
		margin-bottom: 10px;
	}
		.menuNamePrice h4 em{
			display: block;
			font-size: 14px;
			margin-top: 0.5em;
		}

	.menuCatch{
		color: #F781BB;
		font-size: 16px;
		font-style: italic;
		font-family:"Rounded Mplus 1c";
		margin-bottom: 10px;
	}
	.menuContents{
		padding: 1em;
		background-color:#fffed5;
	}
	section.mens .menuContents{
		background: #e1f2f0;
	}
	section.ladys .menuContents{
		background: #f9e4ee;
	}
	.priceBox{
		overflow: hidden;
		float:right;
		margin-bottom: 10px;
	}
	.priceBox > p{
		float: left;
		text-align: center;
		border:2px solid #AD3335;
	}
	.priceBox > p.summary{
		background: #AD3335;
		color: #fff;
		width: 100px;
	}
	.priceBox > p.price{
		width: 180px;
	}
	
	.setMenuList{
		background:#fffed5;
		padding: 3%;
	}
	.setMenuInner{
		background: #fff;
		padding: 3%;
	}
	.setMenuInner > div{
		overflow: hidden;
		text-align: center;
	}
	.setMenuInner > div > h4{
		width: 60%;
		float: left;
		color: #fff;
	}
	.setMenuInner > div > p{
		width: 40%;
		float: right;
		text-align: center;
	}
	
	#bridalSVSet{}
	#bridalSVSet > .center{
		margin-bottom: 50px;
		line-height: 2em;
	}
	
	#A_Set .setMenuInner > div{
		border:2px solid #A5CD3B;
	}
	#A_Set h4{
		background: #A5CD3B;
	}
	#A_Set .setMenuInner > div > p{
		color: #A5CD3B;
	}
	#B_Set .setMenuInner > div{
		border:2px solid #F781BB;
	}
	#B_Set h4{
		background: #F781BB;
	}
	#B_Set .setMenuInner > div > p{
		color: #F781BB;
	}
	.setMenuCatch{
		color:  #503119;
		font-size: 20px;
		font-style: italic;
		font-family:"Rounded Mplus 1c";
		font-weight: bold;
		margin: 20px 0;
	}
	
	#bridalFAQ{
		margin-bottom: 80px;
	}
	#bridalFAQ .center{
		margin: 50px 0;
		line-height: 2em;
	}
	
	.question{
		overflow: hidden;
		cursor: pointer;
		margin-bottom: 5px;
	}
	.answer{
		display: none;
		margin-bottom: 5px;		
	}
	.question .icon{
		display: inline-block;
		float: left;
		width: 50px;
		height: 50px;
		background-color: #81c2d6;
		color: #fff;
		font-size: 22px;
		font-style: italic;
		font-family:"Rounded Mplus 1c";
		font-weight: bold;
		text-align: center;
		padding: 0.25em;
		box-sizing: border-box;
	}
	.answer .icon{
		display: inline-block;
		float: left;
		width: 50px;
		height: 50px;
		border:1px solid #81c2d6;
		color: #81c2d6;
		font-size: 22px;
		font-style: italic;
		font-family:"Rounded Mplus 1c";
		font-weight: bold;
		text-align: center;
		padding: 0.25em;
		box-sizing: border-box;
	}
	.question .words,
	.answer .words{
		display: block;
		box-sizing: border-box;
		padding: 0.75em;
		padding-left: 4.5em;
	}
	.question .words{
		background: #f6f6f6;
		height: 50px;
	}
	.supplementBox{
		background-color:#ffe1f0;
		max-width: 650px;
		margin: auto;
		padding: 15px;
		text-align: center;
	}
}
/*脱毛*/
#hairRemovedArea{
	font-size: 1.8rem;
}
.recommendedBox{
	background-color: #e1f2f0;
    max-width: 80%;
	margin: 0 auto;
	padding: 30px 0 30px;
	text-align: center;
}
	.recommendedBox h4{
		font-weight: bold;
	}
		.recommendedBox h4 .marker{
			font-size:2.8rem;
			font-weight: bold;
			background: linear-gradient(transparent 70%, #ffff66 50%);
		}
	.recommendedInner{
		background: #fff;
		width: 50%;
		margin: 30px auto 0; 
		padding: 20px 0 20px;
	}
		
			.recommendedInner ul li{
				line-height: 2;
			}
	.recommendedBox p{
		margin-top: 30px;
		font-size: 1.4rem;
	}
.trial{
	max-width: 80%;
	margin: 57px auto 0;
	border: 1px solid #ff0076;
}
	.trial h4{
		text-align: center;
		background-color: #ff0076;
		margin: 4px;
		color: #ffeb00;
		font-size: 2.4rem;
		font-weight: bold;
		padding: 20px 0 20px;
	}
		.trial h4 .sale{
			font-size: 4rem;
		}
.removedArea{
	max-width: 80%;
	margin: 0 auto;
}
	.removedArea h3{	
		background: url(menu/hair-removed/images/sectionTitle_icon.svg) no-repeat;
		padding-left: 3%;
		margin: 30px 0;
	}
	.removedArea .priceContainer{
		background-color: #e1f2f0; 
		padding: 35px 0 30px;
	}
	.removedMensPrice .priceContainer .priceContents{
		width: 90%;
		margin: 0 auto;
	}
		.removedMensPrice .priceContents > div:not(:first-child){
			margin-top: 65px;
		}
		
		.removedMensPrice .priceContainer .priceContents table tr td:first-child{
			width: 30%;
		}
		.removedMensPrice .priceContainer .priceContents p{
			background-color: #fff;
			margin-top: 18px;
			padding: 19px 32px;
			font-size: 1.6rem;
		}
			.removedMensPrice .priceContainer .priceContents small{
				font-size: 1.2rem;
			}
		.removedMensPrice .priceContainer .priceContents .partsPrice{
			background-color: #fff;
			width: 100%;
			border-collapse: separate;
			padding: 26px 10% 20px 5%;
			margin-top: 25px;
		}
		.removedMensPrice .priceContainer .priceContents .partsPrice tr td{
			line-height: 2;
		}
		.removedMensPrice .priceContainer .priceContents .partsPrice tr td:first-child{
			width: initial;
		}
		.removedMensPrice .priceContents .partsPrice tr td:nth-child(2){
			text-align: right;
		}
	.removedMensPrice .priceContainer .remarks{
		text-align: right;
		width: 90%;
		margin: 12px auto 0;
		font-size: 1.6rem; 
	}
		.removedMensPrice .priceContainer .remarks .mobileBr{
			display: none;
		}
	.priceContainer + p{
		margin-top: 35px;
		font-weight: bold;
	}
	.textRed{
		color: #ff0000;
		font-size: 1.4rem;
		margin-top: 34px;
	}
.discountPrice{
	margin-top: 80px;
}
	.discountPriceInner{
		background-color: #fff;
		width: 90%;
		margin: 20px auto;
	}
	.discountPriceInner ul{
		padding: 20px 0;
	}
		.discountPriceInner ul li{
			display: flex;
			width: 98%;
			margin: 0 auto;
			font-size: 1.6rem;
			line-height: 2;
			font-size: 1.4rem;
		}
			.discountPriceInner ul li p:nth-child(2){
				margin-left: 4%;
			}
			.discountPriceInner ul li .textRed{
				font-size: 1.6rem;
			}
			.discountPriceInner ul li:last-child .textRed{
				margin-top: 0;
			}

.removedWoman{
	background-color: #F7E0EB;
	margin: 70px auto 110px; 
	width: 80%;
	padding: 32px 0 38px;
}
	.removedWoman .removedWomanInner{
		width: 90%;
		background-color: #fff;
		margin: 0 auto;
		text-align: center;
		padding: 40px 0;
	}
		.removedWoman .removedWomanInner h3{
			font-size: 1.6rem;
			font-weight: bold;
			padding: 0 0 30px;
		}
		.removedWoman .removedWomanInner ul{
			font-size: 1.4rem;
			line-height: 2.0em;
		}
		.removedWoman .removedWomanInner ul li::before{
			content: '※';
			color: #f00;
		}
/*======================================================

salon（全端末共通）

======================================================*/
#staffInner{
	box-sizing: border-box;
}
#staffInner p:nth-child(2){
	margin-bottom: 50px;
	font-style: italic;
	font-family:"Rounded Mplus 1c";
	font-size: 20px;
}
#staffArea .photoBox{
	position: relative;
	background: url(salon/images/staff_photo.jpg) no-repeat;
	background-size:contain;
	padding-bottom: calc(100%*600/1000);/* calc(100*ImageHeight/ImageWidth)% */
}
#staffArea .photoBox li{
	position: absolute;
	font-size: 16px;
}
.staffName a{
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0.3em 0.8em;
}
/*
#staffArea .photoBox li:nth-child(1){
	bottom:30%;
	right: 10%;
	background: #78AFA9;
}
#staffArea .photoBox li:nth-child(2){
	bottom:25%;
	right: 45%;
	background: #F781BB;
}
#staffArea .photoBox li:nth-child(3){
	bottom:20%;
	right: 80%;
	background: #F781BB;
}
*/

#staffArea .photoBox li:nth-child(1){
	bottom:15%;
	right: 80%;
	background: #78AFA9;
}
#staffArea .photoBox li:nth-child(2){
	bottom:15%;
	right: 10%;
	background: #F781BB;
}
#staffArea .photoBox li:nth-child(3){
	bottom:15%;
	right: 45%;
	background: #F781BB;
}


@media only screen and (max-width : 767px) {/*767px以下のみの設定（スマホのみ）*/
/*======================================================

salon

======================================================*/
#staffInner p:nth-child(2){
	font-size: 14px;
	margin-bottom: 25px;
}
#staffArea .photoBox li{
	position: absolute;
	font-size: 11px;
}
.staffName a{
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0.3em 0.8em;
}

#staffArea .photoBox li:nth-child(2){
	bottom:10%;
	right: 5%;
	background: #F781BB;
}

#staffArea .photoBox li:nth-child(3){
	bottom:10%;
	right: 37.5%;
	background: #F781BB;
}
#staffArea .photoBox li:nth-child(1){
	bottom:10%;
	right: 70%;
	background: #78AFA9;
}
	
#careerArea{}
#careerList{
	background: #b1dae3;
	padding: 5%;
}
#careerList li{
	overflow: hidden;
	border-left:3px solid #2C2825;
	box-sizing: border-box;
	margin-bottom: 2em;
	padding-left: 1em;
}
#careerList li:nth-last-child(1){
	margin: 0!important;
}
#careerList li .years{
	font-weight: bold;
	font-style: italic;
	font-family:"Rounded Mplus 1c";
}
#careerList li .tournament{
}
	
#salonGalleryArea{
	padding:0 4%;
}
.salonGalleryInner{}
.salonGalleryInner .svPhotoBox li{
	margin-bottom: 2em;
}
/*プロフィールのモーダルウィンドウ*/
.staffPlof{
	background:#fff;
    border-radius: 10px;
    padding: 5px;
	max-width: 70%;
	margin: auto;
	text-align: center;
	padding: 20px;
}
.staffPlof h2{
	font-style: italic;
	font-family:"Rounded Mplus 1c";
	font-size:20px;
}
.staffPlof h2 span{
	display: block;
}
.staffPlof h2 span:nth-child(1){
	font-size:14px;
}
.staffPlof h2 span.en{
	font-size:10px!important;
}
.staffPlof ul{
	margin-top: 3em;
}
.staffPlof ul li{
	margin-bottom: 2em;
}
/*======================================================

menu

======================================================*/
/* 脱毛 */
#hairRemovedArea{
	font-size: 1.3rem
}
.removedMensPrice .priceContents > div:not(:first-child){
	margin-top: 30px;
}
	.removedArea h3{
		padding-left: 8%;
		background-position: 0 50%;
		margin-bottom: 10px;
	}
.recommendedBox{
	max-width: 100%;
}
	.recommendedBox h4 .marker {
		font-size: 1.6rem;
	}
	.recommendedInner{
		width: 80%;
	}
	.recommendedBox p{
		font-size: 1.3rem;
		padding: 0 4%;
	}
.trial{
	max-width: 100%;
	margin-top: 30px;
}
.removedArea{
	max-width: 100%;
	margin-top: 30px;
}
	.removedMensPrice .priceContainer .priceContents .partsPrice tr td:first-child{
		width: 70%;
	}
	.removedMensPrice .priceContainer .remarks{
		font-size: 1.3rem;
	}
		.removedMensPrice .priceContainer .remarks .mobileBr{
			display: block;	
		}
	.priceContainer + p{
		margin-top: 10px;
	}
	.removedMensPrice .priceContainer .priceContents p{
		font-size: 1.3rem;
		margin-top: 10px;
		padding: 10px 4% 10px;
	}
	.removedMensPrice .priceContainer .priceContents .partsPrice{
		margin-top: 10px;
	}
.discountPriceInner ul{
	padding: 20px 4%;
}
	.discountPriceInner ul li {
		font-size: 1.3rem;
		display: initial;
	}
		.discountPriceInner ul li:nth-child(4) p,
		.discountPriceInner ul li:nth-child(8) p{
			padding-left: 1.5rem;
			text-indent: -1.5rem;	
		}
		.discountPriceInner ul li .textRed{
			font-size: 1.3rem;
		}
.removedWoman{
	max-width: 100%;
	width: 100%;
}
	.removedWoman .removedWomanInner h3{
		font-size: 1.3rem;
		padding: 20px 4% 20px;
	}
	.removedWoman .removedWomanInner ul{
		font-size: 1.1rem;
		line-height: 2.0em;
	}
	.removedWoman .removedWomanInner ul li::before{
		content: '※';
		color: #f00;
	}
	
}

@media only screen and (min-width: 768px) and  (max-width : 999px) {/*768px以上-999px以下の設定（タブレット縦のみ）から変更*/
/*======================================================

salon

======================================================*/
#staffArea .photoBox li:nth-child(1){
	bottom:20%
}
#staffArea .photoBox li:nth-child(2){
	bottom:15%;
}
#staffArea .photoBox li:nth-child(3){
	bottom:10%;
}

}

@media print, screen and (min-width: 768px) {/*768px以上のみの設定（PC・タブレット縦のみ）*/
/*======================================================

salon

======================================================*/
#careerArea{
	max-width: 1000px;
	margin: auto;
}
#careerList{
	overflow: hidden;
	background: #b1dae3;
	padding: 5%;
}
#careerList li{
	width: 50%;
	float: left;
	overflow: hidden;
	border-left:3px solid #2C2825;
	box-sizing: border-box;
	margin-bottom: 2em;
	padding-left: 1em;
}
#careerList li:nth-child(n+7){
	margin: 0!important;
}
#careerList li .years{
	font-weight: bold;
	font-style: italic;
	font-family:"Rounded Mplus 1c";
	float: left;
}
#careerList li .tournament{
	float: left;
	padding-left: 1em;
}
	
#salonGalleryArea{}
.salonGalleryInner{
	max-width: 1000px;
	margin: auto;
}
.salonGalleryInner .svPhotoBox li{
	margin-bottom: 2em;
}
	
/*プロフィールのモーダルウィンドウ*/
.staffPlof{
	background:#fff;
    border-radius: 10px;
    padding: 5px;
	max-width: 40%;
	margin: auto;
	text-align: center;
	padding: 80px;
}
.staffPlof h2{
	font-style: italic;
	font-family:"Rounded Mplus 1c";
	font-size:30px;
}
.staffPlof h2 span{
	display: block;
}
.staffPlof h2 span:nth-child(1){
	font-size:20px;
}
.staffPlof h2 span.en{
	font-size:14px!important;
}
.staffPlof ul{
	margin-top: 3em;
}
.staffPlof ul li{
	margin-bottom: 2em;
}
}