@charset "utf-8";

.memBG{
	text-align: center;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.memBG h3{ width:115px; float:left; margin-top: 45px;}
.memBG Ul{
	width: 600px;
	margin: 30px auto 0;
	padding-left: 20px;
}
.memBG li{
	margin-bottom: 8px;
	border-bottom: 1px dotted #000;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 14px;
	line-height: 20px;
	
}
.memBG a:link {
	color: #562f05;
	text-decoration: none;
	margin: 0px 2px 3px 3px;
}
.memBG a:visited,.memBG a:active ,.memBG a:active {
	color: #562f05;
	text-decoration: none;
	margin: 0px 2px 3px 3px;	
}
.memBG a:hover {
	text-decoration: underline;
}


h2{
	font-family: 'Lato', sans-serif;
	font-size: 26px;
	line-height: 40px;
	letter-spacing: 5px;
}

/* top */
#index{
	padding: 30px 0 20px;
}
#index .mv{
	width: 100%;
	min-height: 540px;
	margin-bottom: 170px;
}
#index .mv + p{
	font-size: 14px;
    line-height: 30px;
    margin-top: 10px;
}

#index .reserve,#concept .reserve{
	background-image: url("../img/top/bg_gray.jpg");
	max-width: 1100px;
	width: 96%;
	margin: 0px auto 120px;
	padding-bottom: 80px;
	position: relative;
}
#index .reserve h2,#concept .reserve h2{
	font-size: 26px;
	text-align: center;
	line-height: 1.4;
	position: absolute;
	top: -18px;
	left: 0;
	right: 0;
	margin: auto;
}
#index .reserve h2 span,#concept .reserve h2 span{ 
	font-size: 15px;
	display: block;
	font-weight: normal;
}
#index .reserve ul,#concept .reserve ul {
	display: flex;
	width: 860px;
	justify-content: space-between;
	margin:0 auto;
	padding-top: 115px;
}

#index .reserve ul li.tel a,#concept .reserve ul li.tel a{
	display: block;
    color: #000;
    font-size: 22px;
    letter-spacing: 0.1em;
    line-height: 80px;
    width: 390px;
    height: 80px;
    text-align: center;
    padding-left: 42px;
    background: #fff url(../commons/img/ico_tel.png)no-repeat left 85px top 24px / 30px auto;
    box-sizing: border-box;
}

#index .reserve ul li.web a,#concept .reserve ul li.web a{
	display: block;
    color: #000;
    font-size: 22px;
    letter-spacing: 0.1em;
    line-height: 80px;
    width: 390px;
    height: 80px;
    text-align: center;
    padding-left: 42px;
    background: #fff url(../commons/img/ico_web.png)no-repeat left 85px top 24px / 30px auto;
    box-sizing: border-box;
}

#index .top_concept{
	margin: 0 auto;
	position: relative;
	margin-bottom: 170px;
}
#index .top_concept::after{
	content: "";
    display: inline-block;
    width: 66.5%;
    height: 370px;
    background-color: #f6f6f6;
    background-repeat: repeat;
    position: absolute;
    bottom: -45px;
    right: 0;
    z-index: -1;
}
#index .top_concept h2,#index .top_contents h2{
	font-size: 26px;
    line-height: 30px;
    margin-top: 40px;
    margin-bottom: 70px;
    display: flex;
    align-items: center;
    margin-right: 70%;
}
#index .top_concept h2::before,#index .top_contents h2::before{
	border-top: 1px solid;
	content: "";
	flex-grow: 1;
	margin-right: 20px;	
}

