@charset "utf-8";

/* ==============================
  キャンペーンアイコン
  ・セール（.-discount）
  ・クーポン（.-coupon）
  ・タイムセール（.-timesale）
  ・シークレットセール（.-secretsale）
  ・ノベルティ（.-novelty
============================== */
/* アイコン下要素の位置 */
.search-result .product-text,
.catalog-content,
.rankingPage .product-text{
  margin-top: -15px;;
}
.site_harleydavidson .search-result .product-text,
.site_harleydavidson .catalog-content,
.site_harleydavidson .rankingPage .product-text{
  margin-top: -12px;;
}

/* キャンペーンアイコン .catalog-campaignGroup */
.catalog-campaignGroup{
  display:inline-flex;
  flex-wrap:wrap;
  min-height: 15px;
  transform: scale(calc(15/16));
  /* 元サイズheight:16px の時 min-height:15px; なら (15/16) */
  transform-origin:top left;
  width:calc((16/15) * 100%);
  /* 元サイズheight:16px の時 min-height:15px; なら (16/15) */
  max-width: max-content;
  position:relative;
  top: -15px;
}
.site_magaseek #top .catalog-campaignGroup {
  transform: scale(calc(13/16)) translateY(2px);
  width: calc((16/13) * 100%);
}
.catalog-campaignGroup > li{
  height: 16px;
  display: flex;
}
.site_brandeli .catalog .catalog-campaignItem:last-child,
.site_brandeli .ranking .catalog-campaignItem:last-child,
.site_fashionwalker .catalog .catalog-campaignItem:last-child,
.site_fashionwalker .ranking .catalog-campaignItem:last-child,
.site_unbillion .catalog .catalog-campaignItem:last-child,
.site_unbillion .ranking .catalog-campaignItem:last-child{
  margin-bottom: inherit;
}

.catalog-campaignGroup > li span{
  display: flex;
  align-items: center;
  padding: 0 .3em 0 .3em;
  /* この指定が元サイズ */
  font-size: 10px;
  color: #fff;
  letter-spacing: .02em;
}
.site_charles .catalog-campaignGroup > li span{
  line-height:1;
}
.catalog-campaignGroup > li span:after{
  letter-spacing: 0;
}
/* 小ユニット用のリサイズ調整 */
.section-myBrand .catalog-campaignGroup,
.section-campaignItems .catalog-campaignGroup,
.section-trendWord .catalog-campaignGroup{
  transform: scale(calc(13/16));
  width: calc((16/13) * 100%);
  transform-origin:top left;
  min-height: 13px;
  top: -13px;
}
.site_mango .cartPage .cart-recentry .catalog-campaignGroup{
  transform: scale(calc(12/16));
  width: calc((16/12) * 100%);
  top: -12px;
}

.site_brandeli .section-myBrand .catalog-campaignGroup{
  transform: scale(calc(15 / 16));
  top: -15px;

}

