/*
====>> サイトの基準値になる値を持つファイル <<====

・このファイルはベースのスタイルになるので、原則オーバーライド(上書き)はしない事
・幅の値等をここに記載
・ただし、基本設定に加えてサイトに応じて新たなプロパティ追加が必要な場合はここに記述する

*/

/*		基本設定：幅
-----------------------------------------------------*/
:root{
    --w-liquid: 100%;
    --w-solid-base: 1020px;
    --w-solid-wide: 1200px;
    --w-solid-short: 900px;
    --w-2column-main: 700px;
    --w-2column-aside: 290px;
    --w-3column-main: 640px;
    --w-3column-right: 150px;
    --w-3column-left: 150px;
}

@media (max-width:600px){
    :root{
        --w-liquid: 100%;
        --w-solid-base: 94%;
        --w-solid-wide: 94%;
        --w-solid-short: 94%;
        --w-2column-main: 100%;
        --w-2column-aside: 100%;
        --w-3column-main: 100%;
        --w-3column-right: 100%;
        --w-3column-left: 100%;
    }

}/*  END Break Point  */


/*		基本設定：カラー
-----------------------------------------------------*/

:root{
    --color-white: #fff;
    --color-black: #333;
    --color-red: #f00;
    --color-gray-pale: #ccc;
    --color-gray-dark: #999;

    --color-base: var(--color-black);
}

.text-white{
    color:var(--color-white);
}
.text-black{
    color:var(--color-black);
}
.text-red{
    color:var(--color-red);
}
.text-gray-pale{
    color:var(--color-gray-pale);
}
.text-gray-dark{
    color:var(--color-gray-dark);
}



/*		新規追加設定：カラー
-----------------------------------------------------*/

:root{
    --color-gold: #D2C175;
    --color-navy: #110341;
}