@charset "UTF-8";

/* common */
.glue__img {
    /* height: auto;
    aspect-ratio: 1 / 1;
    background: no-repeat center/60px; */
    width: 60px;
    height: 60px;
    margin: 5px auto;
    background-size: cover;
}

/* individual backgrounds */

/* individual backgrounds
.productOption[data-option-category=""] .glue__img[data-label="1個10%"] {
  background-image: url(https://heart.itembox.design/item/common/img/icon-one_10off.png);
}
.productOption[data-option-category=""] .glue__img[data-label="5個15%"] {
  background-image: url(https://heart.itembox.design/item/common/img/icon-five_15off.png);
}
.productOption[data-option-category=""] .glue__img[data-label="5個20%"] {
  background-image: url(https://heart.itembox.design/item/common/img/icon-five_20off.png);
} */

/*糊*/
.glue__img[data-label="糊無"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-noglue.png);
}

.glue__img[data-label="スチック"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-stick.png);
}

.glue__img[data-label="ハイシール"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-high_seal.png);
}

.glue__img[data-label="テープスチック"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-tape_stick.png);
}

.glue__img[data-label="アラビア糊"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-arabic_glue.png);
}

/*紐*/
.glue__img[data-label="紐あり"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-string.png);
}

.glue__img[data-label="紐なし"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-unstring.png);
}

/*郵便番号の表記*/
.productOption[data-option-category="〒"] .glue__img[data-label="〒有"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-zip.png);
}

.productOption[data-option-category="〒"] .glue__img[data-label="〒無"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-unzip.png);
}

.productOption[data-option-category="〒喪"] .glue__img[data-label="〒有"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-postcard_zip.png);
}

.productOption[data-option-category="〒喪"] .glue__img[data-label="〒無"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-postcard_unzip.png);
}

/*まとめ買いの表記*/
.productOption[data-option-category="まとめ15"] .glue__img[data-label="1個10%"],
.productOption[data-option-category="まとめ20"] .glue__img[data-label="1個10%"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-1_10off.png);
}

.productOption[data-option-category="まとめ15"] .glue__img[data-label="5個15%"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-5_15off.png);
}

.productOption[data-option-category="まとめ20"] .glue__img[data-label="5個20%"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-5_20off.png);
}

/*まとめ買いの表記*/
.productOption[data-option-category="まとめ."] .glue__img[data-label="5枚"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-1_piece.png);
}

.productOption[data-option-category="まとめ."] .glue__img[data-label="10枚"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-10_piece.png);
}

.productOption[data-option-category="まとめ."] .glue__img[data-label="50枚"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-50_piece.png);
}

.productOption[data-option-category="まとめ."] .glue__img[data-label="100枚10%"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-100_pieceoff.png);
}

/*まとめminiの表記*/

.productOption[data-option-category="まとめ"] .glue__img[data-label="1冊"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-1_book.png);
}

.productOption[data-option-category="まとめ"] .glue__img[data-label="10冊"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-10_book.png);
}

/*印字*/
.productOption[data-option-category="マーク"] .glue__img[data-label="マーク印字有"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-explanatory.png);
}

.productOption[data-option-category="マーク"] .glue__img[data-label="マーク印字無"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-unexplanatory.png);
}

.productOption[data-option-category="印字"] .glue__img[data-label="印字あり"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-explanatory.png);
}

.productOption[data-option-category="印字"] .glue__img[data-label="印字なし"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-unexplanatory.png);
}


/*アラ*/
.productOption[data-option-category="アラ"] .glue__img[data-label="ワインレッド"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-wine_red.png);
}

.productOption[data-option-category="アラ"] .glue__img[data-label="フォレストグリーン"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-forest_green.png);
}

.productOption[data-option-category="アラ"] .glue__img[data-label="ネイビーブルー"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-navy_blue.png);
}

/*メタル*/
.productOption[data-option-category="メタル"] .glue__img[data-label="ゴールド"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-gold.png);
}

.productOption[data-option-category="メタル"] .glue__img[data-label="ダークグレー"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-dark_gray.png);
}

/*クホ*/
.glue__img[data-label="ホワイト"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-white.png);
}

.glue__img[data-label="クリーム"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-cream.png);
}

/*クホ2*/
.glue__img[data-label="ホワイト"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-white.png);
}

.glue__img[data-label="クリーム"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-cream.png);
}

/*はがき*/
.glue__img[data-label="30冊"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-30_book.png);
}

.glue__img[data-label="50冊"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-50_book.png);
}

.glue__img[data-label="100冊"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-100_book.png);
}

/* 画像を表示しないバリエーション */
.productOption[data-option-category="封印"] .glue__img {
    display: none;
}

.productOption[data-option-category="文例"] .glue__img {
    display: none;
}

.productOption[data-option-category="色"] .glue__img {
    display: none;
}

/* 予備 */
.glue__img[data-label="1"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-1_book.png);
}

.glue__img[data-label="1個"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-1ko.png);
}

.glue__img[data-label="2"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-2ko.png);
}

.glue__img[data-label="2個"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-2ko.png);
}

.glue__img[data-label="5"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-5_book.png);
}

.glue__img[data-label="5セット"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-5_book.png);
}

.glue__img[data-label="5枚"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-5mai.png);
}

.glue__img[data-label="5個"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-5ko.png);
}

.glue__img[data-label="10"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-10_book.png);
}

.glue__img[data-label="10枚"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-10mai.png);
}

.glue__img[data-label="15"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-15_book.png);
}

.glue__img[data-label="30"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-30_book.png);
}

.glue__img[data-label="30枚"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-30mai.png);
}

.glue__img[data-label="50"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-50_book.png);
}

.glue__img[data-label="50枚"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-50mai.png);
}

.glue__img[data-label="100"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-100_book.png);
}

.glue__img[data-label="100枚"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-100mai.png);
}

.glue__img[data-label="200"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-200_book.png);
}

.glue__img[data-label="300"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-300_book.png);
}

.glue__img[data-label="400"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-400_book.png);
}

.glue__img[data-label="500"] {
    background-image: url(https://heart.itembox.design/item/common/img/icon-500_book.png);
}