@charset "UTF-8";

:root {
    /* デフォルト */
    --color-default_bgc: white;
    --color-default_text: #383a40;
    --color-default_border: #383a40;
    /* gray背景色 */
    --color-bgc-gray_01: #808080;
    --color-bgc-gray_02: #c0c0c0;
    --color-bgc-gray_03: #dcdcdc;
    --color-bgc-gray_tran: rgba(128, 128, 128, 0.5);
    /* grayテキストの色 */
    --color-text-gray_01: #808080;
    --color-text-gray_02: #c0c0c0;
    --color-text-gray_03: #dcdcdc;
    --color-text-gray_tran: rgba(128, 128, 128, 0.5);
    /* grayボーダーの色 */
    --color-border-gray_01: #808080;
    --color-border-gray_02: #c0c0c0;
    --color-border-gray_03: #dcdcdc;
    --color-border-gray_tran: rgba(128, 128, 128, 0.5);
    /* shadow white */
    --shadow-white_01: white 2px 0px, white -2px 0px, white 0px -2px, white 0px 2px, white 2px 2px, white -2px 2px, white 2px -2px, white -2px -2px, white 1px 2px, white -1px 2px, white 1px -2px, white -1px -2px, white 2px 1px, white -2px 1px, white 2px -1px, white -2px -1px;
    --shadow-white_02: 1px 1px 0px white, -1px 1px 0px white, 1px -1px 0px white, -1px -1px 0px white, 1px 0px 0px white, 0px 1px 0px white, -1px 0px 0px white, 0px -1px 0px white;
    --shadow-white_03: 0px 0px 5px rgba(255, 255, 255, 0.8);
    /* shadow black */
    --shadow-black_01: black 2px 0px, black -2px 0px, black 0px -2px, black 0px 2px, black 2px 2px, black -2px 2px, black 2px -2px, black -2px -2px, black 1px 2px, black -1px 2px, black 1px -2px, black -1px -2px, black 2px 1px, black -2px 1px, black 2px -1px, black -2px -1px;
    --shadow-black_02: 1px 1px 0px black, -1px 1px 0px black, 1px -1px 0px black, -1px -1px 0px black, 1px 0px 0px black, 0px 1px 0px black, -1px 0px 0px black, 0px -1px 0px black;
    --shadow-black_03: 0px 0px 5px rgba(0, 0, 0, 0.8);
    /* font family */
    --font_01: 游明朝, YuMincho, Hiragino Mincho ProN W3, ヒラギノ明朝 ProN W3, Hiragino Mincho ProN, HG明朝E, ＭＳ Ｐ明朝, ＭＳ 明朝, serif;
    --font_02: 游ゴシック, Yu Gothic, YuGothic, Hiragino Sans W3, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
    /* 背景色 */
    --color-bgc_01: #e42414;
    --color-bgc_02: #f5f2f2;
    --color-bgc_03: #f0eded;
    --color-bgc_04: #e1e4ea;
    --color-bgc_05: #636772;
    --color-bgc_06: #4e93c2;
    --color-bgc_07: #e47614;
    --color-bgc_08: #41a6a9;
    /* テキストの色 */
    --color-text_01: #e42414;
    --color-text_02: #f5f2f2;
    --color-text_03: #f0eded;
    --color-text_04: #e1e4ea;
    --color-text_05: #636772;
    --color-text_06: #4e93c2;
    --color-text_07: #e47614;
    --color-text_08: #41a6a9;
    /* ボーダーの色 */
    --color-border_01: #e42414;
    --color-border_02: #f5f2f2;
    --color-border_03: #f0eded;
    --color-border_04: #e1e4ea;
    --color-border_05: #636772;
    --color-border_06: #4e93c2;
    --color-border_07: #e47614;
    --color-border_08: #41a6a9;
}