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

/*PWP*/
.pwp_promo span {
  display: none;
}

.saleonsale_promo {
  display: none !important;
}

.special_price .gift_promo {
  display: none;
}

.ui-dialog .price .discount + .discount .coupon_promo {
    margin-top: 5px;
}

/*セールクーポンプロモ用*/
.ui-dialog .price span.coupon_promo {
    display: inline-block;
    background: #e91e28;
    color: white;
    padding: 4px 7px 3px;
    font-size: 13px;
    margin: 0px 5px 5px 0;
}
    
/*50%オフクーポン*/
.ui-dialog .price span.coupon_promo.level_50 {
    background: #BD5B00;
}
    
/*40%オフクーポン*/
.ui-dialog .price span.coupon_promo.level_40 {
    background: #e91e28;
}

/*30%オフクーポン*/
.ui-dialog .price span.coupon_promo.level_30 {
    background: #861623;
}

/*20%オフクーポン*/
.ui-dialog .price span.coupon_promo.level_20 {
    background: #610112;
}

/*セールクーポンプロモ用*/
.ui-dialog .price .coupon_txt {
    margin-right: 5px;
    font-weight: normal;
    color: #666;
}

/*クイックビュー内調整（バザーボイス）*/
.detail_wrapper div[data-bv-show="rating_summary"] {
  bottom: 40px !important;
  left: 16px;
}

/*クイックビュー対象商品を見るを削除*/
.ui-dialog .price a {
  display: none;
}

/*クイックビュー内、シーズナルプロモ用*/
.ui-dialog .price .seasonal_promo a {
    display: block;
    color: #a8192e;
    text-decoration: none;
}

.ui-dialog .price .seasonal_promo span:first-child {
    font-size: 18px;
    letter-spacing: normal;
}

.ui-dialog .price .seasonal_promo a .seasonal_promo_link {
    display: inline-block !important;
    text-decoration: underline;
    font-size: 12px;
    color: #464749;
    letter-spacing: normal;
}

@media screen and (min-width: 768px) {

    .ui-dialog .price .seasonal_promo a:hover {
        text-decoration: underline;
    }
}

@media screen and (max-width: 767px) {
    
    .ui-dialog .price .seasonal_promo span:first-child {
        font-size: 15px;
    }
    
    .ui-dialog .price .seasonal_promo a .seasonal_promo_link {
        font-size: 14px;
    }
}

/*クイックビュー内調整（スライダー）*/
.ui-dialog .pdp_banner {
  display: none !important;
}

/*クイックビュー内調整（タイトル余白）*/
.ui-dialog .ui-dialog-content .quickview-title {
  padding: 13px 20px 11px !important;
}

/*クイックビュー内調整（おすすめ商品）*/
.quickview-title + .pdp-main .right_recommend.wide {
  display: none !important;
}

.quickview-title + .pdp-main .container.suggest_area.recommend {
  display: block !important;
}

/*クイックビュー内調整（PDPリンク）*/
.quickview-title + .pdp-main .product-variations {
  margin-top: 20px;
}

.ui-dialog {
  top: 100px !important;
}

/*
.quickview-title + .pdp-main .item .item_image + .thumbnail_label_jedition {
    top: 300px;
    left: 20px;
}
*/

.quickview-title + .pdp-main .product-tile .thumbnail_label_jedition br {
  display: block;
}

@media screen and (min-width: 768px) {
  /*絞り込みPC表示時にbodyの固定を解除*/
  body {
    position: static !important;
  }

  main .contents_wrapper {
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  .ui-dialog {
    top: 350px !important;
  }
  .thumbnail .thumbnail_label.thumbnail_label_discount {
    width: auto;
  }
}

aside {
  position: -webkit-sticky;
  /* top: 0; */
  height: calc(100vh - 116px);
  position: sticky;
  top: 80px;
  overflow-y: auto;
}

@media screen and (min-width: 768px) {
  aside .filter_wrap {
    overflow: unset;
  }

  /*
    ul#search-result-items {
        justify-content: space-between;
    }
    */

  main .contents_wrapper article {
    width: auto !important;
    float: none;
  }

  div#primary {
    float: left;
    width: 80%;
  }

  div#primary:has(.recommend_producthits) {
    width: 100%;
  }

  .contents_wrapper.clearfix {
    padding: 0;
  }

  .contents_wrapper aside {
    margin-right: 1.5% !important;
  }

  /*
    aside {
        scrollbar-color: #ccc #efefef;
        scrollbar-width: thin;
      }
      aside::-webkit-scrollbar {
        height: 10px;
        width: 10px;
        background-color: #f6f6f6;
      }
      aside::-webkit-scrollbar-corner {
        background: #f6f6f6;
      }
      aside::-webkit-scrollbar-thumb {
        background: #e9e9e9;
        border: 1px solid #fff;
      }
      aside::-webkit-scrollbar-thumb:hover {
        background: #869e2c;
      }
      aside::-webkit-scrollbar-track {
        border: 1px solid #fff;
        background-color: #f6f6f6;
      }
    */

  aside .condition .condition_result .condition_result_h:after {
    content: "\f078";
    display: inline-block;
    position: absolute;
    right: 10px;
    font-family: "FontAwesome";
    font-weight: normal;
  }

  aside .condition .condition_result .condition_result_h:after {
    content: "\f077";
  }

  aside .condition .condition_result.closed .condition_result_h:after {
    content: "\f078";
    right: 10px;
  }

  .condition_result {
    cursor: pointer;
  }

  article .result {
    justify-content: space-between;
  }

  article .result:after {
    content: "";
    display: block;
    width: 24%;
    height: 0;
  }

  article .result:before {
    content: "";
    display: block;
    width: 24%;
    height: 0;
    order: 1;
  }

  article
    #search-result-items
    li
    .product-tile
    .product-image
    .item_thumbnail_img
    img {
    max-width: 240px;
    max-height: initial;
  }
}
article .categorytop_recommendA:first-child {
  display: none;
}
@media screen and (max-width: 767px) {
  /*filter input button bug fix*/
  #main:has(.bg_filter.active) .search-result-options input {
    z-index: -2;
  }
}

/*Viewed Icon*/
div.under_label_wrap span.viewed_icon:before {
  content: "\f06e";
  font-family: "FontAwesome";
  padding-right: 5px;
  font-size: 18px;
}

div.thumbnail.product-image > div.under_label_wrap span.viewed_icon {
  background: #b8b8b8;
  line-height: 1;
  padding: 0px 6px 1px;
  font-size: 13px;
  font-family: arial;
  font-weight: normal;
  color: white;
  border-radius: 3px;
  float: right;
  margin-top: 4px;
  margin-right: 10px;
  height: 19px;
}
@media screen and (max-width: 1100px) {
  div.under_label_wrap span.viewed_icon:before {
    display: none;
  }
  div.thumbnail.product-image > div.under_label_wrap span.viewed_icon {
    line-height: inherit;
  }
}
@media screen and (max-width: 971px) {
  div.under_label_wrap span.viewed_icon:before {
    display: inline-block;
  }
  div.thumbnail.product-image > div.under_label_wrap span.viewed_icon {
    line-height: 1;
  }
}
@media screen and (max-width: 767px) {
  div.thumbnail.product-image > div.under_label_wrap span.viewed_icon {
    position: absolute;
    bottom: 28px;
    font-size: 12px !important;
    height: 17px;
    right: 5px;
  }
  div.under_label_wrap span.viewed_icon:before {
    font-size: 15px;
  }
}