@charset "UTF-8";
: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;
}
