@charset "UTF-8";

/* CSS Document */

body{
font-family: 'Noto Sans Japanese', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #231815;
padding-top:145px;
-webkit-font-smoothing: antialiased;
}

.navbar-fixed-top{
z-index:888;
}


@media (max-width: 767px) {
body{
padding-top:78px;
}
.container{
max-width:400px;
 padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
}

h1{
color:#fff;
font-size:12px;
position:absolute;
bottom:50px;
width:100%;
text-align:center;
line-height:18px;
}

.h1-wrap{
position:relative;
}

h2{
font-family: 'Libre Baskerville', serif;
font-style: italic;
text-align:center;
color:#463830;
margin:0px;
}

p{
color:#654d46;
line-height:28px;
}

ul{
margin:0px;
padding:0px;
}

hr.h2-hr{
border-top:3px solid #6da875;
width:50px;
margin:15px auto 40px;
}

.fa-lg{
position:relative;
bottom:2px;
}

a:hover{
text-decoration:none;
}

a { outline: none; }

@media (max-width: 767px) {
h2{
font-size:26px;
}

hr.h2-hr{
width:30px;
margin:10px auto 25px;
}

p{
line-height:24px;
font-size:13px;
}
}

@media (min-width: 768px) {
br.hidden-sm{
display:none;
}

.sm-no-pd{
padding:0px;
}
}

.mg-b25{
	margin-bottom:25px;
}

.no-pd{
	padding:0px;
}

nav.navbar-default .no-pd{
	padding:0px;
}

.tel{
	font-family: 'Libre Baskerville', serif;
	font-style: italic;
	font-size:25px;
	color:#a98568;
}

.tel i{
	color:#a98568;
}

#footer .tel a{
	color:#fff;
}



.sns span{
	display:inline-block;
	width:40px;
	height:40px;
	border-radius:50%;
	background:#3A483F;
	text-align:center;
	color:#fcf8ed;
	line-height:38px;
	font-size:12px;
}

.sns span i{
	font-size:23px;
position:relative;
top:4px;
}

.reserve{
	font-size:22px;
	text-align:center;
	line-height:20px;
}

a .reserve{
	color: #231815;
}

.reserve span{
	font-size:12px;
	border-bottom:2px solid #6da875;
	padding-bottom:2px;
	
}

@media (max-width: 767px) {
h1{
bottom:43px;
font-size:11px;
}

.sns span{
	width:35px;
	height:35px;
	line-height:33px;
	font-size:10px;
}

.sns span i{
	font-size:20px;
}

}


/* ボタン */