#index .more a{
	width: 222px;
}
#index .more a img{
	width: 222px;
}
#index .top_concept_box{
	max-width: 1150px;
	width: 100%;
	justify-content: space-between;
	margin: auto;
}
#index .top_concept_left{
	padding-left: 20px;
}
#index .top_concept_left p{
	font-size: 15px;
	line-height: 3;
	margin-bottom: 60px;
}
#index .top_concept_right{
	max-width: 413px;
}
#index .top_concept_right img{
	max-width: 413px;
}
#index .top_contents{
	margin: 0px auto 130px;
}
#index .top_contents ul{
	font-size: 0;
	margin: auto;
	width: 1100px;
	max-width: 100%;
    justify-content: space-between;
    display: flex;
}
#index .top_contents ul li{
	width: 238px;
	height: 238px;	
}
#index .top_contents ul li a{
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 109px 0
}
#index .top_contents ul li:nth-child(1) a{
	background: url(../img/top/img_contents05.png);
}
#index .top_contents ul li:nth-child(2) a{
	background: url(../img/top/img_contents02.png)
}
#index .top_contents ul li:nth-child(3) a{
	background: url(../img/top/img_contents01.png)
}
#index .top_contents ul li:nth-child(4) a{
	background: url(../img/top/img_contents04.png)
}
#index .top_contents ul li p{
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	line-height: 100%;
	color: #fff;
	letter-spacing: 3px;
}
#index .top_access h2{
	margin-bottom: 40px;
} 
#index .top_access .top_map{
	max-width: 1100px;
	width: 100%;
	height: 444px;
	margin: 0 auto 50px;
}
#index .top_access .top_access_info{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto 60px;
	justify-content: space-between;
}
#index .top_access .top_access_info .info_title{
	width: 100px;
}
#index .top_access .top_access_info h3{
	font-size: 18px;
	margin-bottom: 30px;
}
#index .top_access .top_access_info p{
	font-size: 15px;
}
#index .top_access .top_access_info .top_info_box{
	margin-bottom: 30px;
}

#index .top_access .more{
	margin: auto;
	text-align: center;
}

/* 下層共通 */


#concept .concept h2,#concept .info h2,#menu .menu h2,#staff .staff h2,#products .products h2,#gallery .gallery h2,#recommend .recommend h2{
	font-size: 26px;
    line-height: 30px;
    margin-top: 40px;
    margin-bottom: 70px;
    display: flex;
    align-items: center;
    margin-right: 70%;
}
 #concept .info h2 {
    font-size: 26px;
    line-height: 30px;
    margin-top: -40px;
    margin-bottom: 70px;
    display: flex;
    align-items: center;
    margin-right: 65%;
    padding-top: 40px;
}
#concept .concept h2::before,#concept .info h2::before,#menu .menu h2::before,#staff .staff h2::before,#products .products h2::before,#gallery .gallery h2::before,#recommend .recommend h2::before{
	border-top: 1px solid;
	content: "";
	flex-grow: 1;
	margin-right: 20px;	
}
/* concept */
#concept .concept{
    margin: 80px auto 60px;
    position: relative;
}
#concept .concept_box {
    display: flex;
    max-width: 1000px;
    width: 100%;
    margin: auto;
    justify-content: space-between;
}
#concept .concept_box .concept_left{
	width:440px; 
}
#concept .concept_box .concept_left p{
	font-size: 15px;
	line-height: 2.5;
}
#concept .concept_box .concept_right img{
	width:420px; 
}
#concept .concept_imageBox{
	position: relative;
	max-width: 1000px;
	width: 100%;
	margin: auto;
	height: 510px;
}
#concept .concept_imageBox .concept_image_01{
	position:absolute;
	top: -10%;
	left: 0;
	width: 300px;
}
#concept .concept_imageBox .concept_image_01 img{
	width: 300px;
}
#concept .concept_imageBox .concept_image_02{
	position:absolute;
	top: 20%;
	left: 45%;
	width: 223px;
}
#concept .concept_imageBox .concept_image_02 img{
	width: 223px;
}
#concept .concept_imageBox .concept_image_03{
	position:absolute;
	top: 10%;
	right: 0;
	width: 180px;
}
#concept .concept_imageBox .concept_image_03 img{
	width: 180px;
}
.info .infoBox{
	width: 1000px;
	margin: 80px auto 100px;
	justify-content: space-between;
}
.info .infoBox .infoTxt{
	font-size: 14px;
	line-height: 30px;
}

