@charset "utf-8";
/*-----------------------------------

shinqs.css
渋谷ヒカリエ ShinQs CSS
SP

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

/*-----------------------------------
共通
-----------------------------------*/
#shinqs section,
#shinqs .section {
  margin: 50px 0;
}
#shinqs .inner {
  padding: 0 10px;    
}
#shinqs .image img {
    width: 100%;
}
/* ボタン */
#shinqs .button {
  display: block;
  position: relative;
  width: 100%;
  background: #212121;
  margin: 0 auto 20px;
  padding: 15px 0;
  border: 1px solid #212121;
  transition: .1s linear;
  color: #fff;
  font-size: 15px;
  letter-spacing: .1em;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
}
#shinqs .button:hover {
  background: #fff;
  color: #212121;
  text-decoration: none;
}

/* 次へ */
#shinqs .button_next:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 8px;
  height: 8px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  transition: .3s;
  transform: translateY(-50%) rotate(45deg);
  content: "";
}
#shinqs .button_next:hover:after {
  border-top: solid 1px #212121;
  border-right: solid 1px #212121;
  right: 15px;
  transition: .3s;
} 



/*-----------------------------------
おすすめ特集
-----------------------------------*/
#shinqs .feature.middle .tokushu {
  display: flex;
  flex-wrap: wrap;
  padding: 0 8px;
}
#shinqs .feature.middle .tokushu > li {
  width: calc((100% - 10px) / 2);
  margin:  0 10px 10px 0;
}
#shinqs .feature.middle .tokushu > li:nth-child(even) {
  margin-right: 0;
}
#shinqs .feature.middle .tokushu img {
  width: 100%;
}
  
  
/*-----------------------------------
ロングバナー
-----------------------------------*/
.shinqsBanner {
  width: 100%;
  margin: 0 0 30px;    
}
.shinqsBanner .shinqsBanner_Item {
  margin: 0 0 20px;    
}
.shinqsBanner .shinqsBanner_Item img {
  width: 100%;
}





/*-----------------------------------
おすすめ商品
-----------------------------------*/
.pickup_block {
  margin: 40px 0;
  width: 100%;
}
.pickup_block .pick_title {
  margin: 0;
  color: #515254;
  font-size: 20px;
  font-weight: bold;
}
.pickup_block .pick_wrap {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-top: 1px solid #515254;
  padding-top: 30px;
}
.pickup_block .pick_item {
  width: calc((100% - 15px)/2);
  margin-right: 15px;
}
.pickup_block .pick_item:nth-of-type(n+3) {
  margin-top: 20px;
}
.pickup_block .pick_item:nth-of-type(2n) {
  margin-right: 0;
}
.pickup_block .pick_item a {
  transition: .3s;
  text-decoration: none;
  position: relative;
  color: #000000;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pickup_block .pick_item a:hover p {
  color: #eed47e;
  text-decoration: none;
}
.pickup_block .pick_item .pick_image {
  display: flex;
  justify-content: center;
  width: 100%;
}
.pickup_block .pick_item .pick_image img {
  width: 80%;
  margin: 10px auto;
  text-align: center;
}
.pickup_block .pick_item .pick_text_box {
  display: inline-block;
  width: 80%;
}
.pickup_block .pick_item .pick_text_box p {
  margin: 0 0 10px;
  font-weight: 600;
  line-height: 1.7;
}
.pickup_block .pick_item .pick_text_box .price {
  font-size: 18px;
  font-weight: bold;
}
.pickup_block .pick_item .pick_text_box .price span {
  font-size: 13px;
  font-weight: bold;
}

/*-----------------------------------
ブランド一覧
-----------------------------------*/
.shinqs_brand-list {
  margin: 0 0 50px;
  padding: 36px 20px;
  background: #f7f0ed;
}
.shinqs_brand-list ul {
  margin-top: 10px;
  padding: 0;
}
.shinqs_brand-list li{
  position: relative;
    border-top: 1px solid #64514b;
  background-color: #f7f0ed;
}
.shinqs_brand-list ul > li:last-of-type{
    border-bottom: 1px solid #64514b;
}
.shinqs_brand-list li a {
  display: block;
  padding: 15px;
  color: #333;
}
.shinqs_brand-list li a::after {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 11px;
  height: 20px;
  margin-top: -10px;
  background: url("https://ecimg.tokyu-dept.co.jp/ec/images/oseibo/sp_sprite_arrow.png") no-repeat -50px -50px;
  background-size: 200px auto;
  content: " ";
}

/* toggle */
.shinqs_brand-list .toggle_slide {
  position: relative;
  padding: 15px;
}
.shinqs_brand-list .toggle_slide::after {
  display: block;
  position: absolute;
  top: 60%;
  right: 16px;
  width: 20px;
  height: 11px;
  margin-top: -10px;
  background: url("https://ecimg.tokyu-dept.co.jp/ec/images/oseibo/sp_sprite_arrow.png") no-repeat -100px -50px;
  background-size: 200px auto;
  content: " ";
}
.open::after {
  transform: rotateX(180deg);
}
/* toggle inner */
.toggle_inner {
  display: none;
}
/* toggle内カテゴリ */
.shinqs_brand-list .shinqs_brand-inner {
  padding: 0;
  background: #ccc;
}
.shinqs_brand-inner ul {
  margin: 0;
}
.shinqs_brand-inner ul li {
  background: #f2e3dd;
}
.shinqs_brand-inner ul li:last-child {
  border: 0;
}

/* 小カテゴリ */
.shinqs_brand-list .third_category {
  padding: 0;
  text-indent: 1em;
}

/* ブランド一覧リニューアル */
.shinqs_brand .shinqs_brand-list ul .sweetscolor {
        border-top: 1px solid #64514b;
      background-color: #f7f0ed;
    }
    .shinqs_brand .shinqs_brand-list ul .sweetscolor:last-child {
        border-bottom: 1px solid #64514b;
    }
    .shinqs_brand .sweets {
      background-color: #f7f0ed;
      padding: 30px 30px 50px;
    }


/* 店舗情報ボタン */
.logotop_button {
  text-align: center;
  margin-bottom: 20px;
}
.logotop_button a {
  display: inline-block;
  border-left: 1px solid #64514b;
  border-right: 1px solid #64514b;
  padding-bottom: 10px;
}
.logotop_button a img {
  width: 70%;
}
.logotop_button .logotop_text {
  color: #333;
  text-decoration: none;
  margin-top: 6px;
}