@charset "utf-8";

/*

color.css
Version: 2022.09.21

*/

/* --------------------------------------------------------
/* color-pattern
-------------------------------------------------------- */


/* color-pattern
-------------------------------------------------------- */
.color-pattern {
    display: block;
    padding: 0 10px;
    font-size: 0;
}
.color-pattern p {
    display: inline-block;
    margin: 5px;
    padding: 50px 34px;
    width: 23.7%;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 1.4rem;
}

/* 01.ポップで楽しいイメージ */
.color001-01 {
    background-color: #de9610;
}
.color001-02 {
    background-color: #c93a40;
}
.color001-03 {
    background-color: #fff001;
}
.color001-04 {
    background-color: #d06d8c;
}
.color001-05 {
    background-color: #65ace4;
}
.color001-06 {
    background-color: #a0c238;
}
.color001-07 {
    background-color: #56a764;
}
.color001-08 {
    background-color: #d16b16;
}
.color001-09 {
    background-color: #cc528b;
}
.color001-10 {
    background-color: #9460a0;
}
.color001-11 {
    background-color: #f2cf01;
}
.color001-12 {
    background-color: #0074bf;
}

/* 02.キュートでかわいいイメージ */
.color002-01 {
    background-color: #e2b2c0;
}
.color002-02 {
    background-color: #fff353;
}
.color002-03 {
    background-color: #a5d1f4;
}
.color002-04 {
    background-color: #e4ad6d;
}
.color002-05 {
    background-color: #d685b0;
}
.color002-06 {
    background-color: #dbe159;
}
.color002-07 {
    background-color: #7fc2ef;
}
.color002-08 {
    background-color: #c4a6ca;
}
.color002-09 {
    background-color: #eabf4c;
}
.color002-10 {
    background-color: #f9e697;
}
.color002-11 {
    background-color: #b3d3ac;
}
.color002-12 {
    background-color: #eac7cd;
}

/* 03.ダイナミックで目を引くイメージ */
.color003-01 {
    background-color: #b80117;
}
.color003-02 {
    background-color: #222584;
}
.color003-03 {
    background-color: #00904a;
}
.color003-04 {
    background-color: #edc600;
}
.color003-05 {
    background-color: #261e1c;
}
.color003-06 {
    background-color: #6d1782;
}
.color003-07 {
    background-color: #8f253b;
}
.color003-08 {
    background-color: #a0c238;
}
.color003-09 {
    background-color: #d16b16;
}
.color003-10 {
    background-color: #0168b3;
}
.color003-11 {
    background-color: #b88b26;
}
.color003-12 {
    background-color: #c30068;
}

/* 04.ゴージャスで高級感があるイメージ */
.color004-01 {
    background-color: #7d0f80;
}
.color004-02 {
    background-color: #b08829;
}
.color004-03 {
    background-color: #a03c44;
}
.color004-04 {
    background-color: #018a9a;
}
.color004-05 {
    background-color: #ab045c;
}
.color004-06 {
    background-color: #391d2b;
}
.color004-07 {
    background-color: #d5a417;
}
.color004-08 {
    background-color: #546474;
}
.color004-09 {
    background-color: #0f5ca0;
}
.color004-10 {
    background-color: #d0b98d;
}
.color004-11 {
    background-color: #d4c91f;
}
.color004-12 {
    background-color: #c1541c;
}

/* 05.カジュアルで親しみやすいイメージ */
.color005-01 {
    background-color: #7b9ad0;
}
.color005-02 {
    background-color: #f8e352;
}
.color005-03 {
    background-color: #c8d627;
}
.color005-04 {
    background-color: #d5848b;
}
.color005-05 {
    background-color: #e5ab47;
}
.color005-06 {
    background-color: #e1cea3;
}
.color005-07 {
    background-color: #51a1a2;
}
.color005-08 {
    background-color: #b1d7e4;
}
.color005-09 {
    background-color: #66b7ec;
}
.color005-10 {
    background-color: #c08e47;
}
.color005-11 {
    background-color: #ae8dbc;
}
.color005-12 {
    background-color: #c3cfa9;
}