.info .infoBox iframe.info_gmap {
    opacity: 0.8;
    filter: grayscale(50%);
    -webkit-filter: grayscale(50%);
}

/* gallery */
#gallery .gallery{
	margin-top: 80px;
}
#gallery .gallery_coming{
	height: 300px;
}
#gallery .gallery_coming p{
	margin-top: 250px;
}
#gallery .gallery{
	margin-top: 80px;}
/* #gallery{
	padding-top: 60px;
}
#gallery ul{
	width: 1000px;
	margin: 60px auto 0;
	font-size: 0;
	padding-bottom: 90px;
}
#gallery ul li{
	display: inline-block;
	box-sizing: border-box;
	border: 1px solid #e7e7e7;
	margin-right: 14px;
	margin-bottom: 15px;
}
#gallery ul li:nth-child(4n){
	margin-right: 0;
} */


/* staff */

#staff .staff{
	margin-top: 80px;
}
#staff .staffList{
	width: 1000px;
	margin: 60px auto 0;
	padding-bottom: 30px;
	font-size: 0;
}
#staff .staffList ul li{
	display: inline-block;
	vertical-align: top;
	width: 242px;
	margin-right: 135px;
	margin-bottom: 50px;
}
#staff .staffList ul li:nth-child(3n){
	margin-right: 0;
}
#staff .staffList ul li figure{
	margin-bottom: 10px;
}
#staff .staffList ul li figure img{
	max-width: 235px;
	width: 100%;;
}
#staff .staffList ul li p{
	font-size: 14px;
	line-height: 20px;
}
#staff .staffList ul li p.staff_text {
    margin-top: 20px;
}


#staff .staffList ul li p.position{
	font-size: 13px;
    line-height: 30px;
}
#staff .staffList ul li p.name{
	font-size: 18px;
	line-height: 25px;
	margin-bottom: 5px;
	position: relative;

}
#staff .staffList ul li p.name span{
	font-size: 16px;
}
#staff .staffList ul li p.name::after{
content: '';
  width: 50px;
  height: 3px;
  display: inline-block;
  background-color: #000;
  position: absolute;
  bottom: -10px;
  left: 0;
}

/* products */
#products .products{
	margin-top: 80px;
}
#products .productsList{
	width: 1000px;
	margin: 60px auto 0;
	padding-bottom: 30px;
	font-size: 0;
}
#products .productsList ul{
	font-size: 0;
}
#products .productsList ul li{
	display: inline-block;
	vertical-align: top;
	width: 300px;
	margin-right: 50px;
	margin-bottom: 50px;
}
#products .productsList ul li:nth-child(3n){
	margin-right: 0;
}
#products .productsList ul li p{
	font-size: 13px;
	line-height: 24px;
}
#products .productsList ul li p.name{
	font-size: 15px;
	line-height: 30px;
	font-weight: bold;
	margin-top: 10px;
}


