@charset "UTF-8";
@import url(cmn.css);
@import url(foundation.css);

header nav ul li:nth-of-type(1) a{
	color: #79726e !important;
}
/*---------------*/

.linkbnr {
	width:80%;
	margin:5% auto 2% auto!important;
}


/*---------------*/

#mv{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	max-height: 80vh;
	overflow: hidden;
}
#mv .inner{
	width: 95%;
	position: relative;
	z-index: 2;
}
#mv .inner .slick-list{
	position: relative;
	display: block;
	overflow: hidden;
}
#mv .inner .slick-track{
	position: relative;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
#mv .inner .slick-slide{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 49vw;
}
#mv .inner .slick-slide img{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
	
}
#mv .inner .slick-slide img.pos1{
	object-fit: cover;
	object-position: 0% 20%;
}
#mv .txt{
	width: 70%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	pointer-events: none;
	padding: 20px 70px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: center;
	
}

#mv .pointer{
	display: flex !important;
	align-items: center;
	justify-content: flex-end;
	margin: 20px 20px 0 0;
	position: relative;
	z-index: 1;
}
#mv .pointer:after{
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 0px);
	left: 0;
	z-index: 1;
	background: #e4dcd4;
	width: calc(100% - 30px);
	height: 1px;
}
#mv .pointer li{
	display: block;
	z-index: 2;
	padding: 0 5px;
	background: #fff;
}
#mv .pointer li:first-child{
	padding-left: 15px;
}
#mv .pointer li button{
	display: block;
	text-indent: -10000px;
	outline:none;
	line-height:1px;
	font-size:1px;
	background-color: #c8c2b5;
	width: 7px;
	height: 7px;
	border-radius: 100%;
	border: none;
	cursor: pointer;
	opacity: 0.5;
}
#mv .pointer .slick-active button{
	opacity: 1;
	background: #d0b987;
}

/* -------------------------------------------------- */
/* スタイル設定　*/

.slider{
  position:relative;
  /* 表示するスライダーの高さを設定 */
  height: 800px;
  margin:0 auto;
  padding:0 auto;
  text-align: center;
}

.slider ul{
  margin:0;
  padding:0;
  list-style:none;
}

.slider ul img{
  /* スライドさせる画像の幅を設定 */
  width:100%;
  margin:0 auto;
  padding:0 auto;
}

.slider ul li{
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  animation-iteration-count:infinite;
  /* アニメーションの周期は21秒 */
  animation-duration:21s;
}


/* -------------------------------------------------- */
/* アニメーション開始時間の設定 */

.slider ul li:nth-child(1){
  animation-name:slider_3;
  /* 1秒前からスタート */
  animation-delay:-1s;
}
.slider ul li:nth-child(2){
  animation-name:slider_3;
  /* 6秒後（7秒-1秒）からスタート */
  animation-delay:6s;
  opacity:0;
}
.slider ul li:nth-child(3){
  animation-name:slider_3;
  /* 13秒後（14秒-1秒）からスタート */
  animation-delay:13s;
  opacity:0;
}

/* -------------------------------------------------- */
/* フェードイン・フェードアウトの設定 */

@keyframes slider_3{
　/* 非表示（不透明度0%）状態からフェードインを始める  */
  0%{
    opacity:0;
  }
  /* ここまでにフェードインを完了し、完全表示（不透明度100%）にする */
  4.76%{
    opacity:1;
  }
  /* ここまで完全表示（不透明度100%）の状態を維持したらフェードアウトを始める */
  33.33%{
    opacity:1;
  }
  /* ここまでにフェードアウトを完了し、非表示（不透明度0%）にする */
  42.85%{
    opacity:0;
  }
  /* 非表示（不透明度0%）状態を維持したまま終わる */
  100%{
    opacity:0;
  } 
}

/* -------------------------------------------------- */
/*  MEDIA QUERIES                                     */
/*　端末に合わせてスライダーの高さを調整する                */
/* -------------------------------------------------- */

/*===============================================
画面の横幅が640pxまで
===============================================*/

@media screen and (max-width: 640px) {

.slider_1,.slider_2,.slider{
  height:330px; 
}

}

/*===============================================
画面の横幅が414pxまで（iPhone/Pixel）
===============================================*/

@media screen and (max-width: 414px) {

.slider_1,.slider_2,.slider{
  height:260px; 
}

}

/*===============================================
画面の横幅が360pxまで（Galaxy）
===============================================*/

