@charset "UTF-8";
/*  update 2019-05-24 1242
-----------------------------------*/
/*=============================================
【目次】
### 基本設定
=============================================*/
/*----------------------------------------------
### 基本設定
----------------------------------------------*/
div.layout_table {
  width: 1200px;
  margin: 0 auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.layout_content > section {
  margin-bottom: 80px;
}
.layout_content > section.shopblog-section {
  margin-bottom: 0;
}
.layout_content img {
  width: 100%;
  height: auto;
}

article .ttl2 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 1.4rem;
}

/*----------------------------------------------
### MV スライダー
----------------------------------------------*/
.mv-section {
  padding: 0;
  width: 100%;
  margin-bottom: 70px;
}

.mvArea {
  /* Dots */
}
.mvArea .inner {
  position: relative;
}
.mvArea .inner a {
  display: block;
}
.mvArea .inner .txBlock {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.mvArea .inner .txBlock .ttl {
  font-size: 4.3rem;
  font-family: "Libre Baskerville", "Noto Serif JP", serif;
  color: #fff;
  margin-bottom: 10px;
}
.mvArea .inner .txBlock .ttl.black {
  color: #333;
}
.mvArea .inner .txBlock .text {
  color: #fff;
  margin-bottom: 10px;
}
.mvArea .inner .txBlock .btn {
  background-color: #212121;
  color: #fff;
  display: inline-block;
  padding: 10px 20px;
}
.mvArea .slick-slide img {
  width: 100%;
  height: auto;
}
.mvArea .slick-prev,
.mvArea .slick-next {
  position: absolute;
  display: block;
  height: 18px;
  width: 10px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  z-index: 10;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  content: '';
}
.mvArea .slick-prev img,
.mvArea .slick-next img {
  width: 100%;
  height: auto;
}
.mvArea .slick-prev:before,
.mvArea .slick-next:before {
  font-size: 20px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mvArea .slick-prev {
  left: 25px;
}
.mvArea .slick-next {
  right: 25px;
}
.mvArea .slick-dotted.slick-slider {
  margin-bottom: 0;
}
.mvArea .slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: left;
}
.mvArea .slick-dots li {
  height: 7px;
  width: 7px;
  margin: 0 5px;
}
.mvArea .slick-dots li button {
  height: 7px;
  width: 7px;
  background-color: #93918f;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  padding: 0;
}
.mvArea .slick-dots li button:hover, .mvArea .slick-dots li button:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
.mvArea .slick-dots li button:before {
  width: 6px;
  height: 6px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #000;
}
.mvArea .slick-dots li.slick-active button:before {
  background-color: #fff;
}

/*----------------------------------------------
### コンテンツスライダー
----------------------------------------------*/
.slideContent .inner {
  padding: 0 18px;
}
.slideContent .inner a {
  display: block;
  text-align: center;
}
.slideContent .inner span {
  display: block;
  font-size: 1.2rem;
}
.slideContent .inner span.productImg, .slideContent .inner span.productName, .slideContent .inner span.image {
  margin-bottom: 20px;
}
.slideContent .inner span.productPrice, .slideContent .inner span.productPrice-add {
  display: inline-block;
}
.slideContent .inner span.date, .slideContent .inner span.text {
  font-size: 1.2rem;
}
.slideContent .inner img {
  width: 100%;
  height: auto;
}
.slideContent .slick-slide img {
  width: 100%;
  height: auto;
}
.slideContent .slick-prev,
.slideContent .slick-next {
  position: absolute;
  display: block;
  height: 40px;
  width: 36px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  z-index: 10;
  top: 122px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  content: '';
}
.slideContent .slick-prev {
  left: 0;
}
[dir="rtl"] .slideContent .slick-prev {
  left: auto;
  right: 0;
}
.slideContent .slick-next {
  right: 0;
}
[dir="rtl"] .slideContent .slick-next {
  left: 0;
  right: auto;
}

/*----------------------------------------------
### NEWS
----------------------------------------------*/
.news-section {
  position: relative;
}
.news-section dl dt {
  float: left;
  width: 8em;
  position: relative;
  margin-bottom: 15px;
}
.news-section dl dd {
  margin-left: 9em;
  margin-bottom: 15px;
}
.news-section .btn_more {
  top: auto;
  bottom: -20px;
  right: 0;
}

/*----------------------------------------------
### FEATURE
----------------------------------------------*/
.feature-section {
  width: 1200px;
}
.feature-section .innerWrap {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex-wrap: wrap;
  margin-left: -24px;
}
.feature-section .innerWrap .inner {
  text-align: center;
  width: calc(33.33333% - 24px);
  margin-left: 24px;
  margin-bottom: 20px;
  padding-top: 30px;
}
.feature-section .innerWrap .inner:first-of-type, .feature-section .innerWrap .inner:nth-of-type(2) {
  width: calc(50% - 24px);
  padding-top: 0;
}
.feature-section .innerWrap .inner:nth-of-type(3), .feature-section .innerWrap .inner:nth-of-type(4) {
  width: calc(50% - 24px);
}
.feature-section .innerWrap .inner.cell2 {
  /*2列表示*/
  width: calc(50% - 24px);
}
.feature-section .innerWrap .inner.cell3 {
  /*3列表示*/
  width: calc(33.33333% - 24px);
}
.feature-section .innerWrap .inner.cell4 {
  /*4列表示*/
  width: calc(25% - 24px);
}
.feature-section .innerWrap .inner a {
  display: block;
}
.feature-section .innerWrap .inner a .image {
  margin-bottom: 15px;
}
.feature-section .innerWrap .inner a .image img {
  width: 100%;
  height: auto;
}
.feature-section .innerWrap .inner a .text {
  font-family: "Libre Baskerville", "Noto Serif JP", serif;
  font-size: 2rem;
  margin-top: 17px;
  display: block;
}

/*----------------------------------------------
### BEST SELLER
----------------------------------------------*/
.bestseller-section {
  padding-top: 30px;
  margin-bottom: 80px;
}

/*----------------------------------------------
### ABOUT US
----------------------------------------------*/
.aboutus-section {
  background-color: #faf7f4;
  padding: 30px 0;
}
.aboutus-section .text {
  text-align: center;
  margin-bottom: 20px;
}
.aboutus-section .link {
  text-align: center;
}
.aboutus-section .link a {
  color: #93918f;
}

/*----------------------------------------------
### SHOP BLOG
----------------------------------------------*/
.shopblog-section .ttl2 {
  margin-bottom: 15px;
}
.shopblog-section .link {
  text-align: center;
  margin-bottom: 20px;
}
.shopblog-section .link a {
  color: #93918f;
}
.shopblog-section .slideContent .inner {
  /*      img {
          width: 204px;
          height: 204px;
          object-fit: cover;
          margin-left: auto;
          margin-right: auto;
        }*/
}
.shopblog-section .slideContent .inner span.image {
  text-align: center;
}

/*----------------------------------------------
### INSTAGRAM
----------------------------------------------*/
.instafeed-section {
  position: relative;
}
.instafeed-section .link {
  text-align: center;
  margin-bottom: 20px;
}
.instafeed-section .link a {
  color: #93918f;
}
.instafeed-section #instafeed {
  margin-bottom: 40px;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  margin-left: 0;
}
.instafeed-section #instafeed .inner {
  margin-left: 0;
  margin-bottom: 0;
  width: calc(100% / 6);
}
.instafeed-section #instafeed .inner a {
  display: block;
}
.instafeed-section #instafeed .inner img {
  object-fit: cover;
  /* この一行を追加するだけ！ */
}