.btn-hp{
width:200px;
background:#263332;
color:#dfc4a3;
font-weight:bold;
font-size:13px;
height:38px;
line-height:38px;
padding:0px;
font-family: 'Noto Sans Japanese', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.btn-main{
width:280px;
background:url(img/button.png);
color:#fff;
font-size:18px;
height:45px;
line-height:45px;
padding:0px;
font-family: "ryo-display-plusn",sans-serif;
letter-spacing:-1px;
font-weight:bold;
}

.btn-hp:hover{
  color:#bfb2a2;
  text-decoration: none;
}

.btn-main:hover{
  color:#fff;
  text-decoration: none;
}

.btn-main:active,
.btn.active {
  background:url(img/button.png);
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

@media (max-width: 767px) {
.btn-main{
width:250px;
font-size:16px;
height:40px;
line-height:40px;
}
}

/* nav */


nav.navbar-default{
	background:url(img/menu.png);
	padding-top:25px;
	border-color:transparent;
	height:145px;
	overflow:hidden;
	}

nav.navbar-default .tel-info{
	font-size:13px;
	text-align:right;
}

nav.navbar-default .sns a{
	margin:5px;
}


nav.navbar-default .navbar-nav>li>a{
	color: #694d3d;
	padding:0px;
	margin:0px 25px;
	font-family: 'Libre Baskerville', serif;
	font-weight: 400;
	font-size:98%;
}

nav.navbar-default .navbar-nav>li.coupon>a{
	background:url(img/button.png);
	color: #fcf8ed;
	display:inline-block;
	width:120px;
	text-align:center;
	height:28px;
	position:relative;
	bottom:2px;
	line-height:28px;
	border-radius:3px;
	font-family: 'Noto Sans Japanese', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	font-weight:600;
	margin:0px 25px 0px 25px;
}

nav.navbar-default .navbar-nav>li>a:hover,
nav.navbar-default .navbar-nav>li>a:focus {
 color: #555;
}

nav.navbar-default .navbar-nav>li.coupon>a:hover,
nav.navbar-default .navbar-nav>li>a:focus {
 color: #eee;
}

nav.navbar-default .navbar-nav>.active>a{
	background-color:transparent;
	border-bottom:2px solid #ceb8a6;
	color: #694d3d;
}

nav.navbar-default .navbar-nav>.active>a:hover{
	background-color:transparent;
}

.navbar-brand{
padding-top:3px;
}

.navbar-brand img{
	max-width:155px;
}

.xs-coupon{
background:url(img/button.png);
height:25px;
line-height:25px;
color:#fff;
font-size:12px;
font-weight:bold;
}

.xs-tel{
float:right;
font-size:9px;
line-height:8px;
}

.xs-tel a{
color: #564439;
}

.xs-web{
float:right;
font-size:8px;
width:35px;
margin-left:10px;
color:#5d9a65;
}

.xs-web a{
color:#5d9a65;
}

.xs-web img{
display:block;
margin-top:-1px;
margin-bottom:2px;
}

.xs-tel i{
font-size:26px;
}

.navbar-toggle{
background-color:#564439;
border:0px;
border-radius:0px;
padding:7px 6px 9px;
margin:0px 15px;
font-size:10px;
color:#483517;
}


.navbar-default .navbar-toggle .icon-bar{
background-color:#f5f0e4;
border-radius:0px
}

.navbar-toggle .icon-bar:nth-of-type(1) {
	  top: 0px;
}

.navbar-toggle .icon-bar:nth-of-type(2) {
	  top: 1px;
}

.navbar-toggle .icon-bar:nth-of-type(3) {
  	top: 2px;
}

.navbar-toggle .icon-bar {
	  position: relative;
	  height:2px;
width:21px;
border-radius:1px;
}

.navbar-toggle.active .icon-bar:nth-of-type(1) {
	  top: 7px;
	  transform: rotate(45deg);
	  -webkit-transform: rotate(45deg);
	  -moz-transform:rotate(45deg);
}

.navbar-toggle.active .icon-bar:nth-of-type(2) {
	  background-color: transparent;
}

.navbar-toggle.active .icon-bar:nth-of-type(3) {
	  top: -5px;
	  transform: rotate(-45deg);
	  -webkit-transform: rotate(-45deg);
	  -moz-transform:rotate(-45deg);
}


.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color:#564439;
}



#menu a h3 i.fa-angle-double-down{
color:#333;
font-size:60%;
position:relative;
top:-8px;
}

#menu a h3.down i.fa-angle-double-down{
display:none;
}

@media (max-width: 767px) {

.navbar-default  .sns{
margin:0px 0px 20px;
text-align:center;
}


nav.navbar-default .container{
max-width:100%;
}

	nav.navbar-default{
	background:url(img/menu.png);
	padding-top:10px;
	height:auto;
	}
	
nav.navbar-default .navbar-nav>li{
	margin:18px 0px;
	text-align:center;
}

nav.navbar-default .navbar-nav>li>a{
	margin:0px;
}

nav.navbar-default .navbar-nav>.active>a{
	border-bottom:0px solid #dabcb0;
}


	.navbar-brand{
	padding-top:0px;
	height: 43px;

}
	.navbar-brand img{
	max-width:63px;
}
}



/* header-slide */

.header-slide {
	display: none;
}

.a-slide{
height:650px!important;
}

.slide1 {
background:url(img/slide1.jpg) no-repeat center;
background-size:cover;
}

.slide2 {
background:url(img/slide2.jpg) no-repeat center;
background-size:cover;
}

.slide3 {
background:url(img/slide3.jpg) no-repeat center;
background-size:cover;
}

@media (max-width: 767px) {

.a-slide{
height:260px!important;
}

.slide3 {
background:url(img/slide3.jpg) no-repeat center right;
background-size:cover;
}

}

/* title-img */

.img-title h2{
line-height:280px;
text-align:center;
font-size:40px;
color:#fff;
font-family: 'Libre Baskerville', serif;
font-style: italic;
position: relative;
z-index:999;
}



.img-title{
height:280px;
position: relative;
z-index:777;
}