/* 06.サイケデリックなイメージ */
.color006-01 {
    background-color: #b7007c;
}
.color006-02 {
    background-color: #009b85;
}
.color006-03 {
    background-color: #382284;
}
.color006-04 {
    background-color: #e2c80f;
}
.color006-05 {
    background-color: #009dc6;
}
.color006-06 {
    background-color: #c4c829;
}
.color006-07 {
    background-color: #95007e;
}
.color006-08 {
    background-color: #d685b0;
}
.color006-09 {
    background-color: #eee800;
}
.color006-10 {
    background-color: #bf5116;
}
.color006-11 {
    background-color: #b80e3b;
}
.color006-12 {
    background-color: #0178bc;
}

/* 07.明るく伸びやかなイメージ */
.color007-01 {
    background-color: #fff001;
}
.color007-02 {
    background-color: #cb5393;
}
.color007-03 {
    background-color: #a0c238;
}
.color007-04 {
    background-color: #d78114;
}
.color007-05 {
    background-color: #00a5e7;
}
.color007-06 {
    background-color: #cd5638;
}
.color007-07 {
    background-color: #0168b3;
}
.color007-08 {
    background-color: #d685b0;
}
.color007-09 {
    background-color: #00984b;
}
.color007-10 {
    background-color: #f2cf01;
}
.color007-11 {
    background-color: #6bb6bb;
}
.color007-12 {
    background-color: #a563a0;
}

/* 08.メルヘンなイメージ */
.color008-01 {
    background-color: #cca9ca;
}
.color008-02 {
    background-color: #9bcad0;
}
.color008-03 {
    background-color: #dd9dbf;
}
.color008-04 {
    background-color: #edef9c;
}
.color008-05 {
    background-color: #aabade;
}
.color008-06 {
    background-color: #f2dae8;
}
.color008-07 {
    background-color: #c7ddae;
}
.color008-08 {
    background-color: #a199c8;
}
.color008-09 {
    background-color: #faede5;
}
.color008-10 {
    background-color: #d5a87f;
}
.color008-11 {
    background-color: #f7f06e;
}
.color008-12 {
    background-color: #95bfe7;
}

/* 09.重厚でどっしりしたイメージ */
.color009-01 {
    background-color: #000;
}
.color009-02 {
    background-color: #998c69;
}
.color009-03 {
    background-color: #5c002f;
}
.color009-04 {
    background-color: #244765;
}
.color009-05 {
    background-color: #814523;
}
.color009-06 {
    background-color: #5e2a58;
}
.color009-07 {
    background-color: #1a653c;
}
.color009-08 {
    background-color: #6a6a68;
}
.color009-09 {
    background-color: #bf7220;
}
.color009-10 {
    background-color: #5f556e;
}
.color009-11 {
    background-color: #84762f;
}
.color009-12 {
    background-color: #872226;
}

/* 10.刺激的でインパクトの強いイメージ */
.color010-01 {
    background-color: #c60019;
}
.color010-02 {
    background-color: #fff001;
}
.color010-03 {
    background-color: #1d4293;
}
.color010-04 {
    background-color: #00984b;
}
.color010-05 {
    background-color: #019fe6;
}
.color010-06 {
    background-color: #c2007b;
}
.color010-07 {
    background-color: #261e1c;
}
.color010-08 {
    background-color: #7d0f80;
}
.color010-09 {
    background-color: #dc9610;
}
.color010-10 {
    background-color: #dbdf19;
}
.color010-11 {
    background-color: #d685b0;
}
.color010-12 {
    background-color: #a0c238;
}