/* recommend */
#recommend .recommend{
	margin-top: 80px;
}
#recommend .recommendList{
	width: 1000px;
	margin: 60px auto 0;
	padding-bottom: 90px;
}
#recommend .recommendList .recL{
	float: left;
}
#recommend .recommendList .recR{
	float: right;
}
#recommend .recommendList .box01{
	margin-bottom: 150px;
}
#recommend .recommendList .aveda_right{
	position: relative;
}
#recommend .recommendList .aveda_right .aveda_01{
	position: absolute;
    top: 0;
    right: 140px;
    width: 285px;
    z-index: -1;
}
#recommend .recommendList .aveda_right .aveda_02{
	position: absolute;
    top: 260px;
    left: -295px;
    width: 294px;
    z-index: 10;
}
#recommend .recommendList .aveda_right .aveda_01 img,.aveda_02 img{
	width: 100%;
}
#recommend .recommendList .marbb_left{
	position: relative;
}
#recommend .recommendList .marbb_right{
	width: 530px;
}
#recommend .recommendList .marbb_left .marbb_01{
	position: absolute;
    top: -265px;
    left: 0;
    width: 300px;
    z-index: -1;
}
#recommend .recommendList .marbb_left .marbb_02{
	position: absolute;
    top: 110px;
    right: 110px;
    width: 300px;
    z-index: 10;
}
#recommend .recommendList .marbb_left .marbb_01 img,.marbb_02 img{
	width: 100%;
}
#recommend .recommendList .box01 > ul li:nth-child(1),
#recommend .recommendList .box01 > ul li:nth-child(3){
	width: 530px;
}
#recommend .recommendList .recommendBox .h3txt{
	font-size: 13px;
	line-height: 23px;
}
#recommend .recommendList .recommendBox h3{
	font-size: 22px;
	line-height: 36px;
}
#recommend .recommendList .recommendBox h3 span{
	font-size: 13px;
    font-weight: 100;
    padding-left: 10px;
}
#recommend .recommendList .recommendBox h3::after{
	content: "";
	display: block;
	width: 130px;
	box-sizing: border-box;
	border: 1px solid #000;
	margin-top: 10px;
	margin-bottom: 15px;
}
#recommend .recommendList .recommendBox h3.marbb::after{
	content: "";
	display: block;
	width: 90px;
	box-sizing: border-box;
	border: 1px solid #000;
	margin-top: 10px;
	margin-bottom: 15px;
}
#recommend .recommendList .recommendBox p.rectxt{
	font-size: 14px;
	line-height: 30px;
}
#recommend .recommendList .recommendBox .ossm{
	font-size: 14px;
	line-height: 34px;
	box-sizing: border-box;
	padding: 20px 30px;
	margin: 15px 0 20px 0;
	background-image: url(../img/recommend/bg_gray.png);
}
#recommend .recommendList .recommendBox .ossm span.recommend_title{
	font-weight: bold;
    background-color: #fff;
    padding: 10px 25px;
    font-size: 15px;
    letter-spacing: 0.8px;
    display: inline-block;
    margin-bottom: 10px;
    line-height: 1;
}
#recommend .recommendList .recommendBox .ossm span.recommend_text{
	position: relative;
	padding-left: 22px;
}
#recommend .recommendList .recommendBox .ossm span.recommend_text::before{
	content: '';
    width: 17px;
    height: 1px;
    display: inline-block;
    background-color: #000;
    position: absolute;
    top: 50%;
    left: 0;
}
#recommend .recommendList .recommendBox .linkBtn{
	width: 230px;
	height: 50px;
	margin-top: 45px;
}
#recommend .recommendList .recommendBox .linkBtn a{
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 2px solid #000;
	font-size: 14px;
	line-height: 48px;
	color: #000;
	padding-right: 7px;
	position: relative;
}
#recommend .recommendList .recommendBox .linkBtn a::after{
	content: "";
	border-left: 7px solid #000;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	margin-left: 5px;
	position: absolute;
	top: 43%;
}
#recommend .recommendList .recommendBox ul.treatment{
	font-size: 0;
	margin-top: 30px;
}
#recommend .recommendList .recommendBox ul.treatment li{
	display: inline-block;
	width: 486px;
	box-sizing: border-box;
	padding: 25px 15px 30px;
	margin-top: 30px;
}
#recommend .recommendList .recommendBox ul.treatment li:nth-child(1){
	background: #f7f7f7;
	margin-right: 28px;
}
#recommend .recommendList .recommendBox ul.treatment li:nth-child(2){
	background: #ede3f3;
}
#recommend .recommendList .recommendBox ul.treatment li:nth-child(3){
	background: #fdfce4;
	margin-right: 28px;
}
#recommend .recommendList .recommendBox ul.treatment li:nth-child(4){
	background: #e3f2fa;
}
#recommend .recommendList .recommendBox ul.treatment li:nth-child(5){
	background: #fee4ef;
}
#recommend .recommendList .recommendBox ul.treatment li h4{
	padding-bottom: 10px;
	border-bottom: 1px dotted #4a4a4a;
}
#recommend .recommendList .recommendBox ul.treatment li h4 span.name{
	display: block;
	font-size: 15px;
	line-height: 25px;
	float: left;
}
#recommend .recommendList .recommendBox ul.treatment li h4 span.price{
	display: block;
	font-size: 14px;
	line-height: 26px;
	font-weight: normal;
	float: right;
}
#recommend .recommendList .recommendBox ul.treatment li p{
	font-size: 13px;
	line-height: 26px;
	margin-top: 15px;
}