.title1 {
background:url(img/title1.jpg) no-repeat center;
background-size:cover;
}

.title2 {
background:url(img/title2.jpg) no-repeat center;
background-size:cover;
}

.title3 {
background:url(img/title3.jpg) no-repeat center;
background-size:cover;
}

.title6 {
background:url(img/title6.jpg) no-repeat center;
background-size:cover;
}

.title7 {
background:url(img/title7.jpg) no-repeat center;
background-size:cover;
}

.img-title:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(199, 179,171, 0.3); /* カラーを重ねる */
}


@media (min-width: 1200px) {
.img-title{
width: 100%;
}
}

@media (max-width: 1199px) {
.img-title{
width: 1198px;
}
}

@media (max-width: 767px) {
.img-title{
width: 100%;
height:120px;
}
.img-title h2{
line-height:120px;
font-size:30px;
}
}


/* concept */
#concept{
padding:60px 0px 75px;

}

#concept .concept-title{
font-size:27px;
margin-bottom:20px;
margin-left:-15px;
margin-top:40px;
font-family: "ryo-display-plusn",serif;
letter-spacing:-1px;
}

#concept .concept-waku{
position:relative;

}

#concept .concept-img{
position:absolute;
max-width:430px;
bottom:-75px;
left:-30px;
}

#concept .concept-est{
background:url(img/concept2.png);
background-size:cover;
height:270px;
margin-top:30px;
position:relative;
}

#concept .concept-nail{
background:url(img/concept3.png);
background-size:cover;
height:270px;
margin-top:30px;
position:relative;
}

#concept .con-title{
position:absolute;
top:15px;
left:20px;
font-family: 'Libre Baskerville', serif;
font-style: italic;
font-size:34px;
color:rgba(132,158,149,0.8);
}

#concept .con-title2{
position:absolute;
top:15px;
left:20px;
font-family: 'Libre Baskerville', serif;
font-style: italic;
font-size:33px;
color:rgba(132,158,149,0.8);
}

#concept .con-title span,#concept .con-title2 span{
font-family: "ryo-display-plusn",serif;
margin:0px 10px 0px 3px;
}

#concept .con-link{
position:absolute;
bottom:10px;
right:20px;
font-size:13px;
float:right;
color: #7c6558;
}


@media (max-width: 767px) {

#concept{
padding:40px 0px 60px;
}

#concept p{
padding-bottom:10px;
line-height:2em;
text-shadow: 1px 1px 2px #fff;  
}


#concept .concept-img{
width:165px;
top:-25px;
bottom:auto;
right:0px;
left:auto;
z-index:-1;
}

#concept h2,#concept hr{
display:none;
}

#concept .concept-title{
font-size:20px;
margin-bottom:20px;
margin-top:0px;
margin-left:0px;
line-height:33px;
text-shadow: 1px 1px 2px #fff;  
}

#concept .concept-est{
background:url(img/s-concept2.png);
background-size:cover;
height:110px;
margin-top:30px;
}

#concept .concept-nail{
background:url(img/s-concept3.png);
height:110px;
margin-top:20px;
background-size:cover;
}

#concept .con-title{
position:absolute;
bottom:auto;
top:20px;
left:auto;
right:20px;
font-size:25px;
}

#concept .con-title2{
position:absolute;
bottom:auto;
top:20px;
left:auto;
right:20px;
font-size:25px;
}
}

/* topics */
#topics{
background:#dee3df;
padding:80px 0px 40px;
}

.blog ul li{
list-style:none;
height:30px;
overflow:hidden;
margin-bottom:10px;
color:#666;
}

.blog ul li a{
font-weight:bold;
line-height:28px;
color:#76553a;
padding-right:13px;
}

.blog ul li br{
display:none;
}


#topics ul{
overflow:hidden;
margin-bottom:35px;

}

#topics-ins ul li{
list-style:none;
float:left;
width:150px;
height:140px;
overflow:hidden;
}

#topics-ins-xs ul li{
list-style:none;
float:left;
width:25%;
height:85px;
overflow:hidden;
}

#topics-ins ul li a img:hover,#topics-ins-xs ul li a img:hover{
opacity:0.7;
}

#topics-ins ul li img,#topics-ins-xs ul li img{
display:block;
width:95%;
margin:0 auto;
}

@media (max-width: 767px) {
#topics{
padding:50px 0px 10px;
}