/* 11.ストリートのイメージ */
.color011-01 {
    background-color: #33476a;
}
.color011-02 {
    background-color: #211917;
}
.color011-03 {
    background-color: #6c7822;
}
.color011-04 {
    background-color: #c2007b;
}
.color011-05 {
    background-color: #44aeea;
}
.color011-06 {
    background-color: #5e3032;
}
.color011-07 {
    background-color: #d16b16;
}
.color011-08 {
    background-color: #c8d627;
}
.color011-09 {
    background-color: #9193a0;
}
.color011-10 {
    background-color: #816945;
}
.color011-11 {
    background-color: #c50030;
}
.color011-12 {
    background-color: #0080c9;
}

/* 12.涼しげで透明感のあるイメージ */
.color012-01 {
    background-color: #b0d7f4;
}
.color012-02 {
    background-color: #c0cbe9;
}
.color012-03 {
    background-color: #eef0b1;
}
.color012-04 {
    background-color: #44aeea;
}
.color012-05 {
    background-color: #85beab;
}
.color012-06 {
    background-color: #c4a6ca;
}
.color012-07 {
    background-color: #f7f06e;
}
.color012-08 {
    background-color: #c8d627;
}
.color012-09 {
    background-color: #bcccd9;
}
.color012-10 {
    background-color: #e4f0fc;
}
.color012-11 {
    background-color: #f2dae8;
}
.color012-12 {
    background-color: #6490cd;
}

/* 13.エレガントで優雅なイメージ */
.color013-01 {
    background-color: #ae8dbc;
}
.color013-02 {
    background-color: #e3b3cd;
}
.color013-03 {
    background-color: #d6ddf0;
}
.color013-04 {
    background-color: #e5d57d;
}
.color013-05 {
    background-color: #82c0cd;
}
.color013-06 {
    background-color: #afc7a7;
}
.color013-07 {
    background-color: #834e62;
}
.color013-08 {
    background-color: #6a9176;
}
.color013-09 {
    background-color: #7f7eb8;
}
.color013-10 {
    background-color: #a04e90;
}
.color013-11 {
    background-color: #dbbc86;
}
.color013-12 {
    background-color: #c4c829;
}

/* 14.フレッシュでジューシーなイメージ */
.color014-01 {
    background-color: #70b062;
}
.color014-02 {
    background-color: #c8d85b;
}
.color014-03 {
    background-color: #f8e133;
}
.color014-04 {
    background-color: #dbdf19;
}
.color014-05 {
    background-color: #e3ab30;
}
.color014-06 {
    background-color: #dd9dbf;
}
.color014-07 {
    background-color: #a979ad;
}
.color014-08 {
    background-color: #cd5638;
}
.color014-09 {
    background-color: #399548;
}
.color014-10 {
    background-color: #6bb6bb;
}
.color014-11 {
    background-color: #f7f39c;
}
.color014-12 {
    background-color: #9acce3;
}

/* 15.ぬくもりを感じるイメージ */
.color015-01 {
    background-color: #c59f22;
}
.color015-02 {
    background-color: #dd9b9d;
}
.color015-03 {
    background-color: #ebcc00;
}
.color015-04 {
    background-color: #d6d11d;
}
.color015-05 {
    background-color: #8d4f42;
}
.color015-06 {
    background-color: #d8836e;
}
.color015-07 {
    background-color: #f8e469;
}
.color015-08 {
    background-color: #cbb586;
}
.color015-09 {
    background-color: #e4aa01;
}
.color015-10 {
    background-color: #eac287;
}
.color015-11 {
    background-color: #f2d8bf;
}
.color015-12 {
    background-color: #a6658d;
}

/* 16.癒しを感じる柔らかなイメージ */
.color016-01 {
    background-color: #f8e469;
}
.color016-02 {
    background-color: #e7e0aa;
}
.color016-03 {
    background-color: #d9de84;
}
.color016-04 {
    background-color: #e4bd60;
}
.color016-05 {
    background-color: #9ac29f;
}
.color016-06 {
    background-color: #e3be87;
}
.color016-07 {
    background-color: #edef9c;
}
.color016-08 {
    background-color: #dd9b9d;
}
.color016-09 {
    background-color: #b2d6d4;
}
.color016-10 {
    background-color: #f5dfa6;
}
.color016-11 {
    background-color: #ebeddf;
}
.color016-12 {
    background-color: #e1d4e6;
}

