/* ==========================================================================
    変数
 ========================================================================== */
    :root {
    /* Colors */
    --bbsgd-color-primary: #009944;
    --bbsgd-color-secondary: #FFE74E;
    --bbsgd-color-button: #F8EEE4;
    --bbsgd-color-text-main: #333333;
    --bbsgd-color-text-sub: #999999;
    --bbsgd-color-white: #ffffff;
    --bbsgd-color-bg-light: #F6F6F6;
    --bbsgd-color-bg-point: #ffeee5;
    --bbsgd-color-accent: #FF5A00;
    --bbsgd-color-attention: #E44B4C;
    --bbsgd-color-NG: #FF6467;
    --bbsgd-color-border: #DADADA;
                
    /* Spacing */
    --bbsgd-space-10: 10px;
    --bbsgd-space-20: 20px;
    --bbsgd-space-30: 30px;
    --bbsgd-space-40: 40px;
    --bbsgd-space-1rem: 1rem;
    --bbsgd-space-2rem: 2rem;
    --bbsgd-space-3rem: 3rem;
    --bbsgd-space-4rem: 4rem;

    /* Font Size */
    --bbsgd-font-size-xs: 0.6rem;
    --bbsgd-font-size-s: 0.8rem;
    --bbsgd-font-size-base: 1rem;
    --bbsgd-font-size-l: 2rem;
    --bbsgd-font-size-xl: 3rem;

    /* Font Family */
    --bbsgd-font-family-base: "Zen Kaku Gothic New", sans-serif;
    --bbsgd-font-family-title: "Rampart One", sans-serif;
    --bbsgd-font-family-english: "Josefin Sans", sans-serif;
    }