@media screen and (max-width: 360px) {

.slider_1,.slider_2,.slider{
  height:230px; 
}

}

/*===============================================
画面の横幅が320pxまで（iPhone5/SE）
===============================================*/

@media screen and (max-width: 320px) {

.inner_1,.slider_2,.slider{
  height:200px; 
}

}


.btn2{
	
	text-align: center!important;
	z-index:20000!important;
}
.btn2{
	position:absolute!important;
	top:72%;
	left:5%;
}


.btn2 a{
	display: inline-block!important;
	text-align: center!important;
	color: #fff !important;
	background-color: #ccac00!important;
	padding: 3px 20px!important;
	min-width: 180px!important;
	letter-spacing: 0.2rem!important;
	transition: 0.2s!important;
	font-weight: 400!important;
	margin: 2px 5px!important;
	font-size: 1.7rem!important;
	line-height: 1.6!important;
	border: 1px solid #ccac00!important;
	text-transform: none!important;
	font-weight: 600!important;
	position:relative!important;
	z-index:999!important;
}
.btn2 a:hover{
	background: #c1ab05!important;
	color: #fff !important;
	border:1px solid #c1ab05!important;
}
@media screen and (max-width: 1200px){
	.btn2{
	position:absolute!important;
	top:78%;
	left:5%;
	}
}
@media screen and (max-width: 650px){
	.btn2{
	position:absolute!important;
	top:93%;
	left:20%;
}
}
@media screen and (max-width: 1600px){
	#mv .txt p.p1{
		font-size: 3.2vw;
	}
}
@media screen and (max-width: 1000px){
	#mv .txt{
		padding: 20px 20px;
	}
	#mv .txt:after{
		left: 10%;
		top: 0;
		width: 80%;
		height: 100%;
		
		background-size: 100% auto;
	}
}
@media screen and (max-width: 650px){
	#mv{
		border-bottom: 1px solid #e4dcd4;
		padding-bottom: 20px;
		display: block;
		overflow: visible;
		max-height: none;
	}
	
	#mv .inner{
		width: 100%;
	}
	#mv .inner .slick-slide{
		padding-bottom: 70vw;
	}
	#mv .pointer{
		display: none !important;
	}
	#mv .txt{
		background: #fff;
		width: 90%!important;
		position: relative;
		margin: -7vw auto 0;
		padding: 50px 30px;
	}
	#mv .txt:after{
		left: 50%!important;
		width: 80%;
	}
	#mv .txt p{
		width:100%!important;
		padding: 0 !important;
	}
	#mv .txt p.p1{
		
		font-size: 3.8vw!important;
		padding-bottom: 5%!important;
	}
	#mv .txt p.p2{
		padding-top:5%!important;
		line-height: 1.8;
		margin:0 auto!important;
	}
}
@media screen and (max-width: 470px){
	#mv .txt{
		padding: 30px 20px;
	}
	#mv .txt p.p1{
	}
}

/*--------------------*/

#index_c{
	padding-bottom: 120px;
	padding-top: 120px;
	background: url("../images/index/s1.png") calc(50% - 450px) 30px no-repeat;
}
#index_c .wrapper{
	max-width: 1400px;
	display: flex;
	flex-wrap:wrap;
	
}

#index_c h2{
	text-align: left;
	color:#000;
	padding-top:10%;
}

#index_c h3{
	text-align: left;
	color:#333!important;
	padding-top:10%;
}

#index_c h2::before{
	content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image:url("../images/cmn/floral.webp");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
	padding-right :5%;
}


#index_c p{
	font-size: 1.55rem;
	line-height: 2;
	letter-spacing: 0.3rem;
	margin-bottom: 30px;
	color:#333!important;
}

#index_c img{
	margin-bottom:10%;
}

#index_c .btn{
	text-align: left;
}


#index_c .wrapper .fbox:nth-child(1){
	flex-basis: 60%;!important;
}

#index_c .wrapper .fbox img{
	width: 100%!important;
}

#index_c .wrapper .fbox:nth-child(2){
	flex-basis: 37%;!important;
	padding-left:3%;
	
}
#index_c .wrapper .fbox:nth-child(3){
	flex-basis: 37%;!important;
	padding-right:3%;
	margin-top:10%;
}
#index_c .wrapper .fbox:nth-child(4){
	flex-basis: 60%;!important;
	margin-top:10%;
	
}


