@charset "UTF-8";


:root {
  /*ブランド(キー)カラー*/
  --color--key: #21D5D0;
  --color--key-light: #F6FBFB;
  --color--key-dark: #1DB1AC;
  
  --color--gold: #D2AC66; /*金*/
  --color--lightgold: #FEF8EF; /* 薄い金*/
  
  /*サイトカラー*/
  --color--wh: #FFF;
  --color--bk: #222;
  --color--gray: #ddd;
  
  /*リンクテキスト*/
  --color--blue: #0076a2; /*青*/

  /*その他ポイントカラー*/
  --color--yellow: #FCDC4A; /*黄色*/
  --color--line:#06C755;/* LINE用 緑*/
}

/**************************************************
* 色の管理、色は全てここ！
***************************************************/
/*背景*/
.t-bgcolor--wh{
  background-color: var(--color--wh);
}
.t-bgcolor--bk{
  background-color:var(--color--bk);
}
.t-bgcolor--gray{
  background-color:var(--color--gray);
}

/*キーカラー*/
.t-bgcolor--aqua {
  background-color: var(--color--key);
}
.t-bgcolor--lightaqua {
  background-color: var(--color--key-light);
}
/*金*/
.t-bgcolor--gold{
  background-color: var(--color--gold);
}
.t-bgcolor--lightgold{
  background-color: var(--color--lightgold);
}

/*文字色*/
.t-color--wh{
  color: var(--color--wh);
}
.t-color--bk{
  color: var(--color--bk);
}
.t-color--gray{
  color: var(--color--gray);
}
/*キーカラー*/
.t-color--aqua{
  color: var(--color--key);
}
/*金*/
.t-color--gold{
  color: var(--color--gold);
}
/* LINE用 緑*/
.t-color--line {
  color: var(--color--line);
}

/*box-shadow*/
.t-box_shadow{
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
}