/* menu*/
#menu{
	margin-top: 80px;
}
#menu .menuList{
	width: 1000px;
	margin: 60px auto 0;
	padding-bottom: 90px;
	overflow:hidden;
}

.menu_left{
	float: left;
}

.menu_right{
	float: right;
}

.menu_wrap{
	width: 472px;
	margin-bottom:70px;
	
}

#menu .menuList h3{
	width: 457px;
    border-bottom: 2px solid #000;
    padding-right: 8px;
    margin-bottom: 7px;
    font-weight: 600;
    font-size: 18px;
    padding-left: 7px;
	letter-spacing: 0.8px;
	padding-bottom: 6px;
	}
.menuList h3 .menu_other{
	display:inline-block;
	font-size: 12px;
	font-weight:normal;
	float:right;
	letter-spacing: 0;
}
.manu_detail li{
margin-top:17px;
font-size: 14px;
border-bottom: 1px solid #000;
width: 457px;
margin: 17px auto 0;
padding-bottom:11px;
padding-right: 8px;
padding-left: 8px;
}
.manu_detail li .menu_price{
	display:inline-block;
	float:right;
}

.menu_wrap .description{
display: block;
font-size: 12px;
color: #ac7e05;
line-height:20px;
margin-top:6px;
margin-bottom:5px;
}
.menu_text{
	font-size: 14px;
    border: 1px solid;
    padding: 10px;
    text-align: center;
}



@media screen and (max-width: 480px){	
	.memBG{
		width: 100%;
		padding: 0;
	}
	.memBG Ul{
		width: 90%;
		margin: 15px auto 0;
		padding-left: 0;
	}
	.instaTTL {
		width: 100%;
		margin-bottom: 10px;
	}
	.instagram{
		width: 100%;
	}
	.instagram-placeholder{margin:0 2% 10px; width:46%; float: left;}
	.instagram-placeholder img{ width:100%; height:auto;}
	.instagram{
		width: 96%;
		margin: 15px auto 0;
	}
		
/* top */
#index{
	padding: 10px 0 40px;
}
#index .mv{
	width: 100%;
	min-height: auto;
	margin-bottom: 90px;
}
#index .mv + p{
	font-size: 14px;
    line-height: 30px;
    margin-top: 10px;
}

#index .reserve,#concept .reserve{
	background-image: url("../img/top/bg_gray.jpg");
	max-width: 1100px;
	width: 96%;
	margin: 0px auto 70px;
	padding-bottom: 20px;
	position: relative;
}
#index .reserve h2,#concept .reserve h2{
	font-size: 26px;
	text-align: center;
	line-height: 1.4;
	position: absolute;
	top: -18px;
	left: 0;
	right: 0;
	margin: auto;
}
#index .reserve h2 span,#concept .reserve h2 span{ 
	font-size: 15px;
	display: block;
	font-weight: normal;
}
#index .reserve ul,#concept .reserve ul {
	display: block;
	width:100%;
	justify-content: space-between;
	margin:0 auto;
	padding-top: 85px;
}