@media screen and (max-width: 900px){
	#index_c .wrapper .fbox:nth-child(1),#index_c .wrapper .fbox:nth-child(2),#index_c .wrapper .fbox:nth-child(3),#index_c .wrapper .fbox:nth-child(4){
		flex-basis: 100%;!important;
	}
	#index_c .wrapper .fbox img{
	width: 100%!important;
}   
	#index_c .wrapper .fbox:nth-child(2){
		order:1;
	}
	#index_c .wrapper .fbox:nth-child(3){
		padding-left:3%;
		order:3;
		margin-top:-10%;
	}
	#index_c .wrapper .fbox:nth-child(1){
		order:2;
	}
	#index_c .wrapper .fbox:nth-child(4){
		order:4;
		margin-top:-1%;
		
	}
	#index_c h3{
		margin-top:-8%;
	}
}


.anime_wrap{
    position: relative;
    overflow: hidden;
}
.anime_wrap p{
    position: absolute;
    top: 30px;
    left: 30px;
    font-size: 40px;
    font-weight: bold;
}
.pattern::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 2;
    transition: .5s;
}
.pattern.show::before{
    transform: translateX(100%);
}
.pattern img{
    opacity: 0;
    transition: .5s;
}
.pattern.show img{
    opacity: 1;
}
.pattern p{
    color: #FFF;
    opacity: 0;
    transform: translateX(-40px);
    transition: .5s;
    transition-delay: .5s;
    z-index: 1;
    overflow: hidden;
}
.pattern .show p{
    opacity: 1;
    transform: translateX(0);
}
.pattern p::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #FFF;
    transition: .5s;
    transition-delay: 1s;
}
.pattern .show p::before{
    transform: translateX(100%);
}


@media screen and (max-width: 650px){
	#index_c{
		padding-bottom: 60px;
		padding-top: 60px;
	}
	#index_c2{
		padding-bottom: 60px;
		padding-top: 60px;
	}
}

/*--------------------*/

#para{
	padding: 0;
}
#para .parallax{
	height: 530px;
	overflow: hidden;
}
#para .parallax_img{
	display: block;
}
#para .parallax_img img{
	max-width: none;
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: 50% 50%;
	font-family: 'object-fit: cover; object-position: 50% 50%;';
}
@media screen and (max-width: 650px){
	#para .parallax{
		height: 300px;
	}
}

/*--------------------*/

#index_menu{
	position: relative;
	margin-top: 100px;
	margin-bottom: 100px;
}
#index_menu:before{
	content: "";
	display: block;
	width: 50%;
	height: 80%;
	background: #9e9069;
	position: absolute;
	top: 0;
	right: 0;
}
#index_menu .wrapper{
	position: relative;
	z-index: 2;
	max-width: 1500px;
}

#index_menu p{
	color:#000;
}

#index_menu h2::before{
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image:url("../images/cmn/floral.webp");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
	padding-right :5%;
}

#index_menu h2{
	text-align:left;
}

#index_menu .fbox:nth-child(2){
	margin-bottom: 30px;
}
#index_menu .btn{
	margin-top:5%;
	text-align: left;
}

#index_menu .wrapper .fbox:nth-child(2){
	flex-basis: 37%;!important;
	order: 2 !important;
	position: relative;
}

#index_menu .wrapper .fbox img{
	width: 100%!important;
	margin-top:15%;
}

#index_menu .wrapper .fbox:nth-child(1){
	flex-basis: 60%;!important;
	padding-left:3%;
	order: 1 !important;
	
}

@media screen and (max-width: 700px){
	#index_menu:before{
		width: 80%;
	}
	#index_menu .wrapper .fbox:nth-child(2){
	flex-basis: 98%;!important;
	order: 2 !important;
	position: relative;
	padding-left:8%;
	margin-top:10%;
}

#index_menu .wrapper .fbox img{
	width: 100%!important;
	margin-top:15%;
}

#index_menu .wrapper .fbox:nth-child(1){
	flex-basis: 98%;!important;
	order: 1 !important;
	
}
}
@media screen and (max-width: 650px){
	#index_menu{
		margin-top: 60px;
		margin-bottom: 60px;
	}
}
@media screen and (max-width: 600px){
	#index_menu{
		margin-top: 40px;
		margin-bottom: 40px;
	}
}

/*--------------------*/

