:root {
    /* カラー定義 */

    /* ================================
    BRAND / BASE
    ================================= */
    --col-brand: #ED6C00;
    --col-accent: #ED6C00;
    --col-base-text: #000;

    /* ================================
     UI
    ================================= */
    --col-bg-gray-1: #535353;
    --col-bg-gray-2: #888888;
    --col-bg-gray-3: #D5D5D5;
    --col-bg-gray-4: #F8F8F8;

    --col-bg-orange-1: #FF9941;
    --col-bg-orange-2: #FFC490;
    --col-bg-orange-3: #FFE2C9;
    --col-bg-orange-4: #ffeede;
    --col-bg-orange-5: #FFF5EB;



    /* ================================
    PRODUCT CATEGORY
    ================================= */

    /* 製品カテゴリ */
    --col-product-standard: #E68E44;
    --col-product-texture: #D66F9B;
    --col-product-label: #A5A5A5;
    --col-product-suction-tack: #D7AC87;
    --col-product-digital-print: #8CA8C9;
    --col-product-special: #D1AC33;

    /* 用途カテゴリ */
    --col-product2-ad: #DE8078;
    --col-product2-ad-2: #EDADA3;
    --col-product2-print: #8E6A45;
    --col-product2-print-2: #B2977C;
    --col-product2-package: #61A86D;
    --col-product2-package-2: #96B993;
    --col-product2-advanced: #577091;
    --col-product2-advanced-2: #8EA8B9;
    --col-product2-function: #4F6175;
    --col-product2-function-2: #7C8AA1;

    /* 機能・特徴 */
    --col-product3-function: #7C7C7C;

    /* ================================
    COLUMN CATEGORY
    ================================= */
    --col-column-story: var(--col-brand);
    --col-column-story2: var(--col-bg-orange-3);
    --col-column-labo: #747474;
    --col-column-labo2: var(--col-bg-gray-3);
}

/* ================================
slugによるカラーリング
================================= */

/* トップページ */

.product-category-panel[data-slug='ad'] {
  background-color: var(--col-product2-ad-2);
}
.product-category-panel[data-slug='ad'] .product-category-panel__head .title {
    background-color: var(--col-product2-ad);
}

.product-category-panel[data-slug='print'] {
    background-color: var(--col-product2-print-2);
}
.product-category-panel[data-slug='print'] .product-category-panel__head .title {
    background-color: var(--col-product2-print);
}

.product-category-panel[data-slug='package'] {
    background-color: var(--col-product2-package-2);
}
.product-category-panel[data-slug='package'] .product-category-panel__head .title {
    background-color: var(--col-product2-package);
}
.product-category-panel[data-slug='advanced'] {
    background-color: var(--col-product2-advanced-2);
}
.product-category-panel[data-slug='advanced'] .product-category-panel__head .title {
    background-color: var(--col-product2-advanced);
}

/*カテゴリーカード*/
.product-category-card[data-slug='standard'] {
      background-color: var(--col-product-standard);
}

.product-category-card[data-slug='texture'] {
    background-color: var(--col-product-texture);
}

.product-category-card[data-slug='label'] {
    background-color: var(--col-product-label);
}

.product-category-card[data-slug='suction-tack'] {
    background-color: var(--col-product-suction-tack);
}

.product-category-card[data-slug='digital-print'] {
    background-color: var(--col-product-digital-print);
}

.product-category-card[data-slug='special'] {
    background-color: var(--col-product-special);
}




/* 製品トップ */
.product-top-block[data-slug="ad"] .product-top-block__head {
    background-color: var(--col-product2-ad);
}
.product-sub-card[data-slug="ad"] {
    background-color: var(--col-product2-ad-2);
}
.product-sub-card[data-slug="ad"]:hover .button-base {
    background-color: var(--col-product2-ad-2);
}

.product-top-block[data-slug="package"] .product-top-block__head {
    background-color: var(--col-product2-package);
}
.product-sub-card[data-slug="package"] {
    background-color: var(--col-product2-package-2);
}
.product-sub-card[data-slug="package"]:hover .button-base {
    background-color: var(--col-product2-package-2);
}

.product-top-block[data-slug="print"] .product-top-block__head {
    background-color: var(--col-product2-print);
}
.product-sub-card[data-slug="print"] {
    background-color: var(--col-product2-print-2);
}
.product-sub-card[data-slug="print"]:hover .button-base {
    background-color: var(--col-product2-print-2);
}

.product-top-block[data-slug="advanced"] .product-top-block__head {
    background-color: var(--col-product2-advanced);
}
.product-sub-card[data-slug="advanced"] {
    background-color: var(--col-product2-advanced-2);
}
.product-sub-card[data-slug="advanced"]:hover .button-base {
    background-color: var(--col-product2-advanced-2);
}