#index .reserve ul li.tel a,#concept .reserve ul li.tel a{
	display: block;
    color: #000;
    font-size: 20px;
    letter-spacing: 0.1em;
    line-height: 70px;
    width: 80%;
    margin: 0 auto 20px;
    height: 70px;
    text-align: center;
    padding-left: 28px;
    background: #FFF url(../commons/img/ico_tel.png)no-repeat left 43px top 22px / 25px auto;
    box-sizing: border-box;
}

#index .reserve ul li.web a,#concept .reserve ul li.web a{
	display: block;
    color: #000;
    font-size: 20px;
    letter-spacing: 0.1em;
    line-height: 70px;
    width: 80%;
	margin: 0 auto 20px;
    height: 70px;
    text-align: center;
    padding-left: 42px;
    background: #fff url(../commons/img/ico_web.png)no-repeat left 43px top 22px / 25px auto;
    box-sizing: border-box;
}


#index .top_concept{
	margin: 0 auto;
    position: relative;
    margin-bottom: 100px;
	

}
#index .top_concept::after{
	content: "";
    display: inline-block;
    width: 50%;
    height: 310px;
    background-color: #f6f6f6;
    background-repeat: repeat;
    position: absolute;
    bottom: -45px;
    right: 0;
    z-index: -1;
}
#index .top_concept h2,#index .top_contents h2{
    font-size: 20px;
    line-height: 30px;
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    margin-right: 5%;
}
#index .top_concept h2::before,#index .top_contents h2::before{
	border-top: 1px solid;
	content: "";
	flex-grow: 1;
	margin-right: 20px;	
}
#index .more a{
	width: 180px;
}
#index .more a img{
	width: 180px;
}
#index .more {
    text-align: right;
	}
#index .top_concept_box{
	max-width: 1150px;
	justify-content: space-between;
	display: block;
	width: 94%;
    margin: 0 auto 40px;
}
#index .top_concept_left p{
    font-size: 14px;
    line-height: 2;
    margin-bottom: 40px;
}
#index .top_concept_right{
	max-width: 80%;
    margin-top: 40px;
}
#index .top_concept_right img{
	max-width: 100%;
}
#index .top_contents{
	margin: 0px auto 70px;
}
#index .top_contents ul{
	
	    font-size: 0;
    margin: auto;
    width: 100%;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
}
#index .top_contents ul li{
	width: 50%;
	height: 45%;	
}
#index .top_contents ul li a{
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 109px 0
}
#index .top_contents ul li:nth-child(1) a{
	background: url(../img/top/img_contents05.png);
}
#index .top_contents ul li:nth-child(2) a{
	background: url(../img/top/img_contents02.png)
}
#index .top_contents ul li:nth-child(3) a{
	background: url(../img/top/img_contents01.png)
}
#index .top_contents ul li:nth-child(4) a{
	background: url(../img/top/img_contents04.png)
}
#index .top_contents ul li p{
	font-family: 'Lato', sans-serif;
	font-size: 17px;
	line-height: 100%;
	color: #fff;
	letter-spacing: 3px;
}
#index .top_access h2{
	margin-bottom: 40px;
	font-size: 20px;
	
} 
#index .top_access .top_map{
	max-width: 1100px;
    width: 100%;
    height: 300px;
    margin: 0 auto 20px;
}
	#index .top_access .top_map iframe{
		width: 100%;
		height: 300px;
	}
#index .top_access .top_access_info{
	max-width: 1000px;
	width: 94%;
	margin: 0 auto 40px;
	justify-content: space-between;
	display: block;
}
#index .top_access .top_access_info .info_title{
	width: 100px;
}
#index .top_access .top_access_info h3{
	font-size: 18px;
	margin-bottom: 20px;
}
#index .top_access .top_access_info p{
	font-size: 13px;
}
#index .top_access .top_access_info .top_info_box{
	margin-bottom: 10px;
}
#index .top_access .top_access_info .top_info_box2{
		margin-bottom: 40px;
	}
