@charset "utf-8";

/* 共通
------------------------------------------------------------*/
body {
	background-color: #ffffff;
  font-family: 'Bodoni Moda', 'Cormorant Garamond', 'Noto Serif JP', serif, 'Didact Gothic', 'Montserrat', 'notosansjp', "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
	font-weight: regular;
	font-size: 16px;
	letter-spacing: 0.03em;
	color: #333;
	overflow-wrap:break-word;

  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
}


/*-- タグリンク --*/
body a{text-decoration: none; color:#333;}
body a:link {text-decoration: none; color:#333;}/*--リンク色----*/
body a:visited{text-decoration: none; color:#333;}/*--訪問済み色--*/
body a:hover{color:#a9a9a9;}
body a:active{text-decoration: none;}



/*-- 共通カラー設定 追記 --*/
:root {
  --color-gray: #555;
  --color-white: #FFF;
  --color-black: #000;
}

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

section{
	clear:both;
}

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

/*============================
 sp-ナビゲーション ===============*/

#g-nav{
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position:fixed;
    z-index: 999;
    /*ナビのスタート位置と形状*/
	top:0;
    right: -120%;
	width:100%;
    height: 100vh;/*ナビの高さ*/
	background:#fff;/*ナビ背景色*/
	opacity: 0.8;
    /*動き*/
	transition: all 0.6s;
}

/*アクティブクラスがついたら位置を0に*/
#g-nav.panelactive{
    right: 0;
}

/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list{
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100vh;/*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

/*ナビゲーション*/
#g-nav ul {
    /*ナビゲーション天地中央揃え*/
    position: absolute;
    z-index: 999;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
/*リストのレイアウト設定*/

#g-nav li{
	list-style: none;
    text-align: center;
}

#g-nav li a{
	color: #927a61;
	text-decoration: none;
	padding:10px;
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 18px;
}

/*ホバー半透明*/
#g-nav li a:hover{
	opacity: 0.5;
}

.icon-sp{
	display: none;
}

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


.nav-pc{
	padding-top: 30px;
	margin-right: 310px;
}

.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 30px;
	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: 200px;
	top: 0;
	text-align: center;
	width: 30px;
	padding: 35px 0 20px 0;
}

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

/* Reserve */

.nav-rsv{
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
	background: #927a61;
	height: 100px;
	padding: 30px 40px 30px 40px;
	font-size: 22px;
	color: #fff;
}

.nav-rsv a{
	color: #fff;
}


.nav-rsv a:visited{
	text-decoration: none;
	color:#fff;
	}

.nav-rsv a:hover{
	text-decoration: none;
	color:#FAF7EF;
	}

.nav-rsv a:active{
	text-decoration: none;
	color:#fff;
	}
.nav-rsv-s{
	font-size: 14px;
	margin-bottom: 5px;
}


/*========= ナビ 三本線 ===============*/
.openbtn{
	display: none;

	position:fixed;
    z-index: 9999;/*ボタンを最前面に*/
	top:10px;
	right: 10px;
	cursor: pointer;
    width: 50px;
    height:50px;
}

/*×に変化*/
.openbtn span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 14px;
    height: 1px;
    border-radius: 2px;
	background-color: #927a61;/*カラー*/
  	width: 45%;
  }

/*三本線の高さ*/
.openbtn span:nth-of-type(1) {
	top:15px;
}

.openbtn span:nth-of-type(2) {
	top:23px;
}

.openbtn span:nth-of-type(3) {
	top:31px;
}
/*end//三本線の高さ*/


.openbtn.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
}

.openbtn.active span:nth-of-type(2) {
	opacity: 0;
}

.openbtn.active span:nth-of-type(3){
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
}


/*========= スクロール ===============*/

/*スクロールダウン全体の場所*/
.scrolldown1{
    /*描画位置※位置は適宜調整してください*/
  position:absolute;
  right:12%;
  bottom: -10px;
    /*全体の高さ*/
  height:120px;
}

/*Scrollテキストの描写*/
.scrolldown1 span{
    /*描画位置*/
  position: absolute;
  left:-15px;
  top: -15px;
    /*テキストの形状*/
  color: #222;
  font-size: 0.7rem;
  letter-spacing: 0.05em;
}