.blog ul li{
list-style:none;
height:26px;
padding-bottom:10px;
font-size:12px;
border-bottom:1px dotted #eee;
}

.blog ul li a{
line-height:23px;
}
}



/* Style */
#style{
background:#fcf9f0;
padding:90px 0px 90px;
}


.style-slide div img{
width:95%;
margin:0 auto;
display:block;
}

.style-slide .slick-slide:not(.slick-center) {
  opacity: 0.6; 
  transition: 0.5s linear;
 -webkit-filter: grayscale(80%);
    -moz-filter: grayscale(80%);
    -o-filter: grayscale(80%);
    -ms-filter: grayscale(80%);
    filter: grayscale(80%);

}



#style {
width: 100%;
}

#style .btn-main{
margin-top:90px;
}


@media (min-width: 1200px) {
#style{
width: 100%;
}
}

@media (max-width: 1199px) {
#style{
width: 1198px;
}
}

@media (max-width: 767px) {
#style{
width: 100%;
padding:50px 0px 50px;
}

#style .btn-main{
margin-top:55px;
}

}


/* staff */

#staff{
padding:90px 0px 90px;
}

#staff img{
margin:30px 0px 50px;
display:block;
}

@media (max-width: 767px) {
#staff{
padding:50px 0px 60px;
}

#staff p br{
display:none;
}

#staff img{
margin:15px 0px 30px;
}
}

/* access */

#access .map-right,#access .map{
background:#dee3df;
text-align: center;
height:480px;
}

#access h3{
margin-top:65px;
color:#849e95;
margin-bottom:25px;
}

#access .container{
width:100%;
}


#access .salon-img img{
width:338px;
margin:30px auto;
}


@media (min-width: 1200px) {
#access .container{
width: 100%;
}
}


@media (max-width: 1199px) {
#access .container{
width:1198px;
}
}


@media (max-width: 767px) {

#access .map-right{
height:auto;
}

#access .salon-img img{
width:250px;
margin:20px auto 40px;
}

#access h3{
margin-top:35px;
margin-bottom:15px;
}

#access .map{
height:180px;
}

#access .container{
max-width:100%;
}
}

/* may */

#may .container{
width:1198px;
}

#may{
padding:70px 0px 65px;
background:#fcf9f0;
}

#may p{
color:#555;
margin-top:10px;
}

#may .may-img{
overflow:hidden;
}

#may .may-img div{
float:right;
margin:0px 7px;
width:30%;
}

#may .may-img img{

 -webkit-filter: grayscale(80%);
    -moz-filter: grayscale(80%);
    -o-filter: grayscale(80%);
    -ms-filter: grayscale(80%);
    filter: grayscale(80%);
}

#may .may-img img:hover{
 -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
}

#may .may-text img{
width:180px;
}

@media (max-width: 767px) {
#may{
padding:30px 0px 35px;
}

#may .may-text img{
width:150px;
}

#may .may-text{
margin-bottom:15px;
}

#may .container{
max-width:100%;
text-align:center;
}

#may .may-img div{
float:right;
margin:0px 3px;
width:31.5%;
}
}

/* footer */

#footer{
background:#3b4d4b;
padding-top:40px;
padding-bottom:25px;
color:#d2e4eb;
margin:0px;
}

#footer p{
line-height:30px;
margin-bottom:20px;
color:#fcf9f0;
}

#footer .footer-logo img{
width:120px;
}

#footer .tel i{
color:#fcf9f0;
}

#footer .tel{
margin:20px 0px;
color:#fcf9f0;
}

#footer .sns a{
color:#fff;
margin:0px 40px;
}

#footer .sns{
margin:30px 0px 25px;
}

#footer .sns span{
background:#dfbd93;
color:#344947;
margin-right:10px;
}

#footer hr{
height:1px;
background:#445957;
border-color:#293837;
}

#footer .copy{
color:#192423;
font-size:12px;
padding-top:45px;
}

@media (max-width: 767px) {
#footer .sns a{
margin:0px 10px;
}

#footer .footer-logo img{
width:80px;
}

}

/* page */

#page{
padding:120px 0px;
}

#page2{
padding:80px 0px;
}


@media (max-width: 767px) {
#page{
padding:30px 0px 60px;
}

#page2{
padding:30px 0px 30px;
}

}