#index .top_access .more{
	margin: auto;
}
#index .top_concept_left{
	padding-left: 0px;
}
	
	
/* 下層共通 */
#index .top_concept h2,#index .top_contents h2,#concept .concept h2,#concept .info h2,#menu .menu h2,#staff .staff h2,#products .products h2,#gallery .gallery h2,#recommend .recommend h2{
    font-size: 20px;
    line-height: 30px;
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    margin-right: 5%;
}
#index .top_concept h2::before,#index .top_contents h2::before,#concept .concept h2::before,#concept .info h2::before,#menu .menu h2::before,#staff .staff h2::before,#products .products h2::before,#gallery .gallery h2::before,#recommend .recommend h2::before{
	border-top: 1px solid;
	content: "";
	flex-grow: 1;
	margin-right: 20px;	
}

/* #concept .concept h2,#concept .info h2{
	font-size: 26px;
    line-height: 30px;
    margin-top: 40px;
    margin-bottom: 70px;
    display: flex;
    align-items: center;
    margin-right: 70%;
}
#concept .concept h2::before,#concept .info h2::before{
	border-top: 1px solid;
	content: "";
	flex-grow: 1;
	margin-right: 20px;	
} */
/* concept */
#concept .concept{
    margin: 80px auto 60px;
    position: relative;
}
#concept .concept_box {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: auto;
    justify-content: space-between;
}
#concept .concept_box .concept_left{
	width: 93%;
    margin: 0 auto 20px;
}
#concept .concept_box .concept_left p{
	font-size: 14px;
	line-height: 2;
}
#concept .concept_box .concept_right{
	width:70%; 
	margin: auto;
}
#concept .concept_box .concept_right img{
	width:100%; 
}
#concept .concept_imageBox{
	position: relative;
	max-width: 1000px;
	width: 100%;
	margin: auto;
	height: 510px;
}
#concept .concept_imageBox .concept_image_01{
	position:absolute;
	top: 10%;
	left: 0;
	width: 50%;
}
#concept .concept_imageBox .concept_image_01 img{
	width: 100%;
}
#concept .concept_imageBox .concept_image_02{
	position: absolute;
    top: 60%;
    left: 14%;
    width: 40%;
}
#concept .concept_imageBox .concept_image_02 img{
	width: 100%;
}
#concept .concept_imageBox .concept_image_03{
	position: absolute;
    top: 30%;
    right: 0;
    width: 40%;
}
#concept .concept_imageBox .concept_image_03 img{
	width: 100%;
}
.info .infoBox{
	width: 94%;
    margin: 0px auto 40px;
    justify-content: space-between;
    display: block;
}
.info .infoBox .infoTxt{
	font-size: 14px;
	line-height: 30px;
}

