/**
* Root
**/

:root {

    /*///////////////
    // 共通
    ///////////////*/

    /*背景色*/
    --color_bg: #fff;

    /*文字色*/
    --color_main: #000;

    /*強調色(1)*/
    --color_accent: #e6002d;

    /*強調色(2)*/
    --color_accent02: #f0841f;

    /*ボタン背景色*/
    --bg_btn: #f0841f;

    /*ボタンカラー*/
    --color_btn: #fff;

    /*リンクカラー*/
    --color_link: #000;

    /*パンくずリストカラー*/
    --color_breadcrumb: #000;

    /*ホバーカラー*/
    --color_hover: #000;

    /*ボーダーカラー*/
    --color_border: #000;

    /*///////////////
    // ヘッダー
    ///////////////*/

    /*ヘッダーの高さ*/
    --size_header: inherit; /*実際の数値は JSでセット*/

    /*ヘッダーの背景*/
    --bg_header: inherit;

    /*ヘッダーのカラー*/
    --color_header: #000;

    /*ヘッダーのロゴサイズ（PC版）*/
    --size_headerlogo--pc: 410px;

    /*ヘッダーのロゴサイズ（SP版）*/
    --size_headerlogo--sp: 180px;

    /*ナビゲーションーの背景*/
    --bg_menu: inherit;

    /*ナビゲーションーのハンバーガーメニュー*/
    --color_hamburger: #fff;

    /*///////////////
    // コンテンツ
    ///////////////*/

    /*コンテンツサイズ*/
    --size_content--s: 960px;
    --size_content--m: 1040px;
    --size_content--l: 1200px;
    --size_content--full: 100%;

    /*///////////////
    // フォーム
    ///////////////*/

    --bg_form: #fff;
    --color_required: #ff0000;

    /*///////////////
    // フッター
    ///////////////*/

    /*フッターの高さ*/
    --size_footer: inherit; /*実際の数値は JSでセット*/

    /*フッターの背景*/
    --bg_footer: inherit;

    /*フッターのカラー*/
    --color_footer: #000;

    /*コピーライトのカラー*/
    --color_copy: #fff;

    /*///////////////
    // フォント関連
    ///////////////*/

    /*フォントファミリー*/
    --font_family:  "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", "ヒラギノ角ゴ Pro", -apple-system, BlinkMacSystemFont, " Helvetica Neue", "Hiragino Kaku Gothic ProN", Meiryo, Arial, sans-serif;
    --font_family--serif:  "Hiragino Mincho Pro", "游明朝","Yu Mincho",YuMincho,serif;
    --font_family--en: "Times", sans-serif;
    /*フォントサイズ*/
    --font_size: 100%;

    /*行間*/
    --line_height: 1.5em;

    /*字間*/
    --letter_spacing: .04em;

    /*フォントサイズリスト（PC）*/
    --fz_xxxs: .5rem; /* 8px */
    --fz_xxs: .625rem; /* 10px */
    --fz_xs: .75rem; /* 12px */
    --fz_s: .8125rem; /* 13px */
    --fz_s2: .875rem; /* 14px */
    --fz_n: .9375rem; /* 15px */
    --fz_n2: 1rem; /* 16px */
    --fz_m: 1.125rem; /* 18px */
    --fz_m2: 1.25rem; /* 20px */
    --fz_m3: 1.375rem;  /* 22px */
    --fz_l: 1.5rem;  /* 24px */
    --fz_xl: 1.75rem;  /* 28px */
    --fz_xl2: 2rem;  /* 30px */
    --fz_xxl: 2.25rem; /* 36px */
    --fz_xxl2: 3rem; /* 48px */
    --fz_xxl2: 4.375rem; /* 70px */
    --fz_huge: 5.5rem; /* 88px */

    /*フォントサイズリスト（SP）*/
    --fz_xxxs--sp: 2.4vw; /* 8px */
    --fz_xxs--sp: 2.6vw; /* 10px */
    --fz_xs--sp: 2.8vw; /* 12px */
    --fz_s--sp: 3vw; /* 13px */
    --fz_s2--sp: 3.2vw; /* 14px */
    --fz_n--sp: 3.4vw; /* 15px */
    --fz_n2--sp: 3.6vw; /* 16px */
    --fz_m--sp: 3.8vw; /* 18px */
    --fz_m2--sp: 4vw; /* 20px */
    --fz_m3--sp: 4.2vw;  /* 22px */
    --fz_l--sp: 4.4vw;  /* 24px */
    --fz_xl--sp: 5.2vw;  /* 28px */
    --fz_xl2--sp: 6vw;  /* 30px */
    --fz_xxl--sp: 6.4vw; /* 36px */
    --fz_xxl2--sp: 7vw; /* 48px */
    --fz_xxl2--sp: 10vw; /* 48px */
    --fz_huge--sp: 12.4vw; /* 88px */
}