* {margin: 0; padding: 0; outline: 0;}


body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #e5e5e5;
	font-size: 12px;
	background:#fff;
-webkit-text-size-adjust: 100%;	
}


h1, h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	margin:0 0 15px 0;
}


h1.title{
	text-align: center;
}


h2.subtitle {
	text-align: center;
	margin-top: 550px;
}


p {
	margin: 0 0 15px 0;
}

a {
	color: #3e3e3e;
}




.clear {
	clear: both;
}
.wrap {
	width: 100%;
	min-width: 1000px;
	z-index: 10;
	margin: 0 auto;
	padding: 0;

}

.section {
	width: 100%;
    min-width: 960px;
    margin: 0 auto;
    padding: 0 0 20px 0;
    overflow: auto;
    clear: both;
}


.inner02 {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	min-height: 50px;
	padding:30px 0;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

.inner:after {
	  content: "";
	  display: table;
	  clear: both;
}


.subMenu {
	border-bottom: 1px solid #7D837B;
	z-index: 1000;
	width: 100%;
	background: #fff;
}

.subMenu .inner {
	padding:0;
	font-weight: 400;
	margin: 0 auto;
}
.subMenu .inner02 {
	padding:0;
	font-weight: 400;
	margin: 0 auto;
}

.subNavBtn {
	display: block;
	height: 60px;
	width: 12%;
	float: left;
	margin: 0px 0px 0 0;
	text-decoration: none;
	font-size: 14px;
	padding: 15px 5px 0 5px;
	text-align: center;
    color: #fff;
}

.navi_long{
	padding: 15px 20px 0 20px !important;
}
.subMenu a:hover {
	background: #FAF5EE;
}
.active {
	/*background: #FAF5EE;*/
}
.end {
	margin: 0;
}
.colorsystem .left {
	width: 100%;
	float: left;
	color: #fff;
}
.colorsystem .left p {
	font-size: 16px;
}
.colorsystem .left span {
	font-size: 14px;
	margin-bottom: 10px;
}
.colorsystem .right {
	width: 30%;
	float: left;
}


.salon_ph02 {
	float: right;
	color: #B8756C;
	margin: 168px 110px 0 0;
	font-size: 30px;
	font-family: serif;
	letter-spacing: 3px;
}
.salon_ph03 {
	float: right;
	color: #73655E;
	margin: 10px 85px 0 0;
	font-size: 14px;
	letter-spacing: 3px;
	font-weight: lighter;
	line-height: 2;
}




/* SECTIONS */

/*
.s1 p {
	padding: 0px;
	margin: 0px;
}*/

.s2 {
	/*background: url(../image/bg_02.jpg) no-repeat #fff;
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;*/
	height: auto;
}

.s3 {
	background: #fff;
	height: 2800px;
}


.s5 {
	background: #fff;
}


.center{
	text-align: center;
}


.ti01{
	margin: 70px 0 30px 0;
}




.contx{
	color: #000;
	line-height: 2em;
	font-size: 14px;
	margin: 30px 0 -75px 0;
}

.kodawariph{
	float: left;
	margin: 0 30px 20px 0;
}


.kodawari{
	width: 1000px;
	margin: 0 0 70px 0;
	padding: 0 0 30px 0;
	border-bottom: 1px dotted #C8BB9B;
	clear: both!important;
}

.kodawarinaiyo{
	width: 644px;
	float: left;
	margin: 0 0 15px 0;
}

.kodawarinaiyo dt{
	font-size: 24px;
	color: #362D27;
	font-weight: normal;
	padding: 0px 0 5px 0;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.kodawaripoint {
	clear: both;
	overflow: auto;
}
.kodawaripoint li {
	float: left;
    width: 47%;
    padding: 30px 15px;
    list-style: none;
}
.kodawaripoint li img {
	float: left;
	width: 25%;
	padding-right: 20px;
}
.kodawaripoint li .txt {
	float: left;
	width: 68%;
}
.kodawaripoint li h4 {
	color: #91AFA3;
	font-weight: normal;
	font-size: 24px;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.kodawaripoint li p {
	color: #73655E;
	font-size: 14px;
	font-weight: normal;
	margin-top: 10px;
	line-height: 2;
}

.kodawaripoint h3 {
	font-size: 20px;
	margin-bottom: 10px;
	font-weight: normal;
	color: #D1B4AA;
	letter-spacing: 2.5px;
	border-bottom: 1px solid #D1B4AA;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.kodawarinaiyo dd{
	font-size: 14px;
	color: #73655E;
	padding: 25px 0 10px 0;
	line-height: 2em;
    font-weight: 400;
    letter-spacing: 1px;
}
.kodawari .name {
	font-size: 22px;
	font-weight: normal;
	color: #DDAF00;
    padding: 10px 0px 0px;
}
.kodawari .name span {
	font-size: 14px;
}
.kodawari .cap {
	font-size: 18px;
	font-weight: normal;
	color: #DDAF00;
	padding: 0px 0px 15px;
}

.kodawarilead{
	font-size: 14px;
	color: #73655E;
	line-height: 2em;
	font-weight: bolder;
	margin-bottom: 100px;
}

.kodawarilead02{
	font-size: 14px;
	color: #3E3A39;
	line-height: 1.7em;
	float: left;
	width: 50%;
}


.kodawari02{
	margin: 40px 0 20px 0;
    padding: 50px 25px 40px 25px;
    width: 955px;
    overflow: auto;
    background: #DDF2DD;
}

.kodawariitem{
	margin: 0 0 20px 0;
}

.kodawariitem dt{
	font-size: 22px;
    font-weight: normal;
    color: #70A55F;
    line-height: 0.7em;
    margin-bottom: 5px;
    text-align: center;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.kodawariitem dt span{
	font-size: 12px;
	font-weight: bold;
	color: #C79F62;
}
.kodawariitem dd{
	font-size: 16px;
    font-weight: normal;
    color: #70A55F;
    padding: 0 0 10px 0;
    text-align: center;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.kodawari02 img {
    width: 47%;
    float: left;
    padding-right: 20px;
}
.kodawari_list {
	margin: 40px 0px;
    overflow: auto;
    clear: both;
}
.kodawari_list dl {
	width: 30.3333333%;
	float: left;
	padding: 0px 15px;
	color: #73655E;
}
.kodawari_list dt{
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.kodawari_list dd{
	font-size: 14px;
	color: #73655E;
	font-weight: 400;
	letter-spacing: 0.5px;
	line-height: 2;
}
.kodawari .kodawari_ti,
.kodawari2 .kodawari_ti {
	font-size: 22px;
	border-bottom: 2px solid #D1B4AA;
	font-weight: normal;
	color: #362D27;
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-weight: bold;
    letter-spacing: 2.5px;
}

/*campaign*/
.camp_ti{
	margin: 0 0 30px 0;
}

dl.camp_menu_loa{
	width: 1000px;
	border-bottom: 1px solid #C79F62;
	margin: 0 0 20px 0;
	line-height: 1.4em;
	float: left;
	padding-bottom: 5px;
}

.normal{
	font-weight: normal;
	color: #3E3A39;
}
.color01{
	color: #C79F62;
}



dl.camp_menu_loa dt{
	font-size: 23px;
	color: #6A3906;
	float: left;
	font-weight: bold;	
}
dl.camp_menu_loa dt span{
	font-size: 12px;
	color: #6A3906;
}
dl.camp_menu_loa dd{
	font-size: 23px;
	color: #74062A;
	float: right;
	font-weight: bold;
}

.hosoku{
	color: #3E3A39;
	font-size: 14px;
	line-height: 1.6em;
}

.hosoku02{
	clear: both;
	color: #FFF;
	font-size: 14px;
	line-height: 1.6em;
}

.camp_box{
	width: 1000px;
	margin: 30px 0 0 0;
	padding: 75px 0 0 0;
	float: left;
}


.camp_naiyo{
	width: 505px;
	float: left;
}

.camp_ph{
	width: 405px;
	height: 345px;
	float: left;
	margin: 0 90px 0 0;
}


/*subnavi*/

.ch-grid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 200px;
	height: 200px;
	display: inline-block;
	margin: 20px;
}


.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	cursor: default;
	box-shadow: 
		inset 0 0 0 16px rgba(255,255,255,0.6),
		0 1px 2px rgba(0,0,0,0.1);
	transition: all 0.4s ease-in-out;
}


.ch-img-1 { 
	background-image: url(../image/bg_img01.jpg);
}

.ch-img-2 { 
	background-image: url(../image/bg_img02.jpg);
}

.ch-img-3 { 
	background-image: url(../image/bg_img03.jpg);
}

.ch-img-4 { 
	background-image: url(../image/bg_img04.jpg);
}



.ch-info {
	position: absolute;
	background: rgba(116,6,42, 0.8);
	width: inherit;
	height: inherit;
	border-radius: 50%;
	overflow: hidden;
	opacity: 0;
	transition: all 0.4s ease-in-out;
	transform: scale(0);
	cursor: pointer !important;
}


.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 16px;
	margin: 0 20px;
	padding: 45px 0 0 0;
	height: 80px;
	font-weight: normal;
	text-decoration: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



.ch-info p {
	color: #fff;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 14px;
	border-top: 1px solid rgba(255,255,255,0.5);
	opacity: 0;
	transition: all 1s ease-in-out 0.2s;
}

.ch-info p a {
	display: block;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
	font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info p a:hover {
	color: rgba(255,242,34, 0.8);
}

.ch-item:hover {
	box-shadow: 
		inset 0 0 0 1px rgba(255,255,255,0.1),
		0 1px 2px rgba(0,0,0,0.1);
}

.ch-item:hover .ch-info {
	transform: scale(1);
	opacity: 1;
}

.ch-item:hover .ch-info p {
	opacity: 1;
}

.p40{
	padding: 30px 0;
	clear: both;
}

.menul{
	width: 490px;
	float: left;
	margin: 0 20px 0 0;
}

.menur{
	width: 490px;
	float: left;
}

.menu00{
	width: 490px;
	float: left;
}


.menu{
	width: 490px;
	overflow: auto;
	color: #FFF;
	margin: 0 0 10px 0;
    padding-bottom: 5px;
}

.menu dt{
	font-size: 13px;
	float: left;
}

.menu dd{
	font-size: 15px;
}

/*coupon*/


.box00{
	width: 30.3333333%;
	float: left;
	margin: 0 30px 30px 0;
}

.box00 dt{
	color: #fff;
	font-weight: 400;
}

.box00 span{
	color: #fff;
	font-size: 10px;
}


.box00 dl{
	color: #fff;
}



/*STAFF*/


.staffbox{
	width: 892px;
	margin: 40px auto 60px auto;
}

.phstaff{
	float: left;
	margin: 0 40px 0 0;
}

.staff_pro{
	width: 700px;
	float: left;
	margin: 0 0 10px 0;
}

.staff_pro dt{
	color: #3E3A39;
	font-size: 14px;
}

.staffname{
	font-size: 18px;
	font-weight: bold;
	color: #3E3A39;
	background: #FFEBCF;
	padding: 5px 15px 5px 15px;
	margin: 10px 0;
	float: left;
}

.staffcoment{
	color: #3E3A39;
	clear: both;
	font-size: 14px;
	line-height: 1.4em;
}

.subcul{
	color: #3E3A39;
	padding: 20px 0 0 0;
	line-height: 1.7em;
	font-size: 14px;
}


.subcul span{
	font-weight: bold;
	color: #3E3A39;
	padding: 20px 0 0 0;
}

.footlogo{
	margin: 0 0 20px 0;
}


/*info*/
.shop_info{
	clear: both;
	height: 750px;
	background: #502D1A;
}


.tel_bt{
	margin: 10px 0 0 0;
}

.infobox{
	width: 1040px;
	margin: 40px 0 0 0;
}

.oshirase {
	color: #70A55F;
	font-size: 20px;
	margin-top: 20px;
}
#reserve p{
	position: fixed;
	right:0;
	bottom:400px;
    z-index: 99999;
    height: 280px;
	line-height:38px;
	text-align:center;
	font-size:1.1em;
	margin-bottom:0 !important;
		}

	#reserve p a{
	color:#FFF;
	display:block;
	text-decoration:none;
	}
	footer{
	background:#F5F5F5;
	padding-bottom:38px;
}

#reserve p img{
	width:100%;
	height: auto;
}

#reserve2 p{
	position: fixed;
	right:0;
	bottom:100px;
    z-index: 99999;
    height: 280px;
	line-height:38px;
	text-align:center;
	font-size:1.1em;
	margin-bottom:0 !important;
		}

#reserve2 p a{
	color:#FFF;
	display:block;
	text-decoration:none;
	}
