/* メインカラー黒 */
body.c-color-presets--black {
    --primary-color: #040000;
    --accent-color: #81292d;
    --background-color: #efefef;
    --button-color: #040000;
    --button-color-hover: #81292d;
    --text-link-color: #004ea2;
    --text-link-color-hover: #5589c0;
    --floating-request-color: #970505;
    --floating-request-color-hover: #c30404;
    --floating-contact-color: #006660;
    --floating-contact-color-hover: #019088;
    --floating-pagetop-color: #000;
    --floating-pagetop-color-hover: #414141;
}

/* メインカラー青 */
body.c-color-presets--blue {
    --primary-color: #092a6b;
    --accent-color: #d96c10;
    --background-color: #e4eaf8;
    --button-color: #092a6b;
    --button-color-hover: #d96c10;
    --text-link-color: #d96c10;
    --text-link-color-hover: #ff973f;
    --floating-request-color: #970505;
    --floating-request-color-hover: #c30404;
    --floating-contact-color: #006660;
    --floating-contact-color-hover: #019088;
    --floating-pagetop-color: #000;
    --floating-pagetop-color-hover: #414141;
}

/* メインカラー赤 */
body.c-color-presets--red {
    --primary-color: #970505;
    --accent-color: #d71918;
    --background-color: #f7ecec;
    --button-color: #040000;
    --button-color-hover: #d71918;
    --text-link-color: #004ea2;
    --text-link-color-hover: #5589c0;
    --floating-request-color: #9a753a;
    --floating-request-color-hover: #bc9352;
    --floating-contact-color: #006660;
    --floating-contact-color-hover: #019088;
    --floating-pagetop-color: #000;
    --floating-pagetop-color-hover: #414141;
}


/* メインカラー緑 */
body.c-color-presets--green {
    --primary-color: #006660;
    --accent-color: #9a753a;
    --background-color: #e8eeec;
    --button-color: #006660;
    --button-color-hover: #019088;
    --text-link-color: #004ea2;
    --text-link-color-hover: #5589c0;
    --floating-request-color: #d96c10;
    --floating-request-color-hover: #ff973f;
    --floating-contact-color: #970505;
    --floating-contact-color-hover: #c30404;
    --floating-pagetop-color: #000;
    --floating-pagetop-color-hover: #414141;
}

/* メインカラー紫 */
body.c-color-presets--purple {
    --primary-color: #4a346a;
    --accent-color: #674498;
    --background-color: #e8e4ec;
    --button-color: #040000;
    --button-color-hover: #674498;
    --text-link-color: #004ea2;
    --text-link-color-hover: #5589c0;
    --floating-request-color: #c39c5e;
    --floating-request-color-hover: #040000;
    --floating-contact-color: #9a1737;
    --floating-contact-color-hover: #040000;
    --floating-pagetop-color: #000;
    --floating-pagetop-color-hover: #414141;
}

/* メインカラーオレンジ系 */
body.c-color-presets--orange {
    --primary-color: #7c4214;
    --accent-color: #d96301;
    --background-color: #f6efe4;
    --button-color: #81292d;
    --button-color-hover: #d96301;
    --text-link-color: #004ea2;
    --text-link-color-hover: #5589c0;
    --floating-request-color: #006660;
    --floating-request-color-hover: #019088;
    --floating-contact-color: #ed6c00;
    --floating-contact-color-hover: #f5882d;
    --floating-pagetop-color: #000;
    --floating-pagetop-color-hover: #414141;
}

/* メインカラーピンク系 */
body.c-color-presets--pink {
    --primary-color: #b3637a;
    --accent-color: #ea545d;
    --background-color: #faecf4;
    --button-color: #ea545d;
    --button-color-hover: #6b350b;
    --text-link-color: #004ea2;
    --text-link-color-hover: #5589c0;
    --floating-request-color: #284d95;
    --floating-request-color-hover: #2b61cb;
    --floating-contact-color: #019088;
    --floating-contact-color-hover: #0baea5;
    --floating-pagetop-color: #000;
    --floating-pagetop-color-hover: #414141;
}

/* メインカラー水色 */
body.c-color-presets--lightblue {
    --primary-color: #4481b8;
    --accent-color: #25a4d6;
    --background-color: #e3eff6;
    --button-color: #20aee5;
    --button-color-hover: #284d95;
    --text-link-color: #7300a2;
    --text-link-color-hover: #bc7dd6;
    --floating-request-color: #d14e94;
    --floating-request-color-hover: #d66ca3;
    --floating-contact-color: #00a291;
    --floating-contact-color-hover: #23b6a7;
    --floating-pagetop-color: #000;
    --floating-pagetop-color-hover: #414141;
}