#recommended{
	position: relative;
	margin-top: 100px;
}
#recommended:before{
	content: "";
	display: block;
	width: 60%;
	height: 100%;
	background: #cdeafc;
	position: absolute;
	top: 0;
	right: 0;
}
#recommended .wrapper{
	position: relative;
	z-index: 2;
	max-width: 1500px;
}
#recommended .flex1 .c1{
}
#recommended .flex1 .c2{
	position: relative;
}
/*#recommended .flex1 .c2:after{
	content: "";
	display: block;
	width: 80px;
	height: 1px;
	background: #3a3c49;
	position: absolute;
	top: 20px;
	left: -20px;
	transform: rotate(-45deg);
}*/
#recommended .c1 p{
	margin-bottom: 30px;
}
#recommended .btn{
	text-align: left;
}
@media screen and (max-width: 700px){
	#recommended:before{
		width: 80%;
	}
	#recommended .flex1 .c1{
		order: 2 !important;
	}
	#recommended .flex1 .c2{
		width: 80% !important;
		margin: 0 auto 30px;
		order: 1 !important;
	}
}
@media screen and (max-width: 650px){
	#recommended{
		margin-top: 60px;
		margin-bottom: 60px;
	}
}
@media screen and (max-width: 600px){
	#recommended{
		margin-top: 40px;
		margin-bottom: 40px;
	}
}
/*スライド*/
#salonimg{
	margin-bottom: -90px!important;
}
#salonimg h2{
	text-transform: none;
}
#salonimg .img{
	margin-bottom: 0px!important;
	text-align: center;
}
#salonimg p{
	text-align: center;
	margin-bottom: 0px!important;
	text-transform: none;
}
#salonimg p:last-child{
	margin-bottom: 0;
}
@media screen and (max-width: 500px){
	#salonimg p{
		text-align: justify;
	}
	#salonimg p .no{
		display: none;
	}
}
@media screen and (max-width: 700px){
	#salonimg {
		margin-bottom: -30px!important;
	}
	
}
#salonimg .slide{
	width: 100%;
	margin-bottom: 0px!important;
}
#salonimg .slide .slick-list{
	position: relative;
	display: block;
	overflow: hidden;
}
#salonimg .slide .slick-track{
	position: relative;
	top: 0;
	left: 0;
	display: flex;
	align-items: stretch;
	justify-content: center;
}
#salonimg .slide .slick-slide{
	display: flex;
	align-items: stretch;
	justify-content: center;
}
#salonimg .slide .slick-slide img{
	display: block;
	width: calc(100% - 1px);
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
	font-family: 'object-fit: cover; object-position: 50% 50%;';
}


/*---------------------*/
#pickup{
	
}
#pickup h2{
	text-align: left;
	color:#000;
	padding-top:8%;
}

#pickup h2::before{
	content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image:url("../images/cmn/floral.webp");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
	padding-right :0%;
}

#pickup h2 i{
	font-size:1.4rem!important;
	font-weight:200!important;
}
#index_item h2 i{
	font-size:1.4rem!important;
	font-weight:200!important;
}

#pickup .wrapper{
  width:98%!important;
	margin-top:-2%;
}

#pickup ul{
	display: flex;
	justify-content: flex-end;
}

#pickup ul li{
	display: block;
	width: 23%;
	margin-right:2%;
}
#pickup ul li:nth-of-type(1){
	
}
#pickup ul li:nth-of-type(3){
	
}
#pickup ul li a{
	display: block;
	transition: 0.2s;
}
#pickup ul li dl{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	
}
/*#pickup ul li dt,*/
/*#pickup ul li dd{
	display: block;
	width: 100%;
}*/
#pickup ul li dt{
	order: 2;
	margin-bottom: 5px;
	font-size: 2rem;
	line-height: 1.3;
	color: #3a3c49;
	padding-top: 15px;
	position: relative;
	letter-spacing: 0.3rem;
}
/*#pickup ul li dt:before{
	content: "";
	display: block;
	width: 20px;
	height: 2px;
	background: #e00048;
	position: absolute;
	top: 0;
	left: 0;
}*/
#pickup ul li dt {
    position: relative;
    display: inline-block;
    padding: 0 0 0 25px;
	font-size:1.7rem;
}
 
#pickup ul li dt:before{
    content: '';
    position: absolute;
    top: 20%;
    display: inline-block;
    width: 20px;
    height: 5px;
    background-color: #e00048;
}
 
#pickup ul li dt:before {
    left: 0;
}
 

#pickup ul li dd{
	order: 3;
	line-height: 1.5;
	color: #3a3c49!important;
}
#pickup ul li dd:last-child{
	order: 1;
	margin-bottom: 15px;
}

