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

    /* ================================
    BRAND / BASE
    ================================= */
    --col-brand: #ED6C00;
    --col-brand_dark: #CE5E00;
    --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-printing: #8CA8C9;
    --col-product-special: #D1AC33;

    /* 用途カテゴリ */
    --col-product2-app-adv: #DE8078;
    --col-product2-app-adv-2: #EDADA3;
    --col-product2-app-pub: #8E6A45;
    --col-product2-app-pub-2: #B2977C;
    --col-product2-app-pkg: #61A86D;
    --col-product2-app-pkg-2: #96B993;
    --col-product2-app-sp: #577091;
    --col-product2-app-sp-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='app-adv'] {
    background-color: var(--col-product2-app-adv-2);
}

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

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

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

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

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

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

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

/*カテゴリーカード*/
.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-printing'] {
    background-color: var(--col-product-digital-printing);
}

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


/* 製品トップ */
.product-top-block[data-slug='app-adv'] .product-top-block__head {
    background-color: var(--col-product2-app-adv);
}

.product-sub-card[data-slug='app-adv'] {
    background-color: var(--col-product2-app-adv-2);
}

.product-sub-card[data-slug='app-adv']:hover .button-base {
    @media screen and (min-width: 769px) {
        background-color: var(--col-product2-app-adv-2);
    }
}

.product-top-block[data-slug='app-pkg'] .product-top-block__head {
    background-color: var(--col-product2-app-pkg);
}

.product-sub-card[data-slug='app-pkg'] {
    background-color: var(--col-product2-app-pkg-2);
}

.product-sub-card[data-slug='app-pkg']:hover .button-base {
    @media screen and (min-width: 769px) {
        background-color: var(--col-product2-app-pkg-2);
    }
}

.product-top-block[data-slug='app-pub'] .product-top-block__head {
    background-color: var(--col-product2-app-pub);
}

.product-sub-card[data-slug='app-pub'] {
    background-color: var(--col-product2-app-pub-2);
}

.product-sub-card[data-slug='app-pub']:hover .button-base {
    @media screen and (min-width: 769px) {
        background-color: var(--col-product2-app-pub-2);
    }
}

.product-top-block[data-slug='app-sp'] .product-top-block__head {
    background-color: var(--col-product2-app-sp);
}

.product-sub-card[data-slug='app-sp'] {
    background-color: var(--col-product2-app-sp-2);
}

.product-sub-card[data-slug='app-sp']:hover .button-base {
    @media screen and (min-width: 769px) {
        background-color: var(--col-product2-app-sp-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 {
    @media screen and (min-width: 769px) {
        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-printing'] {
    background-color: var(--col-product-digital-printing);
}

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

.product-category-head[data-slug='app-adv'] {
    background-color: var(--col-product2-app-adv-2);
}

.product-category-head[data-slug='app-pub'] {
    background-color: var(--col-product2-app-pub-2);
}

.product-category-head[data-slug='app-pkg'] {
    background-color: var(--col-product2-app-pkg-2);
}

.product-category-head[data-slug='app-sp'] {
    background-color: var(--col-product2-app-sp-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-printing'] .usecase-card__heading {
    background-color: var(--col-product-digital-printing);
}

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

.usecase-card[data-slug='app-adv'] .usecase-card__heading {
    background-color: var(--col-product2-app-adv-2);
}

.usecase-card[data-slug='app-pub'] .usecase-card__heading {
    background-color: var(--col-product2-app-pub-2);
}

.usecase-card[data-slug='app-pkg'] .usecase-card__heading {
    background-color: var(--col-product2-app-pkg-2);
}

.usecase-card[data-slug='app-sp'] .usecase-card__heading {
    background-color: var(--col-product2-app-sp-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: #fff0e1;
}

.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);
}


/* ニュース ==================================== */

.news-list__item .item-categories >a[data-slug='company'],
.news-single__head-categories > a[data-slug='company'] {
    --mycol_back: #ddecff;
    --mycol_front: #5384c7;
}

.news-list__item .item-categories >a[data-slug='product'],
.news-single__head-categories > a[data-slug='product'] {
    --mycol_back: #FFEDB6;
    --mycol_front: var(--col-brand);
}

.news-list__item .item-categories >a[data-slug='event'],
.news-single__head-categories > a[data-slug='event'] {
    --mycol_back: #D4F0D3;
    --mycol_front: #019A00;
}

.news-list__item .item-categories >a[data-slug='media'],
.news-single__head-categories > a[data-slug='media'] {
    --mycol_back: #FFD5E6;
    --mycol_front: #EB3E88;

}