/*
|---------------------------------------------------------------
| root.css
|---------------------------------------------------------------
*/
:root { /* futureshop | futureshop succeed */
  --qfsd-color-maincolor: var(--fs-color-maincolor, #004b86);
  --qfsd-color-maincolor__font: var(--fs-color-maincolor__font, #ffffff);
  --qfsd-color-subcolor1: var(--fs-color-subcolor1, #7c8790);
  --qfsd-color-subcolor1__font: var(--fs-color-subcolor1__font, #ffffff);
  --qfsd-color-subcolor2: var(--fs-color-subcolor2, #f7f7f7);
  --qfsd-color-subcolor2__font: var(--fs-color-subcolor2__font, #3c3c3c);
  --qfsd-color-font--main: var(--fs-color-font--main, #3c3c3c);
  --qfsd-color-font--link: var(--fs-color-font--link, #3572b0);
  --qfsd-color-font--link--visited: var(--fs-color-font--link--visited, #728496);
  --qfsd-color-font--link--hover: var(--fs-color-font--link--hover, #3790e8);
  --qfsd-color-font--link--active: var(--fs-color-font--link--active, #3381ce);
  --qfsd-color-font--pageHeading: var(--fs-color-font--pageHeading, #7C8790);
  --qfsd-color-font--productName: var(--fs-color-font--productName, #3c3c3c);
  --qfsd-color-font--productPrice: var(--fs-color-font--productPrice, #006db8);
  --qfsd-color-page__background: var(--fs-color-page__background, #ffffff);
  --qfsd-color-button--primary: var(--fs-color-button--primary, #444444);
  --qfsd-color-button--primary__border: var(--fs-color-button--primary__border, #444444);
  --qfsd-color-button--primary__font: var(--fs-color-button--primary__font, #ffffff);
  --qfsd-size-button--primary__radius: var(--fs-size-button--primary__radius, 0px);
  --qfsd-color-button--secondary: var(--fs-color-button--secondary, #667895);
  --qfsd-color-button--secondary__border: var(--fs-color-button--secondary__border, #667895);
  --qfsd-color-button--secondary__font: var(--fs-color-button--secondary__font, #ffffff);
  --qfsd-size-button--secondary__radius: var(--fs-size-button--secondary__radius, 0px);
  --qfsd-color-button--particular: var(--fs-color-button--particular, #f7f7f7);
  --qfsd-color-button--particular__border: var(--fs-color-button--particular__border, #bbbbbb);
  --qfsd-color-button--particular__font: var(--fs-color-button--particular__font, #3c3c3c);
  --qfsd-size-button--particular__radius: var(--fs-size-button--particular__radius, 3px);
  --qfsd-color-button--standard: var(--fs-color-button--standard, #ebebeb);
  --qfsd-color-button--standard__border: var(--fs-color-button--standard__border, #bbbbbb);
  --qfsd-color-button--standard__font: var(--fs-color-button--standard__font, #3c3c3c);
  --qfsd-size-button--standard__radius: var(--fs-size-button--standard__radius, 0px);
  --qfsd-color-button--plain: var(--fs-color-button--plain, transparent);
  --qfsd-color-button--plain__border: var(--fs-color-button--plain__border, transparent);
  --qfsd-color-button--plain__font: var(--fs-color-button--plain__font, #1e5d9b);
  --qfsd-size-button--plain__radius: var(--fs-size-button--plain__radius, 0px);
}

:root { /* futureshop succeed */
  --qfsd-container-maxwidth: 1230px;
  --qfsd-container-padding: 15px;
  --qfsd-font-size-base: clamp(14px, 1.87vw, 16px);
  --qfsd-font-weight-base: 400;
  --qfsd-font-family-base: inherit;
  --qfsd-font-family-ja: var(--qfsd-font-family-base);
  --qfsd-font-family-en: var(--qfsd-font-family-base);
  --qfsd-color-foreground: #231816;
  --qfsd-color-background: #F9F9F9;
  --qfsd-color-error: #ca0000;
  --qfsd-original-breadcrumb-color__text: #9D9D9D;
  --qfsd-original-breadcrumb-color__background: transparent;
}

/*
 * aile_beauty_academy
------------------------------------------------*/
:root {
  --aba-container-maxwidth: 1200px;
  --aba-container-padding: 25px;
  /* fonts */
  --aba-font-family-en: Cormorant Garamond, Noto Sans JP, Hiragino Kaku Gothic ProN, YuGothic, Yu Gothic, MS Gothic, sans-serif;
  --aba-font-family-ja: Lora, Noto Serif JP, Hiragino Mincho ProN, YuMincho, Yu Mincho, MS PMincho, serif;
  --aba-font-family-gothic: Noto Sans JP, Hiragino Kaku Gothic ProN, YuGothic, Yu Gothic, MS Gothic, sans-serif;
}