/* page style */

.page-style.container{
max-width:1080px;
}

.page-style ul li{
list-style:none;
float:left;
width:33%;
margin-bottom:40px;
}

.page-style ul li span{
background:#d4ad8b;
display:block;
width:90%;
margin:0 auto;
}

.page-style ul li a img:hover{
opacity:0.7;
}

.page-style ul li img{
display:block;
width:100%;
box-shadow:3px 3px 5px #e7e6e6;
}

@media (max-width: 767px) {
.page-style ul li{
width:50%;
margin-bottom:20px;
}

.page-style .btn-main{
margin-top:10px;
}
}

/* page staff */

.page-staff .sub-name{
color:#76553a;;
font-family: "ryo-display-plusn",serif;
letter-spacing:-1px;

}


.page-staff .name{
font-size:23px;
letter-spacing:4px;
margin:30px 0px 20px;
font-family: "ryo-display-plusn",serif;
}

.page-staff p{
color:#5e5a59;
}

.staff-mg{
margin-top:70px;
padding-left:35px;
}

.staff-mg2{
margin-top:85px;
}

@media (max-width: 767px) {

.page-staff{
margin-top:10px;
}
.page-staff img{
max-width:200px;
margin:0 auto;
}
.staff-mg{
margin-top:20px;
padding-left:25px;
padding-right:25px;
text-align:center;
}

.page-staff .name{
margin:10px 0px;
font-size:18px;
}


.page-staff .sub-name{
font-size:12px;
}

.page-staff p br{
display:none;
}

.page-staff p {
font-size:12px;
}

.staff-mg2{
margin-top:35px;
}
}

/* page menu */
.recruit table{
width:100%;
}

.rec-waku{
max-width:680px;
margin:0 auto;
}

.rec-waku p{
line-height:28px;
margin-bottom:20px;
}

.rec-waku mark i{
font-size:12px;
}

.rec-waku p.p-top{
padding-top:10px;
}

.rec-waku h3{
font-size:20px;
margin-bottom:20px;
margin-top:0px;
}

.rec-com{
margin-bottom:80px;
margin-top:60px;
font-size:13px;
}

.rec-com h4{
border-bottom:2px solid #ddd;
margin:0px 0px 8px 0px;
padding-bottom:6px;
font-size:17px;
}



.rec-com .row{
margin-bottom:60px;
}

.rec-com-waku p{
color: #231815;
line-height:25px;
}


.rec-table table{
width:100%;
font-size:13px;
line-height:23px;
margin-bottom:50px;
}


.rec-table table th{
border-bottom:1px dotted #ddd;
padding:12px;
color:#999;
}

.rec-table table td{
border-bottom:1px dotted #ddd;
padding:12px;
color: #333;
}

.recruit .last{
background:#f0e6d9;
padding:20px 0px;
}

.recruit .last .tel{
margin-top:10px;
color:#231815;
}

.recruit .last small{
font-family: 'Noto Sans Japanese', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:15px;
font-style:normal;
}

.recruit .last .tel a{
	color: #231815;
}

@media (max-width: 767px) {
.rec-waku h3{
font-size:17px;
margin-bottom:10px;
line-height:26px;
}


.rec-waku p{
line-height:23px;
margin-bottom:15px;
}

.rec-com{
margin-bottom:40px;
margin-top:40px;
font-size:12px;
}

.rec-com img{
max-width:280px;
margin:0 auto;
}

.rec-com h4{
margin:25px 0px 8px 0px;
padding-bottom:6px;
font-size:15px;
}

.rec-com .row{
margin-bottom:20px;
}

.rec-table table th{
display:block;
padding:8px 0px 0px 0px;
border-bottom:0px solid #ddd;
}

.rec-table table td{
display:block;
padding:3px 0px 8px 0px;
border-bottom:1px solid #ddd;
}

.rec-table table{
margin-bottom:30px;
}

.recruit .last small{
display:block;
}
}


/* page menu */
.page-menu table{
width:100%;
}

.page-menu table th{
text-align:center;
font-size:13px;
font-family: "ryo-display-plusn",serif;
color: #414d0a;
}

.page-menu table th span{
font-family: 'Libre Baskerville', serif;
font-size:33px;
font-style: italic;
font-weight:normal;
color: #2b3307;
}

.page-menu table th hr{
border-bottom:1px solid #414d0a;
margin:0px 0px 5px;
}