.bg-box {
  position: relative;
  z-index: 1;
}
.bg-box::after {
  position: absolute;
  content: "";
  display: block;
  background-color: #9e9069;
  z-index: -1;
  width: 100%;
  height: 500px;
  top: 0;
  left: 0;
}

.bg-box2 {
  position: relative;
  z-index: 1;
}
.bg-box2::after {
  position: absolute;
  content: "";
  display: block;
  background-color: #9e9069;
  z-index: -1;
  width: 100%;
  height: 900px;
  top: 0;
  left: 0;
}


@media screen and (max-width: 900px){
	#pickup ul li:nth-of-type(1){
		
	}
	#pickup ul li:nth-of-type(3){
		
	}
}
@media screen and (max-width: 650px){
	#pickup{
		padding-top: 0;
	}
}
@media screen and (max-width: 600px){
	#pickup ul{
		display: block;
	}
	#pickup ul li{
		margin: 0 auto 20px !important;
		width: 80%;
	}
	#pickup ul li dd:last-child{
		text-align: center;
	}
}

/*---------------------*/
#index_item{
	
}
#index_item h2{
	text-align: left;
	color:#000;
	padding-top:8%;
}

#index_item h2::before{
	content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image:url("../images/cmn/floral.webp");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
	padding-right :0%;
}


#index_item .wrapper{
  width:98%!important;
	margin-top:-5%;
}

#index_item ul{
	display: flex;
	justify-content: flex-end;
}

#index_item ul li{
	display: block;
	width: 23%;
	margin-right:2%;
}
#index_item ul li:nth-of-type(1){
	
}
#index_item ul li:nth-of-type(3){
	
}
#index_item ul li a{
	display: block;
	transition: 0.2s;
}
#index_item ul li dl{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	
}
/*#pickup ul li dt,*/
/*#pickup ul li dd{
	display: block;
	width: 100%;
}*/
#index_item ul li dt{
	order: 2;
	margin-bottom: 5px;
	font-size: 1.6rem;
	line-height: 1.3;
	color: #3a3c49;
	padding-top: 15px;
	position: relative;
	letter-spacing: 0.3rem;
}
#index_item ul li dt:before{
	content: "";
	display: block;
	width: 20px;
	height: 2px;
	background: #e00048;
	position: absolute;
	top: 0;
	left: 0;
}

#index_item ul li dd{
	order: 3;
	line-height: 1.5;
}
#index_item ul li dd:last-child{
	order: 1;
	margin-bottom: 15px;
}

#index_item .btn{
	margin-top:8%;
}


@media screen and (max-width: 900px){
	#index_item ul{
		display: flex;
	}
	#index_item ul li{
		 flex-wrap: wrap;
		width: 45%;
	}
	#index_item ul li:nth-of-type(2){
		
	}
	#index_item ul li:nth-of-type(3){
		
	}
}
@media screen and (max-width: 650px){
	#index_item{
		padding-top: 0;
	}
}
@media screen and (max-width: 600px){
	#index_item ul{
		display: flex;
		flex-wrap: wrap;
	}
	#index_item ul li{
		margin: 0 auto 20px !important;
		width: 45%;
	}
	#index_item ul li dd:last-child{
		text-align: center;
	}
}

/*--------------------*/

#index_about ul{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
#index_about ul li{
	display: block;
	width: 31%;
}
#index_about ul li:nth-of-type(1){
	/*margin-top: 70px;*/
}
#index_about ul li:nth-of-type(3){
	/*margin-top: 100px;*/
}
#index_about ul li a{
	display: block;
	transition: 0.2s;
}
#index_about ul li dl{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
}
#index_about ul li dt,
#index_about ul li dd{
	display: block;
	width: 100%;
}
#index_about ul li dt{
	order: 2;
	margin-bottom: 5px;
	font-size: 2rem;
	line-height: 1.3;
	color: #3a3c49;
	padding-top: 15px;
	position: relative;
	letter-spacing: 0.3rem;
}
#index_about ul li dt:before{
	content: "";
	display: block;
	width: 40px;
	height: 2px;
	background: #e00048;
	position: absolute;
	top: 0;
	left: 0;
}
#index_about ul li dd{
	order: 3;
	line-height: 1.5;
}
#index_about ul li dd:last-child{
	order: 1;
	margin-bottom: 15px;
}

.bg-box2 {
  position: relative;
  z-index: 1;
}
.bg-box2::after {
  position: absolute;
  content: "";
  display: block;
  background-color: #9e9069;
  z-index: -1;
  width: 100%;
  height: 800px;
  top: 0;
  left: 0;
}



