:root {
    --main-bg-color: #F2F2F2;
    --header-height: 70px;
    --dark: #707070;
    --red: #B00020;
    --green:#218838;
}

html,
body {
    height: 100%;
    font-family: 'Roboto', sans-serif;
}

body {
    /*全体背景色の設定*/
    background-color: var(--main-bg-color);
    /*基本の文字色設定*/
    color: var(--dark);
}
/*フラッシュメッセージ*/
.flush-message{
    margin:20px;
    padding:10px;
    border-radius: 10px;
}

.flush-message.error{
    color:#842029;
    background-color: #f8d7da;
}