/* 線の描写 */
.scrolldown1::after{
  content: "";
    /*描画位置*/
  position: absolute;
  top: 0;
    /*線の形状*/
  width: 1px;
  height: 100px;
  background: #222;
    /*線の動き1.4秒かけて動く。永遠にループ*/
  animation: pathmove 1.4s ease-in-out infinite;
  opacity:0;
}

/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove{
  0%{
    height:0;
    top:0;
    opacity: 0;
  }
  30%{
    height:40px;
    opacity: 1;
  }
  100%{
    height:0;
    top:80px;
    opacity: 0;
  }
}

/*========= レイアウトのためのCSS ===============*/

h1{
  position: fixed;
  width:100%;
  height: 100vh;
}


#header{
  width:100%;
  height: 100vh;
  position: relative;
}

#header:before{
  content: '';
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height: 100vh;
  /*背景画像設定
	background: url(../images/nakatani4.jpg), no-repeat center;
  background-size:cover;*/
}



/*========= ロゴ ===============*/

.main-logo {
  position: absolute;
    z-index: 10;/*最前面*/
	top: 0;
	left: 30px;
	width: 260px;
	background: #fff;
	padding: 20px;
}

/*========= メインビジュアルの背景グラデーション ===============*/

.wrap-under{
	position: fixed;
	width:30%;
	height: 100%;
	z-index: -10;
	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%);
	top: 200px;

}

/*--------------------------------------------------------
  ふわっと
--------------------------------------------------------*/
/* アニメーション */
.sa {
  opacity: 0;
  transition: all .5s ease;
}

.sa.show {
  opacity: 1;
  transform: none;
}

.sa--up {
  transform: translate(0, 100px);
}

.sa--lr {
  transform: translate(-100px, 0);
}

.sa--rl {
  transform: translate(100px, 0);
}




/*--------------------------------------------------------
  メインビジュアル
--------------------------------------------------------*/

/*pcブロック*/
.main-pc{
	display: block;
}

/*sp非表示*/
.main-sp{
	display: none;
}

/*mid非表示*/
.main-mid{
	display: none;
}

/*親*/
.swiper-slide {
  position: relative;
}



/*--------------------------------------------------------
  コンテンツ
--------------------------------------------------------*/

#container{
  position: relative;
  z-index:1;
  background:#fff;
  padding: 0;
  text-align: center;
}


/*--------------------------------------------------------
  タイトル
--------------------------------------------------------*/
.sec-ttl-container{
	width: 55%;
	display: flex;
	justify-content:center;
	flex-wrap: wrap;
	margin: 100px auto;
}

.sec-ttl-container-center{
	width: 60%;
	margin: 20px;
}

.sec-ttl-container-center-tx{
	font-size: 65px;
	color: #927a61;
	 position: relative;
}

.sec-ttl-container-center-tx:before, .sec-ttl-container-center-tx:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 60px;
  height: 1px;
  background-color: #927a61;
}
.sec-ttl-container-center-tx:before {
  left:0;
}
.sec-ttl-container-center-tx:after {
  right: 0;
}

/* サブタイトル jp*/
.sec-ttl-container-center-txs{
	font-size: 24px;
	padding-top: 10px;
	color: #333;
}


/*--------------------------------------------------------
  ニュース
--------------------------------------------------------*/
#news-area{
	width: 100%;
	padding-top: 50px;

	background: url(../images/news-back.jpg), no-repeat center;
	background-size:cover;
}

/* ニュース タイトル */
.news-ttl-container{
	width: 55%;

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

	margin: 20px auto;
}



/* コンテナ 親要素 */
.news-container {

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

	width: 80%;
	margin: 0 auto;
	padding-bottom: 50px;
}

/* 画像 子要素 */
.news-item {
    margin: 20px;
}

/* インスタグラム pc */
.news-item-insta{
	display: block;
}

/* インスタグラム sp */
.news-item-insta-sp{
	display: none;
}