.info .infoBox iframe.info_gmap {
    opacity: 0.8;
    filter: grayscale(50%);
    -webkit-filter: grayscale(50%);
	width: 100%;
}
	/* gallery */
	#gallery{
		margin-top: 80px;
	}
	#gallery .gallery_coming{
		height: 200px;
	}
	#gallery .gallery_coming p{
		margin-top: 150px;
	}
	
	
	/* staff */

	#staff .staffList{
		width: 94%;
		margin: 30px auto 0;
		padding-bottom: 20px;
		font-size: 0;
	}
	#staff .staffList ul li{
		display: block;
		vertical-align: top;
		width: 241px;
		padding: 0 20px;
		margin: 0 auto 40px;
	}
	#staff .staffList ul li:nth-child(3n){
		margin-right: auto;
	}
	#staff .staffList ul li p {
		font-size: 13px;
		line-height: 20px;
	}


	/* products */
	
	#products .productsList{
		width: 94%;
		margin: 30px auto 0;
		padding-bottom: 20px;
		font-size: 0;
	}
	#products .productsList ul{
		font-size: 0;
	}
	#products .productsList ul li{
		display: block;
		vertical-align: top;
		width: 300px;
		margin: 0 auto 30px;
	}
	#products .productsList ul li:nth-child(3n){
		margin-right: auto;
	}
	#products .productsList ul li p{
		font-size: 13px;
		line-height: 24px;
	}
	#products .productsList ul li p.name{
		font-size: 15px;
		line-height: 30px;
		font-weight: bold;
		margin-top: 10px;
	}

	
	/* recommend */
	
	#recommend .recommendList{
		width: 94%;
		margin: 30px auto 0;
		padding-bottom: 0px;
	}
	#recommend .recommendList .recL{
		float: left;
	}
	#recommend .recommendList .recR{
		float: right;
	}
	#recommend .recommendList .box01{
		margin-bottom: 50px;
		height: 1000px;
	}
	#recommend .recommendList .box01 > ul li:nth-child(1),
	#recommend .recommendList .box01 > ul li:nth-child(3){
		width: 100%;
	}
	#recommend .recommendList .box01 > ul li:nth-child(2){
		margin-top: 640px;
	}
	#recommend .recommendList .box01 > ul li img{
		width: 100%;
		height: auto;
	}
	#recommend .recommendList .recommendBox .h3txt{
		font-size: 13px;
		line-height: 23px;
	}
	#recommend .recommendList .recommendBox h3{
		font-size: 20px;
		line-height: 36px;
	}
	#recommend .recommendList .recommendBox h3::after{
		content: "";
		display: block;
		width: 130px;
		box-sizing: border-box;
		border: 1px solid #000;
		margin-top: 10px;
		margin-bottom: 15px;
	}
	#recommend .recommendList .recommendBox p.rectxt{
		font-size: 13px;
		line-height: 26px;
	}
	#recommend .recommendList .recommendBox .ossm{
		font-size: 13px;
		line-height: 28px;
		box-sizing: border-box;
		padding: 15px 3%;
		margin: 15px 0 20px 0;
	}
	#recommend .recommendList .recommendBox .ossm span.recommend_title {
		font-weight: bold;
		background-color: #fff;
		padding: 7px 18px;
		font-size: 14px;
		letter-spacing: 0.8px;
		display: inline-block;
		margin-bottom: 10px;
		line-height: 1;
	}
	#recommend .recommendList .aveda_right .aveda_01 {
		position: absolute;
		top: -40px;
		right: 130px;
		width: 205px;
		z-index: -1;
	}
	#recommend .recommendList .aveda_right .aveda_02 {
	position: absolute;
    top: 150px;
    left: -230px;
    width: 214px;
    z-index: 10;
	}
	#recommend .recommendList .marbb_right {
		width: 100%;
	}
	#recommend .recommendList .marbb_left .marbb_01 {
		position: absolute;
		top: 205px;
		left: 0;
		width: 210px;
		z-index: -1;
	}
	#recommend .recommendList .marbb_left .marbb_02 {
		position: absolute;
		top: 460px;
		right: 5px;
		width: 230px;
		z-index: 10;
	}
	#recommend .recommendList .recommendBox .linkBtn{
		width: 230px;
		height: 50px;
		margin-top: 15px;
	}
	
	
	
	
	/* menu */

	#menu .menuList{
		width: 94%;
		margin: 30px auto 0;
		padding-bottom: 50px;
		box-sizing: border-box;
	}
	
	.menu_right{
		float:none;
	}
	.menu_left{
		float:none;
	}
	
#menu	.menu_wrap{
	width: 100%;
	margin-bottom:50px;
	
}

#menu .menuList h3{
		width: 100%;
		box-sizing: border-box;
		font-size: 16px;
		
	}
.menuList h3 .menu_other{
	font-size:11px;
}
#menu .manu_detail li{
	box-sizing: border-box;
width: 100%;
}

#menu .headspa{
	font-size: 13px;
	margin-top:10px;
}


	
	
	
	
	
	

}