:root {
    --CPT-THM-R: 0;
    --CPT-THM-G: 187;
    --CPT-THM-B: 255;
    --CPT-THM-H: 196;
    --CPT-THM-S: 100%;
    --CPT-THM-L: 50%;
    --body-background-color: hsl(
        var(--CPT-THM-H, 0) calc(var(--CPT-THM-S, 100%) / 10) 10%
    );
    --background-color-L1: hsl(
        var(--CPT-THM-H, 0) calc(var(--CPT-THM-S, 100%) / 10) 21%
    );
    --background-color-L2: hsl(
        var(--CPT-THM-H, 0) calc(var(--CPT-THM-S, 100%) / 10) 18%
    );
    --background-color-L3: hsl(
        var(--CPT-THM-H, 0) calc(var(--CPT-THM-S, 100%) / 10) 15%
    );
    --background-color-mask-a75: hsl(
        var(--CPT-THM-H, 0) calc(var(--CPT-THM-S, 100%) / 10) 5% / 75%
    );
    --background-color-mask-a50: hsl(
        var(--CPT-THM-H, 0) calc(var(--CPT-THM-S, 100%) / 10) 5% / 50%
    );
    --background-color-mask-a25: hsl(
        var(--CPT-THM-H, 0) calc(var(--CPT-THM-S, 100%) / 10) 5% / 25%
    );
    --body-text-color: rgba(255 255 255 / 100%);
    --body-text-color-a75: rgba(255 255 255 / 75%);
    --body-text-color-a50: rgba(255 255 255 / 50%);
    --body-text-color-a25: rgba(255 255 255 / 25%);
    --body-text-color-a10: rgba(255 255 255 / 10%);
    --body-text-color-a5: rgba(255 255 255 / 5%);
    --body-text-color-a2: rgba(255 255 255 / 2%);
    --body-text-color-a0: rgba(255 255 255 / 0);
    --background-color-warning: rgba(255 255 0 / 10%);
    --text-color-warning: rgba(255 255 0);
    --background-color-alert: rgba(255 50 50 / 25%);
    --text-color-alert: rgba(255 70 70);
    --background-color-complete: rgb(154 205 50 / 10%);
    --text-color-complete: rgba(154 205 50);
    --background-color-promotion: rgb(154 205 50 / 10%);
    --text-color-promotion: rgba(154 205 50);
    --CPT-CLR: #fff;
    --CPT-INPTBG: rgba(255 255 255 / 5%);
    --CPT-INPTCL: #fff;
    --CPT-INPTTP: rgba(255 255 255 / 75%);
    --CPT-INPTPH: rgba(255 255 255 / 50%);
    --CPT-FBDCL: rgba(0 0 0 / 50%);
    --CPT-FBDBG: rgba(0 0 0 / 5%);
    --brightness-filter: 1;
    color-scheme: dark;
}
[currency]::before,
[region]::before {
    box-shadow: inset rgb(0 0 0 / 10%) 0 0 0 1px,
        var(--body-text-color-a10) 0 0 0 1px;
}
[data-game-theme],
[data-item-theme] {
    --d-r: 0;
    --d-g: 0;
    --d-b: 0;
    --d-h: 0;
    --d-s: 0%;
    --d-l: 0%;
}
.rate > span::before {
    background-position: 0 -2em;
}
.rate > span::after {
    background-position: 0 -3em;
}
#footer_sns .btw:hover {
    --color: var(--SiteTHM);
    --background-color: transparent;
}
#SKU_list input:disabled + .SKU_type::before,
.cart_table .check input:disabled + .SKU_checkbox::before {
    --y: bottom;
}