/* 17.大人の男性を感じさせるイメージ */
.color017-01 {
    background-color: #23466e;
}
.color017-02 {
    background-color: #4d639f;
}
.color017-03 {
    background-color: #dfe0d8;
}
.color017-04 {
    background-color: #1d695f;
}
.color017-05 {
    background-color: #9aadbe;
}
.color017-06 {
    background-color: #844f30;
}
.color017-07 {
    background-color: #934e61;
}
.color017-08 {
    background-color: #7e9895;
}
.color017-09 {
    background-color: #77aad7;
}
.color017-10 {
    background-color: #848a96;
}
.color017-11 {
    background-color: #a76535;
}
.color017-12 {
    background-color: #7e8639;
}

/* 18.大人の女性を感じさせるイメージ */
.color018-01 {
    background-color: #7b0050;
}
.color018-02 {
    background-color: #a8006d;
}
.color018-03 {
    background-color: #bea620;
}
.color018-04 {
    background-color: #a26c54;
}
.color018-05 {
    background-color: #949b34;
}
.color018-06 {
    background-color: #614983;
}
.color018-07 {
    background-color: #cba777;
}
.color018-08 {
    background-color: #de9610;
}
.color018-09 {
    background-color: #bd8683;
}
.color018-10 {
    background-color: #be87a6;
}
.color018-11 {
    background-color: #bf5346;
}
.color018-12 {
    background-color: #e1d0b4;
}

/* 19.若い男性を感じさせるイメージ */
.color019-01 {
    background-color: #0168b3;
}
.color019-02 {
    background-color: #66b7ec;
}
.color019-03 {
    background-color: #afd0ef;
}
.color019-04 {
    background-color: #88b83e;
}
.color019-05 {
    background-color: #b8b2d6;
}
.color019-06 {
    background-color: #6bb6bb;
}
.color019-07 {
    background-color: #5e4694;
}
.color019-08 {
    background-color: #f2cf01;
}
.color019-09 {
    background-color: #c6e2f8;
}
.color019-10 {
    background-color: #d5dbcf;
}
.color019-11 {
    background-color: #7a8bc3;
}
.color019-12 {
    background-color: #e8e6f3;
}

/* 20.若い女性を感じさせるイメージ */
.color020-01 {
    background-color: #d06da3;
}
.color020-02 {
    background-color: #c2d3ed;
}
.color020-03 {
    background-color: #be91bc;
}
.color020-04 {
    background-color: #c73576;
}
.color020-05 {
    background-color: #f8e352;
}
.color020-06 {
    background-color: #c8d627;
}
.color020-07 {
    background-color: #e3b3cd;
}
.color020-08 {
    background-color: #c6e0d5;
}
.color020-09 {
    background-color: #e4ab5a;
}
.color020-10 {
    background-color: #cb6c58;
}
.color020-11 {
    background-color: #845d9e;
}
.color020-12 {
    background-color: #82c0cd;
}

/* 21.品のある知的なイメージ */
.color021-01 {
    background-color: #4d639f;
}
.color021-02 {
    background-color: #356c92;
}
.color021-03 {
    background-color: #c9ced1;
}
.color021-04 {
    background-color: #dfd4be;
}
.color021-05 {
    background-color: #92a1a6;
}
.color021-06 {
    background-color: #a67b2d;
}
.color021-07 {
    background-color: #bda5bb;
}
.color021-08 {
    background-color: #2c4b79;
}
.color021-09 {
    background-color: #d6d680;
}
.color021-10 {
    background-color: #babea5;
}
.color021-11 {
    background-color: #ebc175;
}
.color021-12 {
    background-color: #3a614f;
}