.page-menu table td{
border-bottom:1px dashed #d4d4d4;
padding-top:12px;
padding-bottom:12px;
padding-left:15px;
font-size:15px;
}

.page-menu table td.rental{
border-bottom:0px dashed #d4d4d4;
padding-left:0px;
}

.page-menu table td.rental div{
background:#f1f3e0;
padding:15px 10px;
text-align:center;
font-size:13px;
}

.page-menu table td small{
margin-left:5px;
color:#555;
}

.page-menu table td.price{
text-align:right;
padding-right:15px;
font-family: 'Libre Baskerville', serif;
font-style: italic;
letter-spacing:1px;
}

.page-menu table td.price span{
font-family: 'Noto Sans Japanese', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-style: normal;
font-size:13px;
margin-right:-10px;
}

.page-menu table td.price-line{
line-height:30px;
}


.page-menu .staff-md{
margin-top:70px;
}

@media (max-width: 767px) {
.page-menu table th{
padding-bottom:10px;
}

.page-menu table th span{
font-size:25px;
}

.page-menu table td{
padding-top:9px;
padding-bottom:9px;
padding-left:5px;
font-size:13px;
}

.page-menu table td small{
display:block;
margin-left:-5px;
}

.page-menu .staff-md{
margin-top:40px;
}

.page-menu table td.price{
padding-right:5px;
}

.page-menu table td.price span{
font-size:12px;
}
}

/* page info */

.page-info p{
line-height:35px;
}

.page-info p img{
width:280px;
margin:15px 5px;
}


.page-info strong{
color:#333;
display:block;
}

.page-info .info-mg{
margin-top:25px;
}

.page-info .tel{
margin-top:40px;
margin-bottom:20px;
}

.page-info .map{
height:380px;
width:860px;
margin:70px auto 0px;
}

.page-info .tel{
color: #231815;
}

#info-slide{
background:#f2f1ef;
padding:80px 0px;
}

#info-slide .container{
width:1080px;
} 
.salon-slide img{
width:96%;
margin: 0 auto;
}

.page-info .tel a{
	color: #231815;
}

.page-info .btn-main{
font-family: 'Noto Sans Japanese', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:600;
font-size:15px;
letter-spacing:0px;
}

@media (max-width: 767px) {

.page-info p img{
width:250px;
margin:15px 5px 0px;
}


.page-info p{
line-height:28px;
}
.page-info .tel{
margin-top:25px;
}

.page-info .map{
width:100%;
margin:40px auto 0px;
}

#info-slide .container{
width:100%;
padding-right:0px;
padding-left:0px;
} 

#info-slide{
padding:30px 0px;
}
}


/* page est */

#kimono{
  margin-top : -80px;
  padding-top : 80px;
}

.est-title-waku{
z-index:999;
top:70px;
left:20px;
position: absolute;
}



.est-posi{
z-index:777;
position: relative;
}

.est-posi h2{
text-align:left;
font-size:38px;
color:#bfc287;
font-family: 'Libre Baskerville', serif;
font-style: italic;
}

.est-posi p{
font-family: "ryo-display-plusn",serif;
}

.est-posi h2 span{
font-family: "ryo-display-plusn",serif;
padding:0 10px 0px 3px;
}

.est-posi .est-title-waku3 h2{
text-align:right;
}

.est-posi p{
font-weight:bold;
font-size:13px;
line-height:35px;
}

.est-title{
height:460px;
}


.page-est table{
border:1px solid #ebeaea;
width:100%;

}

.page-est table.table-mg{
margin-bottom:50px;
}

.page-est table.table-mg-text{
margin-bottom:20px;
}

.page-est table th{
background:#e8f2f6;
vertical-align:middle;
width:32%;
font-family: "ryo-display-plusn",serif;
text-align:center;
font-weight:normal;
border-right:1px solid #ebeaea;
}

.page-est table th strong{
color:#86adbc;
margin-top:10px;
font-size:13px;
}

.page-est table th span{
display:block;
font-size:28px;
color:#3b3330;
font-family: 'Libre Baskerville', serif;
font-style: italic;
border-right:1px solid #ebeaea;
}

.page-est table td{
border-bottom:0px solid #ebeaea;
}

.page-est hr{
margin:25px 0px;
border-style:dotted;
border-color:#ddd;
}

