@charset "Shift_JIS";
/*------------------------------------------------------------------------------------------------*/
/* Color Scheme [カラースキーム] ///////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
/* Variable Setting [変数設定]
   Elements [要素]
--------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------*/
/* Variable Setting [変数設定] /////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
:root {
  --pale: #f9fde8; /* 50 *//* pale */
  --light: #e7eec9; /* 100 *//* light */
  --bright: #e3f3a3; /* 300 *//* bright */
  --neutral: #9abc18; /* 500 *//* neutral */
  --dark: #5f9900; /* 600 *//* dark */
  --deep:#519100; /* 700 *//* deep */

  --red: #f16363;
  --yellow: #f4ff00;
  --orange: #f08509;

  --trans: transparent; /* transparent */
  --wh: #fff; /* _white */
  --ulgy: #f7f7f7; /* ultra_light-gray */
  --lgy: #ededed; /* light-gray */
  --gy: #d9d9d9; /* -gray */
  --dgy:#b2b2b2; /* dark-gray */
  --udgy: #7c7c7c; /* ultra_dark-gray */
  --ibk:#333; /* ink-black */
  --bk: #000; /* -black */

/* Yuma */
  --bw-50: #f9f7f1;/* pale */
  --bw-100: #edead8;/* light */
  --bw-200: #d9d2ae;/* bright */
  --bw-300: #ccc193;/* neutral */
  --bw-400: #b7a468;
  --bw-500: #ab8f55;/* dark */
  --bw-600: #977548;/* deep */
  --bw-700: #7e5d3f;
  --bw-800: #684c38;
  --bw-900: #574030;
  --bw-950: #302118;

/* Punch */
  --rd-50: #fdf4f3;/* pale */
  --rd-100: #fde7e3;/* light */
  --rd-200: #fcd3cc;/* bright */
  --rd-300: #f8b5a9;/* neutral */
  --rd-400: #f28977;
  --rd-500: #e7634c;/* dark */
  --rd-600: #d6513a;/* deep */
  --rd-700: #b23823;
  --rd-800: #933221;
  --rd-900: #7a2f22;
  --rd-950: #42150d;

/* French Rose */
  --pk-50: #fcf3f7;/* pale */
  --pk-100: #fbe8f0;/* light */
  --pk-200: #f8d2e2;/* bright */
  --pk-300: #f4adca;/* neutral */
  --pk-400: #ec7aa5;
  --pk-500: #e4608e;/* dark */
  --pk-600: #d03261;/* deep */
  --pk-700: #b4224a;
  --pk-800: #951f3e;
  --pk-900: #7c1f36;
  --pk-950: #4b0c1c;

/* Fire Bush */
  --or-50: #fef8ec;/* pale */
  --or-100: #fbeaca;/* light */
  --or-200: #f7d590;/* bright */
  --or-300: #f4b955;/* neutral */
  --or-400: #f09b24;
  --or-500: #ea7e16;/* dark */
  --or-600: #cf5c10;/* deep */
  --or-700: #ac3f11;
  --or-800: #8c3114;
  --or-900: #732914;
  --or-950: #421306;

/* Candlelight */
  --yl-50: #feffe7;
  --yl-100: #fcffc1;/* light */
  --yl-200: #feff86;/* bright */
  --yl-300: #fff941;/* neutral */
  --yl-400: #ffeb0d;
  --yl-500: #f5d400;/* dark */
  --yl-600: #d1a300;/* deep */
  --yl-700: #a67502;
  --yl-800: #895b0a;
  --yl-900: #744a0f;
  --yl-950: #442704;

/* Conifer */
  --gr-50: #f9fde8;/* pale */
  --gr-100: #f1f9ce;/* light */
  --gr-200: #e3f3a3;/* bright */
  --gr-300: #c7e657;/* neutral */
  --gr-400: #b7db40;
  --gr-500: #9ac121;/* dark */
  --gr-600: #779a16;/* deep */
  --gr-700: #5a7516;
  --gr-800: #485d17;
  --gr-900: #3e4f18;
  --gr-950: #1f2b08;

/* Scooter */
  --lb-50: #edfcfe;/* pale */
  --lb-100: #d2f6fb;/* light */
  --lb-200: #abebf6;/* bright */
  --lb-300: #71ddef;/* neutral */
  --lb-400: #33c4e1;
  --lb-500: #14a6c6;/* dark */
  --lb-600: #1385a7;/* deep */
  --lb-700: #176b87;
  --lb-800: #1b586f;
  --lb-900: #1b4a5e;
  --lb-950: #0c2f40;

/* Havelock Blue */
  --bl-50: #f1f7fd;/* pale */
  --bl-100: #deebfb;/* light */
  --bl-200: #c5def8;/* bright */
  --bl-300: #9dcaf3;/* neutral */
  --bl-400: #6faceb;
  --bl-500: #5793e5;/* dark */
  --bl-600: #3971d7;/* deep */
  --bl-700: #2f5dc6;
  --bl-800: #2c4da1;
  --bl-900: #29437f;
  --bl-950: #1d2a4e;

/* Medium Purple */
  --pr-50: #f5f2ff;/* pale */
  --pr-100: #ece8ff;/* light */
  --pr-200: #dcd4ff;/* bright */
  --pr-300: #c1b2ff;/* neutral */
  --pr-400: #a486ff;
  --pr-500: #9468fd;/* dark */
  --pr-600: #7832f5;/* deep */
  --pr-700: #6920e1;
  --pr-800: #581abd;
  --pr-900: #4a189a;
  --pr-950: #2c0c69;
}
/*------------------------------------------------------------------------------------------------*/
/* Elements [要素] /////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
/* Selection [選択カラー]
--------------------------------------------------------------------------------------------------*/
::selection {
  background-color: var(--light-color);
  color: var(--ibk);
}
  ::-moz-selection {
  background-color: var(--light-color);
  color: var(--ibk);
}