@charset "utf-8";
@layer assets {

  /* ==============================
    キャンペーンアイコン
    ・セール（.-discount）
    ・クーポン（.-coupon）
    ・タイムセール（.-timesale）
    ・シークレットセール（.-secretsale）
    ・ノベルティ（.-novelty
  ============================== */
  /* アイコン下要素の位置 */
  .search-result .product-text,
  .catalog-content,
  .rankingPage .product-text,
  .catalogPage .product-text{
    margin-top: 0;
  }
  .site_docomo .lc-item__body{
    margin-top: 10px;
  }
  .catalogList_item>a{
    display:block;
  }
  /* キャンペーンアイコン .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%);
    position:relative;
    top: -15px;
    margin-bottom:-15px;
  }
  .site_docomo .catalog-campaignGroup{
    min-height: 18px;
    transform: scale(calc(18/18));
    width:calc((18/18) * 100%);
    top: -18px;
    margin-bottom:-18px;
  }
  .site_docomo .catalog-campaignGroup:has(> li:nth-of-type(2):last-of-type){
    display:flex;
    flex-direction:column;
    top: -36px;
    margin-bottom:-36px;
  }


  .catalog-campaignGroup > li{
    height: 16px;
    display: flex;
  }
  .site_docomo .catalog-campaignGroup > li{
    height: 18px;
  }

  .catalog-campaignGroup > li span{
    display: flex;
    align-items: center;
    padding: 0 .3em 0 .3em;
    /* この指定が元サイズ */
    font-size: 10px;
    color: #fff;
    letter-spacing: .02em;
  }
  .catalog-campaignGroup > li span:after{
    letter-spacing: 0;
  }
  .site_docomo .catalog-campaignGroup > li span{
    font-size: 11px;
    font-weight:600;
  }

  :where(.search-result, .view-history, .cartPage)
  :is(
    #brand_category_ranking,
    #recently_viewed_item,
    #zeroResult_recommend_item,
    #viewHistory,
    #cart_ranking,
    #cartRemind
  )
  .catalogList li .product-text {
    display: block;
    text-align: left;
    padding: 10px 10px 0 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;
  }

  .section-myBrand .catalog-content,
  .section-campaignItems .catalog-content,
  .section-trendWord .catalog-content{
    margin-top:-13px;
  }
  /* セール */
  .catalog-campaignGroup > li.-discount span {
    background-color: rgba(var(--bgcolor-campaignGroup-discount-rbg), 0.8);
  }
  .catalog-campaignGroup > li.-discount span:after {
    content: "OFF";
    margin-left: 0.1em;
  }
  .catalog-campaignGroup > li.-discount.-special span:after,
  .catalog-campaignGroup > li.-discount.-outlet span:after,
  span.-specialprice: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_white.svg);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    margin-right: .3em;
  }
  .catalog-campaignGroup > li.-coupon span {
    color: #fff;
    background-color: rgba(var(--bgcolor-campaignGroup-coupon-rbg), 0.8);
  }
  .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(80, 192, 245, .8);
  }
  /* シークレットセール */
  .catalog-campaignGroup > li.-secretsale span {
    color: #fff999;
    background:rgba(9, 15, 66, .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;
  }

  /* 関連アイテム 会員価格 */
  #related_product .catalog-campaignGroup .icon_memberPrice{
    background-color: rgba(var(--bgcolor-campaignGroup-discount-rbg), 0.8);
  }


  /* 表示する */
  .catalogList .catalog-campaignGroup{
    visibility:visible !important;
  }
  /* 非表示にする */
  .catalogList .catalog-campaignGroup.hidden {
    visibility:hidden !important;
  }

}