footer{
	background:#F5F5F5;
	padding-bottom:38px;
}

#reserve2 p img{
	width:100%;
	height: auto;
}




@media screen and (min-width: 768px){ 
.sp {
    display:none;
}
.pc{
}

.web_reserve a {
	color: #FFF!important;
	background: #B8756C;
	width: 400px;
	font-size: 18px!important;
	text-align: center;
	border-bottom: 3px solid #B8756C;
	padding: 10px;
	text-decoration: none!important;
}
.s4 {
	background: #C6A8A1;
}
.info{
	width: 600px;
	margin-right: 40px;
	float: left;
	margin-bottom: 20px;
}

.gallery{
	width: 650px;
	float: right;
}

.info dt{
	font-size: 22px;
	color: #876247;
	font-weight: 500;
}

.info dd{
	font-size: 29px;
	color: #fff;
}

.info a{ color:#B8756C;}
.info a:link{color: #B8756C; text-decoration: underline;}
.info a:visited{
	color: #B8756C;
	text-decoration: none;
}
.info a:hover{color:#B8756C;}
.info a:active{}


.addres{
	color: #876247;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	margin: 30px 0px 20px 0px;
	line-height: 1.4em;
	font-weight: bold;
}
.infobox02{
	width: 1040px;
	margin: 20px 0 0 0;
	text-align: left;
}
.ti02{
	margin: 70px 0 20px 0;
}

.s6 {
	background: #F3EEEB;
}
.map{
	height: 600px;
	width: 100%;
	margin-bottom: 100px;
}
.shopname{
	text-align: center;
    padding: 10px 60px;
}

.shopname span{
	font-size: 17px;
}

.box{
	width: 30.3333333%;
	margin: 0 auto;
	background-color: #B8756C;
	border-bottom: 3px solid #B8756C;
}

.box a{
	color: #fff;
	text-decoration: none;
}
.coupon_ti {
	font-size: 24px;
    border-bottom: 1px solid #73655E;
    font-weight: normal;
    color: #73655E;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    text-align: center;
}
.coupon_block{
	margin: 100px 0;
}

.s1 {
	background: url(../image/bg_con_pc.jpg) no-repeat;
	background-position: bottom;
	height: auto;
}

.s1 h2 {
	text-align: center;
    padding: 0px;
	margin: 0px;
	color: #362D27;
	font-size: 28px;
	font-family: serif;
	letter-spacing: 10px;
}
.sTop {
	min-height: 130px;
	background: url(../image/bg_main.jpg) no-repeat;
	color:#3d3d3d;
	padding: 50px 0;
	height: 750px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #464646;	
}
.ti01{
	margin: 70px 0 30px 0;
}

.inner {
	width: 1040px;
	overflow: -webkit-paged-x;
	margin: 0 auto;
	padding:30px 0;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}
.inner03 {
	width: 1040px;
	overflow: -webkit-paged-x;
	margin: 0 auto;
	padding:30px 0 1050px;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}
.info02{
	margin-right: 40px;
	float: left;
	padding: 0px 30px 0px 100px;
}
.salon_ph {
	float: left;
	color: #73655E;
	font-size: 14px;
	letter-spacing: 3px;
	line-height: 2.5;
	font-weight: lighter;
	font-family: '游ゴシック';
	margin-top: 70px;
}

} 



@media only screen and (max-width: 767px){ 
.pc{
        display:none;
}
.sp{
}

.web_reservea {
	color: #FFF!important;
	background: #B8756C;
	width: 500px;
	font-size: 18px!important;
	text-align: center;
	border-bottom: 3px solid #B8756C;
	padding: 10px 0;
	text-decoration: none!important;
    margin: 15px 0;
}
.web_reservea a {
	color: #FFF!important;
	background: #B8756C;
	width: 400px;
	font-size: 30px!important;
	text-align: center;
	border-bottom: 3px solid #B8756C;
	padding: 10px 0;
	text-decoration: none!important;
}
.web_reserveb {
	color: #FFF!important;
	background: #B8756C;
	width: 400px;
	font-size: 18px!important;
	text-align: center;
	border-bottom: 3px solid #B8756C;
	padding: 10px 0;
	text-decoration: none!important;
	margin: 15px 0;
}
.web_reserveb a {
	color: #FFF!important;
	background: #B8756C;
	width: 400px;
	font-size: 30px!important;
	text-align: center;
	border-bottom: 3px solid #B8756C;
	padding: 10px 0;
	text-decoration: none!important;
}


.s4 {
	background: #C6A8A1;
}
.info{
    width: 100%;
    margin: 0 0px 50px 150px;
}

.gallery{
	width: 650px;
	float: right;
}

.info dt{
	font-size: 40px;
	color: #876247;
	font-weight: 500;
}

.info dd{
	font-size: 40px;
	color: #fff;
}

.info a{ color:#B8756C;}
.info a:link{color: #B8756C; text-decoration: underline;}
.info a:visited{
	color: #B8756C;
	text-decoration: none;
}
.info a:hover{color:#B8756C;}
.info a:active{}


.addres{
	color: #876247;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 26px;
	margin: 30px 0px 20px 0px;
	line-height: 1.4em;
	font-weight: bold;
}
.infobox02{
	width: 1040px;
	margin: 20px 0 0 0;
	text-align: left;
}
.ti02{
	margin: 70px 0 20px 0;
}

.inner00 {
	overflow: -webkit-paged-x;
	margin: 0 auto;
	padding: 200px 0;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}
.s6 {
	background: #F3EEEB;
}

.map{
	height: 300px;
	width: 100%;
	margin-bottom: 400px;
}
.shopname{
	text-align: center;
    padding: 30px 60px;
}

.shopname span{
	font-size: 20px;
}

.box{
	width: 80%;
	margin: 0 auto;
	background-color: #B8756C;
	border-bottom: 3px solid #B8756C;
}

.box a{
	color: #fff;
	text-decoration: none;
	font-size: 36px;
}
.coupon_block{
	margin: 100px 0;
}
.coupon_ti {
	font-size: 40px;
    border-bottom: 1px solid #73655E;
    font-weight: normal;
    color: #73655E;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    text-align: center;
}
.sTop {
	min-height: 130px;
	background: url(../image/bg_main_sp.jpg) no-repeat;
	color:#3d3d3d;
	padding: 927px 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.s1 {
	background: url(../image/bg_con_sp.jpg) no-repeat;
	background-size: contain;
	height: auto;
}
.s1 h2 {
	text-align: center;
    padding: 0px;
	margin: 0px;
	color: #362D27;
	font-size: 40px;
	font-family: serif;
	letter-spacing: 10px;
}
.info02{
    text-align: center;
}
.salon_ph {
	text-align: center;
	color: #73655E;
	margin: 50px 0;
	font-size: 40px;
	letter-spacing: 3px;
	line-height: 2.5;
	font-weight: lighter;
	font-family: '游ゴシック';
}
.inner03 {
	width: 1040px;
	margin: 0 auto;
	padding:30px 0 1050px;
}

.test{
	margin: 0 auto;
	text-align: center;
}



.floatingBtn {
    overflow: hidden;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 99;
}
.floatingBtn a.reserve {
    background: #AA655E;

    margin-top: 50px
}
.floatingBtn a {
    display: block;
    float: left;
    width: 50%;

}
.floatingBtn a.online {
    background: #AB8746;

    margin-top: 50px
}
.floatingBtn a {
    display: block;
    float: left;
    width: 50%;

}
}