/* nav */
.top-logo,.icon-lg-w{display: inline-block;}
.top-logo2,.icon-lg-b{display: none;}
.none{display: none;}
.i-block{display: inline-block;}

/*slider*/
.owl-stage-outer{ 
  height:80vh;
  border: 5px solid #5D7345;
}
.owl-stage, .owl-item{height: 100%;}
#image1,#image2,#image3,#image4{
  width: 100%;
  height: 100%;
  background-size: cover;
  background-color: rgba(100,100,100,0.8);
  background-blend-mode: overlay;
}
#image1{ 
  background-image: url(https://img21.shop-pro.jp/PA01397/572/etc/top_img_201906_01.png);
  background-position: center;
}
#image2{ 
  background-image: url(https://img21.shop-pro.jp/PA01397/572/etc/top_img_201906_02.png);
  background-position: left bottom;
}
#image3{ 
  background-image: url(https://img21.shop-pro.jp/PA01397/572/etc/top_img_201906_03.png);
  background-position: center;
}
#image4{ 
  background-image: url(https://img21.shop-pro.jp/PA01397/572/etc/top_img_201906_04.png);
  background-position: 80%;
}
.slide-ttl{
  width: 50%;
  margin: 0 auto;
  color: #fff;
  font-size: 26px;
  font-family: serif;
  text-align: center;
  position: relative;
  /* top: 50%; */
  z-index: 10;
  position: absolute;
  top: 500px;
  left: 27vw;
  /* bottom: 50%; */
}
.slider {
  margin-top: 5px;
  display: block;
  margin: 0 auto;
}

.bx-pager {
  margin: 0;
  padding: 0;
}

.bx-wrapper {
  margin-bottom: 0 !important;
}

.bx-wrapper .bx-viewport {
  left: -1px !important;
  border: 1px solid #b2a487 !important;
  margin: 0 auto !important;
  background: #fff;
}

.bx-pager-item {
  /* visibility: hidden; */
}

/* frees pace */
.news {
  border-style: double none;
  /*border-color: #5D7345;*/
  max-width: 900px;
  padding: 18px 0 10px 0;
  margin: 0 auto;
  margin-top: 5em;
}

.news-inner {
  max-width: 1050px;
  /*margin-top: 10px;
  margin-bottom: 10px;*/
  padding-left: 5px;
  color: #5d5d5d;
}

.free-space {
  max-width: 900px;
  margin-top: 10px;
  margin-bottom: 3em;
  padding-left: 5px;
  color: #5d5d5d;
}

/* recommernd */
.recommend-items {
  margin-top: 3em;
}
.top-none2{display: none;}

@media (max-width: 768px) {
  #top-drop{
    background: rgba(255, 255, 255, 0);
    transition: background 1s ease 0;
  }
  #top-drop .btn-dropdown-close{
    background: #5D7345!important;
  }
  #wrapper {
    padding-top: 0;
  }
  /* .white{
    background: rgba(255, 255, 255, 1.0)!important;
  } */
  .owl-stage-outer{ height:90vh;}
  .slide-ttl{
    width: 7em;
    text-align: left;
    top: 60vw;
  }
  .top-none{display: none;}
  .top-none2{display: block;}
}
.sns-box{
  width:100%;
  margin-bottom: 2em;
}
.sns-box:after{
  content:"";
  display: block;
  clear: both;
}
.fa-ttl{
    left: 10%;
    position: relative;
}
.insta-ttle{}
.facebook {
    display:inline-block;
    position: relative;
    margin-right:0 auto;
    padding-bottom: 100vh;
    width:50%;
    height: 0;
    overflow: hidden;
    }
.facebook iframe{
    position: absolute;
    top: 9%;
    left: 10%;
    width: 100% !important;
    height: 100% !important;
}
.insta{
  width:50%;
  display:inline-block;
  position: relative;
  float: right;
}
#instafeed,#instafeed-sp {
    display:inline-block;
  	width:100%;
    list-style: none;
  	margin: 0;
}
#instafeed li,#instafeed-sp li {
	display: inline-block;
    width: 30%;
    overflow: hidden;
    margin: 1%;
}
#instafeed{display: inline-block;}
#instafeed-sp{display: none;}
@media (max-width: 1080px) {
  #instafeed,#instafeed-sp {
    width: 100%;
  } 
}
@media (max-width: 768px) {
  #instafeed{display: none;}
  #instafeed-sp{display: inline-block;}
  .facebook {
    width: 90%;
    margin: 3em auto 0;
    display: block;
  }
  .facebook iframe{
    width: 100% !important;
    left: 4%;
  }
  .fa-ttl{
    left:0;
  }
  .insta{
    width: 90%;
    float: none;
    margin: 0 auto 3em;
    display: block;
  }
}