.member-banner {
 margin-top:50px;
  }

.member-banner a:hover{
  opacity: 0.7;
    }
  
  .sample1 {
	overflow:		hidden;
	position:		relative;	/* 相対位置指定 */
}
.sample1 .caption {
	text-align: 		center;
	padding:		10px;
	color:			#fff;
}
.sample1 .mask {
	width:			100%;
	height:			100%;
	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgb(213 183 191 / 0.4);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
}
.sample1 a:hover .mask {
	opacity:		1;	/* マスクを表示する */
}




.salon-name{
  margin-top: 20px;
}

.salon-tel span{
 font-size:18px; 
  font-weight:400;
    color: #666;
}

.salon-more-button a{
display:block;
    color:#333;
}

.salon-more-button a:hover{
      color:#d3a3b0;
  }


.salon-text{
  margin-bottom:30px;
text-align:center;

}

ul.salon{
margin:0 auto;
}

li.salon-list{
  text-align: center;

}
.salon-list img{
  max-width:90%;
}


#instafeed03 {
    text-align: center;
background: rgba(213,183,191,0.2);
  margin: 0;
  padding: 10px;
}

#instafeed03 li {
   display: inline-block;
    list-style-type: none;
    padding: 3px;
}

#instafeed03 li img{
    padding: 5px;
margin:0 auto;
    width:200px;
  height:200px;
}

#instafeed03 li  a:hover img{
   opacity: 0.6;
}

.insta-button{
font-family: 'JosefinSans-SemiBold', sans-serif;
margin:10px 0;
  text-align: right;
text-decoration: none;
}

.insta-button a{
line-height: 12px;
    letter-spacing: 1px;
font-size:12px;
color: #d5b7bf;
display:inline-block;
padding:10px;
border:solid #d5b7bf 1px;
}

.insta-button a:hover{
color:#fff;
text-decoration: none;
background:#d5b7bf47;
}

.dp-container .entry a:hover {
    text-decoration: none;
}


@media (max-width: 480px) and (orientation : portrait) { /*縦向き*/
#instafeed03 li img {
    width: 150px;
    height: 150px;
}
}




ul.pi2 .right {
    float: right;
}

ul.pi2 {
margin-top: 100px;
}

.top-sub-title {
    letter-spacing: 1px;
    font-weight: 200;
    display: flex;
    align-items: center;
    font-size: 20px;
    margin: 200px 0 0;
    }



.top-sub-title01 {
    letter-spacing: 1px;
    font-weight: 200;
    display: flex;
    align-items: center;
    font-size: 20px;
    margin: 80px 0 0;
    }

.top-sub-title01:before {
        content: "";
        flex-grow: 1;
        height: 1px; /* 線の太さを変えたいときはここを変える */
        background: #666; /* 線の色を変えたいときはここを変える */
        margin:30px 30px 30px 0; /* 文字と線の余白用 なくても良い */
    }

.top-sub-title01:after {
        content: "";
        flex-grow: 1;
        height: 1px; /* 線の太さを変えたいときはここを変える */
        background: #666; /* 線の色を変えたいときはここを変える */
        margin:30px 0 30px 30px; /* 文字と線の余白用 なくても良い */
    }


.top-sub-title:before {
        content: "";
        flex-grow: 1;
        height: 1px; /* 線の太さを変えたいときはここを変える */
        background: #666; /* 線の色を変えたいときはここを変える */
        margin:30px 30px 30px 0; /* 文字と線の余白用 なくても良い */
    }

.top-sub-title:after {
        content: "";
        flex-grow: 1;
        height: 1px; /* 線の太さを変えたいときはここを変える */
        background: #666; /* 線の色を変えたいときはここを変える */
        margin:30px 0 30px 30px; /* 文字と線の余白用 なくても良い */
    }




.pi_inner-txt{
  padding: 100px;
}

.pi-title{
  text-align: left;
  padding-bottom: 5px;
    margin-bottom: 30px;
    letter-spacing: 1px;
    font-weight: 100;
    font-family: 'Cormorant Garamond', serif;
    font-size: 28px;
    line-height: 30px;
}

.pi-title span{
      font-size: 18px;
    font-weight: 100;
  
  }

.pi-txt{
margin-bottom: 50px;
    font-weight: 200;
    text-align: justify;
    letter-spacing: 1px;
    line-height: 25px;
}

.pi-button{

    /* border: 1px solid #333; */
}

.pi-button a{
    text-align: center;
width: 150px;
    display: block;
    background: #d5b7bf;
    color: #fff;
    margin: 0 0 0 auto;
    padding: 10px;
}

.pi-button a:hover{
  background: #999;
    color: #fff;
}


.news-body li{

}


li.news-date{
      color: #d5b7bf;
    margin-right: 30px;
    letter-spacing: 3px;
}

li.news-message{
  margin-bottom: 20px;
font-family: 'Noto Sans JP', sans-serif;
      letter-spacing: 1px;
font-weight:300;
}

.slider {
    margin-top: 30px;
    padding:0;
}

.news{
padding: 20px;
    background: #f5f5f5;
    margin: 30px auto;
}

h2.news-title{
margin: 0 auto;
    text-align: left;
    font-size: 15px;
    padding: 0 0 20px;
}

ul.news-body{
    background: #fff;
    margin: 0 auto;
    padding: 30px 80px;
}


@media (max-width: 768px){
 .news{
   padding: 5px;
  }
  
  h2.news-title{
  padding:0 0 10px;
  }
  
  ul.news-body{
    padding: 20px 10px;
  }
  
  .pi_inner-txt {
    padding: 30px 0;
}
  .pi-button a {
    padding: 20px;
    margin: 0 auto;
    width: 200px;
}
  
  .top-sub-title{
  margin-top:100px;
  }
  
  .salon-more-button{
      margin-bottom: 50px;
  }

}