.section-myBrand .catalog-content,
.section-campaignItems .catalog-content,
.section-trendWord .catalog-content{
  margin-top:-13px;
}
.site_abe .ranking .catalog-campaignItem:last-child{
  margin-bottom: 1px;
}
.site_abe .catalog-campaignGroup > li.-coupon span{
  transform-origin: bottom left;
}
/* セール */
.catalog-campaignGroup > li.-discount span {
  background-color: rgba(237, 20, 61, 0.8);
}
.site_reebok .catalog-campaignGroup > li.-discount{
  display:none;
}
.site_brandeli .catalog-campaignGroup > li.-discount span{
  background-color:rgba(255, 78, 78, .9);
}
.site_fashionwalker .catalog-campaignGroup > li.-discount span {
  background-color: rgba(255, 94, 116, .8);
  font-weight: 600;
}
.catalog-campaignGroup > li.-discount span:after {
  content: "OFF";
  margin-left: 0.1em;
}
.site_fashionwalker .catalog-campaignGroup > li.-discount span:after {
  font-weight: 400;
}
.catalog-campaignGroup > li.-discount.-special span:after,
.catalog-campaignGroup > li.-discount.-outlet span:after,
span.-specialprice:after,
.site_brandeli .-memberprice:after{
  display: none !important;
  margin-left: 0 !important;
}
/* タイムセール */
.catalog-campaignGroup > li.-discount.-timesale span:before {
  content:"";
  display:inline-block;
  width: 10px;
  height: 10px;
  background-image: url(//media.aws.locondo.jp/contents/img/common/icon_timesale.svg);
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  margin-right: .2em;
}
/* クーポン */
.catalog-campaignGroup > li.-coupon span:before {
  content:"";
  display:inline-block;
  width: calc(25px * (11/11));
  height: 11px;
  /* svg 実サイズ11px * 25px */
  background-image: url(//media.aws.locondo.jp/contents/img/common/icon_coupon.svg);
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  margin-right: .3em;
}
:lang(en) .catalog-campaignGroup > li.-coupon span:before {
  background-image: url(//media.aws.locondo.jp/contents/img/common/icon_coupon_en.svg);
}
.site_fashionwalker .catalog-campaignGroup > li.-coupon span:before {
  background-image: url(//media.aws.locondo.jp/contents/img/common/icon_coupon_white.svg);
}
.catalog-campaignGroup > li.-coupon span {
  color: #222;
  background-color: rgba(255, 218, 31, 0.8);
}
.site_brandeli .catalog-campaignGroup > li.-coupon span {
  background-color:rgba(253, 223, 91, .8);
}
.site_fashionwalker .catalog-campaignGroup > li.-coupon span {
  color: #fff;
  background-color: rgba(233, 140, 247, .8);
  font-weight: 600;
}
.catalog-campaignGroup > li.-coupon.-rate span:after {
  content: "%" !important;
}
body:not(:has(.search-result)) .catalog-campaignGroup > li.-coupon.-price span:after {
  content: "円" !important;
}
.catalog_bottom_contents .catalog-campaignGroup > li.-coupon.-price span:after {
  content: "円" !important;
}
html:lang(en) body:not(:has(.search-result)) .catalog-campaignGroup > li.-coupon.-price span:after {
  content: "JPY" !important;
}
html:lang(en) .catalog_bottom_contents .catalog-campaignGroup > li.-coupon.-price span:after {
  content: "JPY" !important;
}
.catalog-campaignGroup > li.-coupon span:after,
.catalog-campaignGroup > li.-sale span:after{
  margin-left:.1em;
}
/* ノベルティ */
.catalog-campaignGroup > li.-novelty span {
  color: #fff;
  background-color: rgba(27, 191, 127, .8);
}
/* シークレットセール */
.catalog-campaignGroup > li.-secretsale span {
  color: #ec335f;
  background-color: rgba(0, 0, 0, .8);
  opacity: 1;
  font-weight: 700;
}
.catalog-campaignGroup > li.-secretsale span:before {
  display: inline-block;
  font-family: "lcicon";
  content: "\EA55";
  font-size: 13px;
  margin-right: .1em;
}

/* 各サイト調整 */
.site_brandeli .brandeliTop .catalogList .catalog-campaignGroup{
  transform: translateY(-16px);
  min-height: 16px;
}
.site_charles .catalogList .catalog-campaignGroup {
  visibility:visible !important;
  top: 6px;
  margin-bottom: 16px;
  min-height: initial;
}
.site_charles .wrap_history_item .catalog-campaignGroup{
  visibility:hidden !important;
}
:is(
  .site_mango,
  .site_reebok
  ) :is(
    .boemTop,
    .fwTop,
    #top--ranking
    )
    .catalog-campaignGroup{
  visibility:hidden;
}

/* ここからしたSP */
@media (max-width: 640px) {


  /* charles */
  .site_charles .product-discountIcon {
    min-height: initial;
  }
  .site_charles .product-discountIcon {
    transform: translateY(5px) scale(calc(14/15));
  }
  .site_charles .favorite-list .product-discountIcon {
    transform: translateY(-5px) scale(calc(14/15));
  }
  .site_charles .column--2 .product-discountIcon {
    transform: translateY(5px) scale(calc(15/15)) !important;
  }
  .site_akakura .product-discountIcon,
  .site_danyu .product-discountIcon,
  .site_duvetica .product-discountIcon,
  .site_fitfit .product-discountIcon,
  .site_fitflop .product-discountIcon,
  .site_mango .product-discountIcon,
  .site_passover .product-discountIcon,
  .site_samantha .product-discountIcon,
  .site_starcrea .product-discountIcon,
  .site_sfw .product-discountIcon,
  .site_uf .product-discountIcon,
  .site_reebok .product-discountIcon {
    width: calc(100% * (15/15));
    transform: translateY(-15px) scale(calc(15/15));
  }
  .site_akakura .favorite-list .product-discountIcon,
  .site_danyu .favorite-list .product-discountIcon,
  .site_duvetica .favorite-list .product-discountIcon,
  .site_fitfit .favorite-list .product-discountIcon,
  .site_fitflop .favorite-list .product-discountIcon,
  .site_mango .favorite-list .product-discountIcon,
  .site_passover .favorite-list .product-discountIcon,
  .site_samantha .favorite-list .product-discountIcon,
  .site_starcrea .favorite-list .product-discountIcon,
  .site_sfw .favorite-list .product-discountIcon,
  .site_uf .favorite-list .product-discountIcon,
  .site_reebok .favorite-list .product-discountIcon {
    transform: translateY(-20px) scale(calc(14 / 15));
  }
  .column--2 .catalogList_item .product-discountIcon {
    width: calc(100% * (15/15));
    transform: translateY(-15px) scale(calc(15/15));
  }

  /* セール、クーポンアイコン */
  .site_fashionwalker .product-discountIcon li span {
    font-weight: 600;
  }
  .site_fashionwalker .product-discountIcon [class^="icon_discountRate"] {
    background-color: rgba(255, 94, 116, .8);
  }
  .site_fashionwalker .product-discountIcon .icon_couponRate {
    color: #fff;
    background-color: rgba(233, 140, 247, .8);
  }
  .site_fashionwalker .icon_couponRate:before {
    background-image: url(//media.aws.locondo.jp/contents/img/common/icon_coupon_white.svg);
  }
  .site_fashionwalker .product-discountIcon .icon_novelty {
    color: #fff;
    background-color: rgba(41, 217, 148, .8);
  }

  .site_reebok .product-discountIcon [class^="icon_discountRate"] {
    display: none;
  }
  .site_brandeli .ranking .catalog-campaignGroup,
  .site_danyu .ranking .catalog-campaignGroup,
  .site_fineoutlet .ranking .catalog-campaignGroup{
    transform: scale(calc(15 / 16));
  }

  .site_fila #smp_main_content #history_item .catalog-campaignGroup{
    visibility: hidden !important;
  }

/* メディアクエリ閉じ */
}



/* 表示する */
body:not(.site_descente) .catalogList .catalog-campaignGroup{
  visibility:visible !important;
}
/* 非表示にする */
/* 閲覧履歴 */
.site_clarks #cartRemind .catalog-campaignGroup{
  visibility:hidden !important;
}
.site_akakura #history_item .catalog-campaignGroup,
.site_clarks #history_item .catalog-campaignGroup,
.site_descente #history_item .catalog-campaignGroup,
.site_duvetica #history_item .catalog-campaignGroup,
.site_evol #history_item .catalog-campaignGroup,
.site_fascinate #history_item .catalog-campaignGroup,
.site_steady #history_item .catalog-campaignGroup,
.site_stt #history_item .catalog-campaignGroup,
.site_sws #history_item .catalog-campaignGroup{
  visibility:hidden !important;
}
.site_sws #viewerRecoList .catalog-campaignGroup{
  visibility:hidden !important;
}
.site_fila .newArrival_item .catalog-campaignGroup{
  opacity:0;
}
/* PCは デフォルト非表示 */
.product_contents #history_item .catalog-campaignGroup{
  visibility:hidden !important;
}