.page-est table td hr.set{
margin:25px 0px 0px;
}

.page-est table td .add{
background:#f5f5f7;
display:inline-block;
padding:0px 20px;
margin-top:10px;
font-size:14px;
height:28px;
line-height:28px;
}

.page-est table td .add strong{
margin-right:8px;
}

.page-est table td .add span{
color:#5f8fa1;
font-size:18px!important;
margin-left:0px!important;
}


.page-est table td .add2{
background:#f5f5f7;
display:inline-block;
padding:0px 20px;
margin-top:15px;
margin-bottom:10px;
font-size:14px;
height:28px;
line-height:28px;
}



.page-est table td.text{
font-family: "ryo-display-plusn",serif;
font-size:13px;
line-height:26px;
color:#000;
padding:25px 80px 0px;
text-align:center;
}

.page-est table td .foot{
font-family: "ryo-display-plusn",serif;
font-size:13px;
color:#000;
}

.page-est table td.est-price{
font-size:15px;
text-align:center;
padding:0px 80px 25px;
}

.page-est table.foot-price th{
padding:40px 0px;
}

.page-est table.foot-price td{
padding-top:25px;
}

.page-est table td.est-price span{
font-family: "ryo-display-plusn",serif;
font-style: italic;
font-size:24px;
margin-left:7px;
}

.page-est table td.est-price span.est-color{
color:#b95e3b;
}

.page-est table td.est-price span.foot-color{
color:#5f8fa1;
}

.page-est table td.est-price i{
font-size:23px;
margin:0px 18px;
}


.page-est mark{
background:#86adbc;
display:block;
width:55px;
height:18px;
line-height:18px;
padding:0px;
border-radius:8px;
color:#fff;
font-family: 'Noto Sans Japanese', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:13px;
font-weight:600;
margin:10px auto;
}

.mens-waku{
margin-bottom:100px;
margin-top:120px;
}

.page-est ul{
margin-left:10px;
}

.page-est ul li{
color:#666;
font-size:90%;
padding-top:8px;
list-style:none;
text-indent:-1.0em;
font-size:13px;
}

@media (min-width: 768px) {
br.xs-block{
display:none;
}
}

@media (max-width: 767px) {
.est-title{
height:260px;
}

.est-title .container{
max-width:100%;
}

.est-title-img{
background:url(img/est.jpg) no-repeat center right;
background-size:cover;
}

.mens-waku{
margin-bottom:30px;
margin-top:60px;
}

.est-title-waku{
z-index:999;
top:25px;
left:15px;
}


.est-posi h2{
font-size:26px;
}

.est-posi h2 span{
font-size:26px;
margin-bottom:15px;
}


.est-posi p{
line-height:22px;
font-size:12px;
}

.page-est table th,.page-est table td{
display:block;
}

.page-est table th{
width:100%;
padding:18px 0px 10px;
border-right:0px solid #ebeaea;
border-bottom:1px solid #ebeaea;
letter-spacing:-1px;
}

.page-est table th span{
display:inline-block;
padding-right:5px;
font-size:23px;
letter-spacing:0px;
}



.page-est mark{
margin:5px auto;
}


.page-est table td hr{
margin:15px 0px;
}

.page-est table td hr.set{
margin:15px 0px 15px;
}


.page-est table td.text{
padding:20px 15px 0px;
}

.page-est table td.est-price i{
display:none;
}

.page-est table.foot-price td{
padding-top:15px;
}

.page-est table.foot-price th{
padding:18px 0px 10px;
}

.page-est table td .add{
display:block;
height:auto;
line-height:20px;
padding:3px 0px 5px;
font-size:12px;
border-bottom:0px solid #ebeaea;
}


.page-est table td .add span{
font-size:16px!important;
}

.page-est table td.text{
line-height:22px;
}


.page-est table td .add strong{
display:block;
font-size:14px;
margin-right:0px;
}

.page-est table td.est-price{
padding-right:5px;
padding-left:5px;
padding-bottom:5px;
}

.page-est table td.est-price span{
font-size:22px;
margin-left:3px;
}

.page-est table.table-mg{
margin-bottom:25px;
}

.page-est table.table-mg-text{
margin-bottom:10px;
}

#mens{
  margin-top : 0px;
  padding-top : 0px;
}

.page-est ul li{
font-size:12px;
}
}