:root {
    --theme-primary: #F39496;
    --theme-primary-light: #bcbcbe;
    --theme-primary-dark: #F39496;
    --theme-primary-bg: #F39496;
    --color-font: #F1F1E8;
    --theme-primary-kamoku: #ffffff;
    --theme-primary-kamoku-chara: var(--theme-primary);
    --theme-primary-uke: #4abda4;
    --theme-primary-uke-chara: var(--color-font);
    --theme-primary-uke-border: 2px solid var(--theme-primary-light);
    --theme-primary-uke-hover: var(--theme-primary-light);
    --theme-primary-yoya: #f7b057;
    --theme-primary-yoya-chara: #ffffff;
    --theme-primary-yoya-border: 2px solid #f7e7e6;
    --theme-primary-yoya-hover: var(--theme-primary-light);
    --color-status: #fff3f3;
    --color-black: #2f2f2f;
}
/* マウスオーバー時のメニュー */
.navbar .nav > li > a:hover {
    background-color: var(--theme-primary-yoya);
}

.navbar .nav > .disabled > a:hover {
    color: #ffffff;
}
.header {
    background-color: var(--theme-primary-yoya);
}

.section {
    background-color: var(--color-status);
}