/* 22.さわやかで軽やかなイメージ */
.color022-01 {
    background-color: #44aeea;
}
.color022-02 {
    background-color: #b4cb32;
}
.color022-03 {
    background-color: #b2b6db;
}
.color022-04 {
    background-color: #b2d6d4;
}
.color022-05 {
    background-color: #ebe9ae;
}
.color022-06 {
    background-color: #0080c9;
}
.color022-07 {
    background-color: #71b174;
}
.color022-08 {
    background-color: #e4c4db;
}
.color022-09 {
    background-color: #7da8db;
}
.color022-10 {
    background-color: #eac39a;
}
.color022-11 {
    background-color: #dbe585;
}
.color022-12 {
    background-color: #6db5a9;
}

/* 23.都会的でスタイリッシュなイメージ */
.color023-01 {
    background-color: #58656e;
}
.color023-02 {
    background-color: #bac1c7;
}
.color023-03 {
    background-color: #487ca3;
}
.color023-04 {
    background-color: #dfd4be;
}
.color023-05 {
    background-color: #004679;
}
.color023-06 {
    background-color: #c0542d;
}
.color023-07 {
    background-color: #a44682;
}
.color023-08 {
    background-color: #9599b2;
}
.color023-09 {
    background-color: #d6d680;
}
.color023-10 {
    background-color: #8eb4d9;
}
.color023-11 {
    background-color: #6c5776;
}
.color023-12 {
    background-color: #499475;
}

/* 24.ナチュラルで落ち着いたイメージ */
.color024-01 {
    background-color: #ba9648;
}
.color024-02 {
    background-color: #87643e;
}
.color024-03 {
    background-color: #c2b5d1;
}
.color024-04 {
    background-color: #ba7d8c;
}
.color024-05 {
    background-color: #b8ac60;
}
.color024-06 {
    background-color: #797c85;
}
.color024-07 {
    background-color: #f9ebd1;
}
.color024-08 {
    background-color: #9cb1c2;
}
.color024-09 {
    background-color: #81a47a;
}
.color024-10 {
    background-color: #acb130;
}
.color024-11 {
    background-color: #8b342a;
}
.color024-12 {
    background-color: #acae98;
}

/* 25.春のイメージ */
.color025-01 {
    background-color: #dd9cb4;
}
.color025-02 {
    background-color: #eeea55;
}
.color025-03 {
    background-color: #ebc061;
}
.color025-04 {
    background-color: #b2d6d4;
}
.color025-05 {
    background-color: #f2dae8;
}
.color025-06 {
    background-color: #c9d744;
}
.color025-07 {
    background-color: #b8b2d6;
}
.color025-08 {
    background-color: #afd0ef;
}
.color025-09 {
    background-color: #d7847e;
}
.color025-10 {
    background-color: #f8e352;
}
.color025-11 {
    background-color: #b3ce5b;
}
.color025-12 {
    background-color: #cbacbe;
}

/* 26.夏のイメージ */
.color026-01 {
    background-color: #174e9e;
}
.color026-02 {
    background-color: #68b8dd;
}
.color026-03 {
    background-color: #d16b16;
}
.color026-04 {
    background-color: #88b83e;
}
.color026-05 {
    background-color: #f2cf01;
}
.color026-06 {
    background-color: #019fe6;
}
.color026-07 {
    background-color: #c60019;
}
.color026-08 {
    background-color: #019c96;
}
.color026-09 {
    background-color: #b0d7f4;
}
.color026-10 {
    background-color: #fff001;
}
.color026-11 {
    background-color: #0074bf;
}
.color026-12 {
    background-color: #c83955;
}