/*--------------------------------------------------------
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: 1000px;
		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 5px 10px 70px;
	font-size: 20px;
	line-height: 2.3em;
	text-align: justify;
}
.concept-txt-sp{
	display: none;
}

.br-mid{
	display: none;
}

.br-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: 100px 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: 100%;
	margin-bottom: 100px;
}
/* 見出し */
.concept4-heading{
		padding-top: 60px;
		font-size: 32px;
		line-height: 2em;
}
/* 本文 */
.concept4-txt-box{
		margin: 0 auto;
		width: 70%;
		padding-top: 40px;
		padding-bottom: 80px;
		padding-left: 40px;
}

.concept4-txt{
	font-size: 20px;
	text-align: left;
	line-height: 2.4em;
	text-align: center;
}
.concept4-txt-sp{
	display: none;
}


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

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

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

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

	padding: 50px;
	top: 200px;

	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: 10px;
	padding-left: 100px;
	font-size: 20px;
	text-align: left;
	color: #927a61;
}
/* 見出し */
.est-container-right-heading{
	padding-top: 20px;
	padding-left: 100px;
	font-size: 32px;
	line-height: 1.8em;
	text-align: left;
}

/* 本文 */
.est-container-right-txt{
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 20px;
	line-height: 2.2em;
	padding-left: 100px;
	text-align: left;
}
.br-est{
	display: none;
}
/* more */
.est-more{
	margin-top: 10px;
	text-align: right;
	padding-right: 10%;
}





/*--------------------------------------------------------
メニュー
--------------------------------------------------------*/

.menu-sec{
	width: 60%;
	background: #FAF7EF;
	margin: 100px auto;

	padding: 30px;
}
/* タイトル */
.menu-sec-ttl{
		text-align: center;
		font-size: 65px;
		color: #927a61;
}
/* サブ jp*/
.menu-sec-ttl-jp{
	font-size: 24px;
	color: #333;
}
.menu-sec-more{
	padding-top: 20px;
	padding-bottom: 20px;
}


/*========= more 矢印 ===============*/

.btnarrow4{
    /*矢印と下線の基点とするためrelativeを指定*/
  position: relative;
    /*形状*/
    display: inline-block;
  padding: 0 20px;
    color: #333;
		font-size: 20px;
    text-decoration: none;
    outline: none;
}

/*矢印と下線の形状*/
.btnarrow4::before{
    content: '';
    /*絶対配置で下線の位置を決める*/
  position: absolute;
    bottom:-8px;
    left:15%;
    /*下線の形状*/
    width: 85%;
    height: 1px;
  background:#333;
    /*アニメーションの指定*/
    transition: all .3s;
}

.btnarrow4::after{
    content: '';
    /*絶対配置で矢印の位置を決める*/
  position: absolute;
    bottom:-3px;
    right:0;
    /*矢印の形状*/
    width: 15px;
    height:1px;
  background:#333;
    transform: rotate(35deg);
    /*アニメーションの指定*/
    transition: all .3s;
}

/*hoverした際の移動*/
.btnarrow4:hover::before{
    left:30%;
}

.btnarrow4:hover::after{
    right:-15%;
}


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

#staff-area{
	background: rgb(212,236,234);
	background: url(../images/staff-back.png) repeat 200%, linear-gradient(180deg, rgba(255,242,217,1) 0%, rgba(255,255,242,1) 90%);
	padding: 10px;
}

.staff-container{
	  width: 85%;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
	  justify-content: center;

	  margin: 0 auto;
		padding-bottom: 40px;
	}

.staff-pic{
	width: 20%;
	margin: 30px;
}
.staff-txt{
	font-size: 20px;
	padding-top: 20px;
}
.staff-name{
	font-size: 24px;
	padding-top: 10px;
}
.staff-name-eg{
	font-size: 16px;
	padding-top: 5px;
	color: #927a61;
}


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


/* 地図*/
.access-container{
	width: 80%;

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

	margin: 60px auto;
	margin-bottom: 100px;
}

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

.access-container-right-sp{
	display: none;
}

.access-container-right-mid{
	display: none;
}



.access-border{
margin-top: 20px;
margin-bottom: 20px;
color: #d2b48c;
}

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