.product-top-block[data-slug="function"] .product-top-block__head {
    background-color: var(--col-product3-function);
}
.product-sub-card[data-slug="function"] {
    background-color: var(--col-product3-function);
}
.product-sub-card[data-slug="function"]:hover .button-base {
    background-color: var(--col-product3-function);
}

/* 製品カテゴリー */
.product-category-head[data-slug="standard"] {
    background-color: var(--col-product-standard);
}
.product-category-head[data-slug="texture"] {
    background-color: var(--col-product-texture);
}
.product-category-head[data-slug="label"] {
    background-color: var(--col-product-label);
}
.product-category-head[data-slug="suction-tack"] {
    background-color: var(--col-product-suction-tack);
}
.product-category-head[data-slug="digital-print"] {
    background-color: var(--col-product-digital-print);
}
.product-category-head[data-slug="special"] {
    background-color: var(--col-product-special);
}

.product-category-head[data-slug="ad"] {
    background-color: var(--col-product2-ad-2);
}
.product-category-head[data-slug="print"] {
    background-color: var(--col-product2-print-2);
}
.product-category-head[data-slug="package"] {
    background-color: var(--col-product2-package-2);
}
.product-category-head[data-slug="advanced"] {
    background-color: var(--col-product2-advanced-2);
}
.product-category-head[data-slug="function"] {
    background-color: var(--col-product3-function);
}



/* 使用例カード */
.usecase-card[data-slug="standard"] .usecase-card__heading {
    background-color: var(--col-product-standard);
}
.usecase-card[data-slug="texture"] .usecase-card__heading {
    background-color: var(--col-product-texture);
}
.usecase-card[data-slug="label"] .usecase-card__heading {
    background-color: var(--col-product-label);
}
.usecase-card[data-slug="suction-tack"] .usecase-card__heading {
    background-color: var(--col-product-suction-tack);
}
.usecase-card[data-slug="digital-print"] .usecase-card__heading {
    background-color: var(--col-product-digital-print);
}
.usecase-card[data-slug="special"] .usecase-card__heading {
    background-color: var(--col-product-special);
}
.usecase-card[data-slug="ad"] .usecase-card__heading {
    background-color: var(--col-product2-ad-2);
}
.usecase-card[data-slug="print"] .usecase-card__heading {
    background-color: var(--col-product2-print-2);
}
.usecase-card[data-slug="package"] .usecase-card__heading {
    background-color: var(--col-product2-package-2);
}
.usecase-card[data-slug="advanced"] .usecase-card__heading {
    background-color: var(--col-product2-advanced-2);
}
.usecase-card[data-slug="function"] .usecase-card__heading {
    background-color: var(--col-product3-function);
}

/* コラム ==================================== */

/* コラムカード */
.column-card[data-slug='story'] .column-card__category {
    border: 1px solid var(--col-column-story);
    background-color:  var(--col-column-story);
}

.column-card[data-slug='labo'] .column-card__category {
        border: 1px solid var(--col-column-labo);
        background-color:  var(--col-column-labo);
}
@media screen and (min-width: 769px) {
    .column-card[data-slug='story'] .column-card__category:hover {
        background-color: #fff !important;
        color: var(--col-column-story);
    }
    .column-card[data-slug='labo'] .column-card__category:hover {
        background-color: #fff;
        color: var(--col-column-labo);
    }
}

/* コラム詳細 */
.column-wrap[data-slug="story"] {
    background-color: var(--col-column-story2);
}
.column-wrap[data-slug="story"] .heading-band >span{
    color: var(--col-column-story) !important;
}

.column-wrap[data-slug="story"] .column-single__head-category {
    background-color: var(--col-column-story);
}
.column-wrap[data-slug="story"] #toc_container {
    background-color: var(--col-bg-orange-5);
}
.column-wrap[data-slug="story"] .article-style h2 {
    background-color: var(--col-bg-orange-5);
}
.column-wrap[data-slug="story"] .column-related {
    background-color: var(--col-bg-orange-4);
}
.column-wrap[data-slug="story"] .author-card__label {
    background-color: var(--col-bg-orange-4);
}

.column-wrap[data-slug="labo"] {
    background-color: var(--col-column-labo2);
}
.column-wrap[data-slug="labo"] .heading-band >span{
    color: var(--col-base-text) !important;
}
.column-wrap[data-slug="labo"] .column-single__head-category {
    background-color: #6C6C6C;
}
.column-wrap[data-slug="labo"] #toc_container {
    background-color: #F4F4F4;
}
.column-wrap[data-slug="labo"] .article-style h2 {
    background-color: #F4F4F4;
}
.column-wrap[data-slug="labo"] .column-related {
    background-color: #F4F4F4;
}
.column-wrap[data-slug="labo"] .author-card__label {
    color: var(--col-base-text) !important;
    background-color: var(--col-column-labo2);
}