@charset "utf-8";
/* ---------------------------------------------------
 Layout-Midium
--------------------------------------------------- */
@media only screen and (min-width:1024px) and (max-width:1180px){



/*-- pc電話発信無効 --*/
@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}


/*========= pcヘッダーナビ ===============*/
#header-nav{
	position:fixed;
  z-index: 10;/*ボタンを最前面に*/
	top:0;
	right: 0;
	cursor: pointer;
	font-size: 16px;
}

.nav-pc{
	padding-top: 40px;
	margin-right: 260px;
}

.nav-pc nav{
   margin: 0 0 0 auto;
}

.nav-pc ul{
   list-style: none;
   margin: 0;

	 display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   justify-content: center;

}
.nav-pc li{
   margin: 0 0 0 20px;
	line-height: 2em;
}

.nav-pc a{text-decoration: none; color:#927a61;}
.nav-pc a:link {text-decoration: none; color:#927a61;}/*--リンク色----*/
.nav-pc a:visited{text-decoration: none; color:#927a61;}/*--訪問済み色--*/
.nav-pc a:hover{color:#a9a9a9;}
.nav-pc a:active{text-decoration: none;}

/* insta */
.insta-icon{
	position: absolute;
	right: 160px;
	top: 0;
	text-align: center;
	width: 30px;
	padding: 40px 0 20px 0;
}

/* fb */
.fb-icon{
	position: absolute;
	right: 210px;
	top: 0;
	text-align: center;
	width: 30px;
	padding: 40px 0 20px 0;
}

/* Reserve */
.nav-rsv{
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
	background: #927a61;
	height: 100px;
	padding: 35px 20px 30px 20px;
	font-size: 18px;
	color: #fff;
}
.nav-rsv-s{
	font-size: 14px;
	margin-bottom: 5px;
}


/*--------------------------------------------------------
SHOP
--------------------------------------------------------*/
#shop-area{
	height: 1650px;
}

/* タイトル */
.concept-ttl-container{
	width: 55%;

	display: flex;
	justify-content:center;
	flex-wrap: wrap;

	margin: 80px auto 60px;
}
/* イメージ写真 ドライフラワー */
.concept-pic{
		width: 80%;
		margin: 0 auto;
		height: 100px;
		object-fit: cover;
}
.concept-pic-sp{
	display: none;
}
.concept-pic-mid{
	display: none;
}

/* コンセプト */
.concept-container{
	width: 100%;
	background: #FAF7EF;
	margin: 0 auto;
	margin-top: 330px;
	height: 850px;
}


/* インナー */
.concept-inner{
	width: 100%;
	margin: 0 auto;
	padding-top: 50px;
}

/* タイトル 英語*/
.concept-ttl-eng{
	width: 400px;
	margin: 30px auto;
	font-size: 30px;


  color: #00ced1;
  text-align: center;
  padding: 0.25em;
  border-top: solid 2px #ccb299;
  border-bottom: solid 2px #ccb299;
}

/* 見出し jp */
.concept-heading{
	padding-top: 40px;
	font-size: 40px;
	line-height: 2em;
}

.concept-container2{
	width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  margin: 60px auto;
}
.concept-pic2{
	width: 50%;
}
.concept-pic2 img {
  width: 100%;
  height: 500px;
  object-fit: cover;
}

.concept-pic2-sp{
	display: none;
}
.concept-txt{
	width: 40%;
	padding: 10px 40px;
	font-size: 18px;
		line-height: 2.4em;
		text-align: justify;
}
.concept-txt-sp{
	display: none;
}

/* コンテナ3 */
.concept-container3{
	width: 90%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
	margin: 50px auto;
}
.concept-pic3{
	width: 23%;
	margin: 0 30px;
}
.concept-pic4{
	width: 38%;
	margin-left: 150px;
}

/* コンテナ4 */
.concept-container4{
	background: url(../images/concept-img-05.jpg) no-repeat;
	background-size: 120%;
	margin-bottom: 60px;

}
/* 見出し */
.concept4-heading{
		padding-top: 60px;
		font-size: 30px;
		line-height: 2em;
}
/* 本文 */
.concept4-txt-box{
		margin: 0 auto;
		width: 81%;
		padding-top: 40px;
		padding-bottom: 80px;
		padding-left: 40px;
}
.concept4-txt{
	font-size: 18px;
	line-height: 2.2em;
	text-align: center;
}
.concept4-txt-sp{
  display: none;
}


/*--------------------------------------------------------
ヘアエステ
--------------------------------------------------------*/

/* 親要素 */
.est-container{
	width: 90%;
	height: 900px;
	margin: 0 auto;
	position: relative;
}

/* 子要素 左 */
.est-container-left{
	position: absolute;
	width: 45%;
	left: 5%;
}
.est-container-left-sp{
	display: none;
}

/* 子要素 右 */
.est-container-right{
	position: absolute;
	z-index: 10;
	right: 5%;
	width: 75%;

	padding: 30px;
	top: 280px;

	background: rgb(212,236,234);
	background: linear-gradient(180deg, rgba(212,236,234,1) 0%, rgba(212,236,234,0.5) 50%, rgba(255,255,230,1) 95%);
}
.est-container-right-ttl{
	margin-bottom: 20px;
}

/* 見出し 英語 */
.est-container-right-heading-eg{
	padding-top: 20px;
	padding-left: 5%;
	font-size: 20px;
	text-align: left;
	color: #927a61;
}
/* 見出し */
.est-container-right-heading{
	padding-top: 20px;
		padding-left: 5%;
	font-size: 30px;
	line-height: 1.8em;
	text-align: left;
}
/* 本文 */
.est-container-right-txt{
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 17px;
	line-height: 2em;
	padding-left: 5%;
	text-align: left;
}
.br-est{
	display: none;
}
/* more */
.est-more{
	margin-top: 10px;
	text-align: right;
	padding-right: 10%;
  		padding-bottom: 30px;
}




/*--------------------------------------------------------
staff
--------------------------------------------------------*/

.staff-txt{
	font-size: 14px;
	padding-top: 20px;
}
.staff-name{
	font-size: 18px;
	padding-top: 10px;
}
.staff-name-eg{
	font-size: 14px;
	padding-top: 5px;
	color: #927a61;
}


/*--------------------------------------------------------
access
--------------------------------------------------------*/

.access-container-right{
	width: 45%;
	text-align: left;
	margin: 20px;
	font-size: 16px;
	line-height: 2em;
	padding-left: 20px;
	font-family: 'Noto Serif JP', serif;
}


/*--------------------------------------------------------
contact
--------------------------------------------------------*/

.contact-btn-sub{
	font-size: 13px;
	padding-bottom: 10px;
	  text-align: center;
}
.contact-link{
	font-size: 32px;
}
.contact-link-sub{
	font-size: 14px;
	padding-top: 10px;
	letter-spacing: 0.05em;
	  text-align: center;
}
.contact-link-tel{
	color: #fff;
	font-size: 32px;
	letter-spacing: 0.05em;

	padding: 30px;
	text-align: center;
	margin-bottom: 10px;
  position: relative;
	background: #927a61;
}

/*--------------------------------------------------------
recruit
--------------------------------------------------------*/

.recruit-txt{
	font-size: 16px;
	line-height: 2em;
	padding-top: 20px;
	padding-bottom: 40px;
}

.br-recruit{
	display: none;
}

/*--------------------------------------------------------
フッター
--------------------------------------------------------*/

.nav-pc-footer li{
   margin: 0 0 0 40px;
	line-height: 2em;
	font-size: 16px;
}

.icon-footer{
	margin: 0 20px 0 20px;
 	width: 30px;
}


/*-- クレジット --*/
.footer-cr{
	font-size: 14px;
}

}/*-- レスポンシブ --*/