#contact-area{
	width: 80%;
	margin: 0 auto;


}
.contact-container{
	width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;

  margin: 80px auto;
}
.contact-btn{
	width: 40%;
	margin: 40px;
}
.contact-btn-sub{
	font-size: 18px;
	padding-bottom: 10px;
	  text-align: center;
}
.contact-link{
	color: #fff;
	font-size: 34px;
	letter-spacing: 0.03em;

	padding: 30px;
	text-align: center;
	margin-bottom: 10px;
  position: relative;

	background: #927a61;
}

.contact-link::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: background-color 0.5s;
}

.contact-link:hover::before {
 background-color: rgba(0, 0, 0, 0.2);
}
.contact-link-sub{
	font-size: 16px;
	padding-top: 10px;
	letter-spacing: 0.05em;
	  text-align: center;
}

.contact-link-tel{
	color: #fff;
	font-size: 34px;
	letter-spacing: 0.05em;

	padding: 30px;
	text-align: center;
	margin-bottom: 10px;
  position: relative;

	background: #927a61;
}

.contact-link-tel a{color:#fff;}
.contact-link-tel a:link {color:#fff;}
.contact-link-tel a:visited {color:#fff;}
.contact-link-tel a:hover {color:#ddd;}
.contact-link-tel a:active {color:#fff;}



.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;}



/*--------------------------------------------------------
recruit
--------------------------------------------------------*/
#recruit-area{
	width: 100%;
	background: #FAF7EF;
	padding: 20px;
}
.recruit-ttl-container{
		margin: 60px auto 20px;
		width: 55%;
}
.recruit-ttl-container-tx{
	font-size: 65px;
	color: #927a61;

}
.recruit-ttl-container-txs{
	font-size: 20px;
	padding-top: 10px;
}

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




/*--------------------------------------------------------
フッター
--------------------------------------------------------*/
.footer-pc{
	width: 100%;
	background: #fff;
	margin-top: 80px;
}

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

.nav-pc-footer 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-footer li{
   margin: 0 0 0 40px;
	line-height: 2em;
	font-size: 22px;
}

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


.footer-inner-icon{
	list-style: none;
	margin: 50px auto;


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

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

.footer-inner-logo{
	width: 280px;
	margin: 40px auto;
}
.footer-inner-address{
	padding-bottom: 20px;
		font-family: 'Noto Serif JP', serif;
		line-height: 2em;
		text-align: center;
}

.footer-inner-tel{
		font-size: 40px;
		margin-top: 20px;
		margin-bottom: 20px;
		letter-spacing: 0.08em;
				text-align: center;
}


/*-- クレジット --*/
.footer-cr{
	font-size: 16px;
	padding-top: 20px;
	padding-bottom: 60px;
	text-align: center;
	margin: 0 auto;
}





/***********************************
　　PC共通
***********************************/
.pcLayer,
img.pcImg {
	display: block !important;
}
.spLayer,
img.spImg {
	display: none !important;
}

.c-both {
	clear: both;
}



/**

font-family: 'Noto Sans JP', sans-serif;

	font-family: 'Cormorant Garamond', serif;

		font-family: 'Cedarville Cursive', cursive;

.news-item1 img {
	height: 400px;
	object-fit: cover;
}

opacity

.container{
  max-width: 1100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;

  margin: 80px auto;
}

background: url(../images/work-1.jpg) no-repeat;
background-size: 100%;

background: rgb(212,236,234);
background: linear-gradient(180deg, rgba(212,236,234,1) 0%, rgba(212,236,234,1) 35%, rgba(234,246,253,1) 95%);

#927a61
ブラウン

#d2b48c
タン

fffcf9
FAF7EF
ベージュ系

半角
 

 img {
  width: 100%;
  height: 500px;
  object-fit: cover;
}


小見出し英文　ブラウン　ストライプ
color: #00ced1;
text-align: center;
padding: 0.25em;
border-top: solid 2px #ccb299;
border-bottom: solid 2px #ccb299;
background: -webkit-repeating-linear-gradient(-45deg, #f2e6cc, #f2e6cc 3px,#e6d9bf 3px, #e6d9bf 7px);
background: repeating-linear-gradient(-45deg, #f2e6cc, #f2e6cc 3px,#e6d9bf 3px, #e6d9bf 7px);

**/