/* ------------------------------
　　CSS変数
------------------------------ */
:root {

  /* カラー */
  --color-primary           : #FF7E29;
  --color-secondary         : #FFFFFF;
  --color-tertiary          : #F5BC29;

  --color-accent            : #814F16;

  --color-white             : #FFF;
  --color-black             : #000;

  --color-gray10            : #F8F8F8;
  --color-gray20            : #F3F3F3;
  --color-gray30            : #EBEBEB;
  --color-gray40            : #DDDDDD;
  --color-gray50            : #CCCCCC;
  --color-gray60            : #AAAAAA;
  --color-gray70            : #999999;
  --color-gray80            : #777777;
  --color-gray90            : #666666;
  --color-gray100           : #333333;

  --color-link              : var(--color-primary);

  --color-text              : #6D5649;
  --color-text-heading      : #2F1000;
  --color-text-side         : var(--color-gray90);

  --color-text-primary      : var(--color-primary);
  --color-text-secondary    : var(--color-secondary);

  --color-border            : #E9DBD1;

  --color-bg                : #F8F2E9;

  /* ガター */
  --gutter-sm               : 1rem;
  --gutter-md               : 2rem;
}