/* 27.秋のイメージ */
.color027-01 {
    background-color: #ae3c22;
}
.color027-02 {
    background-color: #902342;
}
.color027-03 {
    background-color: #c59f22;
}
.color027-04 {
    background-color: #7e8639;
}
.color027-05 {
    background-color: #eabd00;
}
.color027-06 {
    background-color: #a49e2e;
}
.color027-07 {
    background-color: #ac5238;
}
.color027-08 {
    background-color: #9f832f;
}
.color027-09 {
    background-color: #ba7c6f;
}
.color027-10 {
    background-color: #875f3b;
}
.color027-11 {
    background-color: #bba929;
}
.color027-12 {
    background-color: #786b4b;
}

/* 28.冬のイメージ */
.color028-01 {
    background-color: #a5aad4;
}
.color028-02 {
    background-color: #6591b6;
}
.color028-03 {
    background-color: #623d82;
}
.color028-04 {
    background-color: #5f897b;
}
.color028-05 {
    background-color: #858aa0;
}
.color028-06 {
    background-color: #eff3f6;
}
.color028-07 {
    background-color: #c2d3dd;
}
.color028-08 {
    background-color: #4f616f;
}
.color028-09 {
    background-color: #7f7073;
}
.color028-10 {
    background-color: #42629f;
}
.color028-11 {
    background-color: #674c51;
}
.color028-12 {
    background-color: #b38da4;
}

/* 29.モダンな和のイメージ */
.color029-01 {
    background-color: #c3003a;
}
.color029-02 {
    background-color: #3a546b;
}
.color029-03 {
    background-color: #d5a02e;
}
.color029-04 {
    background-color: #918d43;
}
.color029-05 {
    background-color: #787cac;
}
.color029-06 {
    background-color: #604439;
}
.color029-07 {
    background-color: #6f2757;
}
.color029-08 {
    background-color: #c1541c;
}
.color029-09 {
    background-color: #565d63;
}
.color029-10 {
    background-color: #afc9ca;
}
.color029-11 {
    background-color: #baaa52;
}
.color029-12 {
    background-color: #e2b2c0;
}

/* 30.ヨーロピアンなイメージ */
.color030-01 {
    background-color: #bf541c;
}
.color030-02 {
    background-color: #25a4b7;
}
.color030-03 {
    background-color: #e4aa01;
}
.color030-04 {
    background-color: #b2bfe1;
}
.color030-05 {
    background-color: #ad438e;
}
.color030-06 {
    background-color: #1d4293;
}
.color030-07 {
    background-color: #b71232;
}
.color030-08 {
    background-color: #e8e2be;
}
.color030-09 {
    background-color: #b0bf30;
}
.color030-10 {
    background-color: #6aa43e;
}
.color030-11 {
    background-color: #6276b5;
}
.color030-12 {
    background-color: #d7832d;
}

/* 31.北欧のイメージ */
.color031-01 {
    background-color: #149bdf;
}
.color031-02 {
    background-color: #dbdf19;
}
.color031-03 {
    background-color: #c97a2b;
}
.color031-04 {
    background-color: #945141;
}
.color031-05 {
    background-color: #9abca4;
}
.color031-06 {
    background-color: #a5a79a;
}
.color031-07 {
    background-color: #e6d9b9;
}
.color031-08 {
    background-color: #eabd00;
}
.color031-09 {
    background-color: #bf545e;
}
.color031-10 {
    background-color: #86b070;
}
.color031-11 {
    background-color: #665e51;
}
.color031-12 {
    background-color: #b59a4d;
}

/* 32.エスニックなイメージ */
.color032-01 {
    background-color: #946761;
}
.color032-02 {
    background-color: #b80040;
}
.color032-03 {
    background-color: #4eacb8;
}
.color032-04 {
    background-color: #7f1f69;
}
.color032-05 {
    background-color: #c8b568;
}
.color032-06 {
    background-color: #147472;
}
.color032-07 {
    background-color: #1d518b;
}
.color032-08 {
    background-color: #b1623b;
}
.color032-09 {
    background-color: #95a578;
}
.color032-10 {
    background-color: #b9b327;
}
.color032-11 {
    background-color: #af508a;
}
.color032-12 {
    background-color: #dab100;
}