/*.bestseller-section .productName{
	display:none !important;
}*/
/*----------------------------------------------
### 20-10-27 東急プラザ銀座店
----------------------------------------------*/
.feature-shop {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.feature-shop .shop-best-seller {
  width: 100%;
  margin-bottom: 40px;
}
.feature-shop .shopBlog {
  width: 38.5%;
}
.feature-shop .shopBlog .list {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.feature-shop .shopBlog .list .inner {
  width: 47%;
}
.feature-shop .shopBlog .list .inner span {
  display: block;
  font-size: 1.2rem;
}
.feature-shop .shopBlog .list .inner span.image {
  margin-bottom: 20px;
}
.feature-shop .shopInfo {
  width: 58.5%;
}
.feature-shop .shopInfo .block-wrap {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.feature-shop .shopInfo .image {
  width: 408px;
  margin-bottom: 20px;
}
.feature-shop .shopInfo .address {
  width: 38%;
}
.feature-shop .shopInfo .text {
  width: 100%;
}

/*----------------------------------------------------
### 20-11-04 「ショップブログ」「直営店舗」タイトル
----------------------------------------------------*/
.shopBlog .ttl2,
.shopInfo .ttl2 {
  text-align: left;
}

.feature-shop .shopInfo .address {
  margin-top: 75px;
  text-align:center;
}
/*----------------------------------------------------
### 21-03-08 バナーセクション ボタン
----------------------------------------------------*/
.f-Libre {
  font-family: "Libre Baskerville", "Noto Serif JP", serif;
}
.s-banner-btn {
  display: inline-block;
  background: #FFF;
  color: #000;
  margin: 2.5rem 0 0;
  padding: .5rem 5rem;
  transition: .5s;
  border: 1px solid #000;
  cursor: pointer;
}
.feature-section .s-banner-btn:hover  {
  background: #000;
  color: #FFF;
}
/*----------------------------------------------------
### 21-03-08 メインビジュアル
----------------------------------------------------*/
[data-color="white"] {color: #FFF;}
[data-color="bk"] {color: #000;}
.mv-section .inner {position: relative;width: 100%;}
.mv-section .inner .cover-text-wrap{
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.cover-text-wrap .title {
  font-size: 4.25vw;
}
.cover-text-wrap .text {
  font-size: 1.4vw;
  margin: 0 0 2.5rem;
}
.cover-text-wrap .btn-text {
  display: inline-block;
  padding: .75vw 5vw;
  transition: .5s;
  /* border: 1px solid #000; */
}
[data-btn="bk"] {
  background: #000;
  border: 1px solid #000;
  box-sizing: border-box;
  color: #FFF;
}
[data-btn="white"] {
  background: #FFF;
  box-sizing: border-box;
  color: #000;
}
.cover-text-wrap [data-btn="bk"]:hover {
  color: #000;
  background: #FFF;
}
.cover-text-wrap [data-btn="white"]:hover {
  color: #FFF;
  background: #000;
}
/*----------------------------------------------------
### 21-03-08 TOPインスタグラムフィード
----------------------------------------------------*/
.instafeed-section .instafeed-text{
  text-align: center;
  margin: 1.5rem 0;
}
.instafeed-guide-btn {
  display: flex;
  justify-content: center;
  margin-bottom:2.5rem;
}
.instafeed-guide-btn a {
  display: block;
  padding-left: 15px;
  padding-right: 15px;
}
.instafeed-section #instafeed .inner{
  width: calc(100% / 4);
}
.instafeed-section #instafeed .inner + .inner {
  padding-left: 5px;
}