:root {

    /* 変更したい箇所のカラーコードを書き換えてください*/

    /*======================================
        ヘッダー画像
    ======================================*/

    /*image/の後に画像のファイル名を記載してください*/
    --header-img: url(../../image/header.jpg);

    /*======================================
        文字色
    ======================================*/

    /*ベースの文字色*/
    --text-color: #333333;

    /*メニューの文字色*/
    --link-color: #333333;

    /*現在地のメニューの文字色*/
    --link-color-active: #648bcf;

    /*メニューにカーソルを当てたときの文字色*/
    --link-color-hover: #fff;

    /*メニューにカーソルを当てたときの背景色*/
    --link-bg-hover: #648bcf;

    /*各見出しの文字色*/
    --h-color : #333333;

    /*日付の文字色*/
    --date-color: #648bcf;

    /*フッターの文字色*/
    --footer-text-color: #ffffff;

    /*ヘッダーの文字色*/
    --header-text-color: #ffffff;


    /*======================================
        背景色、ボタンの色など
    ======================================*/

    /*サイト全体の背景色*/
    --bg-color: #ffffff;

    /*フッターの色*/
    --footer-color: #648bcf;

    /*ボタン 枠の色*/
    --button-border-color: #333333;

    /*ボタン 背景色*/
    --button-bg-color: transparent;

    /*ボタン 文字色*/
    --button-text-color: #333333;

    /*ボタン 選択中の枠の色*/
    --button-border-color-active: #333333;

    /*ボタン 選択中の背景色*/
    --button-bg-color-active: #648bcf;

    /*ボタン 選択中の文字色*/
    --button-text-color-active: #ffffff;

    /*topicホバー時背景*/
    --deco-color: #648bcf;
    /*topicホバー時文字色*/
    --deco-text-color: #ffffff;
}