@media screen and (max-width: 900px){
	#index_about ul li:nth-of-type(1){
		margin-top: 30px;
	}
	#index_about ul li:nth-of-type(3){
		margin-top: 50px;
	}
}
@media screen and (max-width: 650px){
	#index_about{
		padding-top: 0;
	}
}
@media screen and (max-width: 600px){
#index_about ul{
		display: block;
	}
#index_about ul li{
		margin: 0 auto 20px !important;
		width: 80%;
	}
#index_about ul li dd:last-child{
		text-align: center;
	}
	
#index_about p{
	text-align: center;
	color:#000;
	margin-top:10%;
}

#index_about h2 i::after{
	content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image:url("../images/cmn/floral.webp");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
margin-left :2%;
	text-align:center;
	position: absolute;
  bottom: -20px;
  left: calc(50% - 30px);
	
}	
#index_about h2{
	text-align: center;
	color:#000;
	padding-top:15%!important;
}	

}
#index_about h2{
	text-align: center;
	color:#000;
	padding-top:3%;
}

#index_about p{
	text-align: center;
	color:#000;
	padding-top:3%;
}

#index_about h2 i::after{
	content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image:url("../images/cmn/floral.webp");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
	padding-right :25%;
	text-align:center;
	position: absolute;
  bottom: -40px;
  left: calc(50% - 30px);
	
}

#index_about dt{
	line-height: 1.2;
	letter-spacing: 0.6rem;
	position: relative;
	margin-bottom: 30px;
	color: #3a3c49;
	font-family: 'Alegreya Sans SC', sans-serif;
	font-style:italic;
}

#index_about dd{
	color: #3a3c49!important;
}


/*--------------------*/

#news{
	background: #f1e9bf;
	color: #000;
	text-align: center;
}
#news .wrapper{
	max-width: 2000px;
}
#news h4,
#news a{
	color: #000;
}
#news h4{
	text-align: center;
}
#news .inner{
	display: inline-block;
	text-align: left;
	max-width: 100%;
}
#news .inner a{
	display: block!important;
	padding: 10px 0;
	
}
#news .inner a dl{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	border-bottom:dotted 1px #000;
}
#news .inner a dt{
	letter-spacing: 0.2rem;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 200px;
}
#news .inner a{
	display: block!important;
}
	
#news .inner a dt p{
	text-transform: none;
	letter-spacing: 0.02rem;
	background: #749261;
	padding: 2px 5px 3px;
	margin-left: 10px;
	font-size: 1.1rem;
	line-height: 1.1;
	width: 80px;
	text-align: center;
	word-break: keep-all;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#news .inner a dt p[data-cat="news"]{
	background: #c5af73;
}
#news .inner a dt p[data-cat="staff-blog"]{
	background: #5e7a8f;
}
#news .inner a dd{
	word-break: keep-all;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	width: 800px
}
@media screen and (max-width: 600px){
	#news .inner a{
		padding: 4px 0;
	}
	#news .inner a dl{
		display: block;
		width: 300px;
		margin:0 2%;
	}
	#news .inner a dt{
		width: 100%;
		
	}
	#news .inner a dd{
		width: 100%;
	}
	

}

/*--------------------*/

#insta{
	border-bottom: 1px solid #e4dcd4;
	text-align: center;
	margin-bottom: 80px;
}
#insta .wrapper{
	padding-left: 50px;
	padding-right: 50px;
	position: relative;
}
#insta h3{
	text-align: center;
}
#insta h3:after{
	left: calc(50% - 30px);
}
#insta iframe{
	width: 100% !important;
	height: 400px !important;
	margin: 0 auto 40px;
}
@media screen and (max-width: 1300px){
	#insta iframe{
		height: calc((100vw - 100px)*0.33) !important;
	}
}
@media screen and (max-width: 900px){
	#insta iframe{
		height: calc((100vw - 40px)*0.31) !important;
	}
}
@media screen and (max-width: 650px){
	#insta{
		margin-bottom: 60px;
	}
}
@media screen and (max-width: 600px){
	#insta{
		margin-bottom: 40px;
	}
	#insta h3{
		margin-bottom: 30px;
	}
	#insta h3 i{
		padding-bottom: 0;
	}
	#insta iframe{
		height: calc((100vw - 20px)*0.31) !important;
		margin-bottom: 30px;
	}
	.linkbnr {
	width:98%!important;
	margin:5% auto 2% auto!important;
}
}