/* ==================================================
各カラー設定
================================================== */
:root {
  --bgClr: #999;
  --txtClr: #666;

  --clrfw-bg: #f8f8ef;
  --clrfw-txt: #c40e18;
  --clrkeep-bg: #fff1f7;
  --clrkeep-txt: #ea550a;
  --clrlash-bg: #ebf3f8;
  --clrlash-txt: #e54989;
  --clrlashup-bg: #f4fbfb;
  --clrlashup-txt: #c4579c;
  --clrlasting01-bg: #f6eff8;
  --clrlasting01-txt: #e54989;
  --clrlasting04-bg: #f9f8ea;
  --clrlasting04-txt: #4dbbaa;
  --clrgcp-bg: #f5f6ef;
  --clrgcp-txt: #21a9da;
  --clrshort-bg: #eff8f9;
  --clrshort-txt: #b657b2;
  --clrstay-bg: #f6f3ef;
  --clrstay-txt: #ed7100;
  --clrebc-bg: #f9f3ee;
  --clrebc-txt: #e63b35;
  --clrsb-bg: #f8f5ff;
  --clrsb-txt: #f27a85;
}

.lashup .bgClr,
.lashup .mainArea::before {
  background-color: var(--clrlashup-bg);
}
.lashup .boardTxt {
  background-color: var(--clrlashup-txt);
}
.lashup .txtClr {
  color: var(--clrlashup-txt);
}
.lashup .svgClr {
  fill: var(--clrlashup-txt);
}
.fw .bgClr,
.fw .mainArea::before {
  background-color: var(--clrfw-bg);
}
.fw .boardTxt {
  background-color: var(--clrfw-txt);
}
.fw .txtClr {
  color: var(--clrfw-txt);
}
.fw .svgClr {
  fill: var(--clrfw-txt);
}
.keep .bgClr,
.keep .mainArea::before {
  background-color: var(--clrkeep-bg);
}
.keep .boardTxt {
  background-color: var(--clrkeep-txt);
}
.keep .txtClr {
  color: var(--clrkeep-txt);
}
.keep .svgClr {
  fill: var(--clrkeep-txt);
}
.lash .bgClr,
.lash .mainArea::before {
  background-color: var(--clrlash-bg);
}
.lash .boardTxt {
  background-color: var(--clrlash-txt);
}
.lash .txtClr {
  color: var(--clrlash-txt);
}
.lash .svgClr {
  fill: var(--clrlash-txt);
}
.lasting01 .bgClr,
.lasting01 .mainArea::before {
  background-color: var(--clrlasting01-bg);
}
.lasting01 .boardTxt {
  background-color: var(--clrlasting01-txt);
}
.lasting01 .txtClr {
  color: var(--clrlasting01-txt);
}
.lasting01 .svgClr {
  fill: var(--clrlasting01-txt);
}
.lasting03 .bgClr,
.lasting03 .mainArea::before {
  background-color: var(--clrlasting03-bg);
}
.lasting03 .boardTxt {
  background-color: var(--clrlasting03-txt);
}
.lasting03 .txtClr {
  color: var(--clrlasting03-txt);
}
.lasting03 .svgClr {
  fill: var(--clrlasting03-txt);
}
.lasting04 .bgClr,
.lasting04 .mainArea::before {
  background-color: var(--clrlasting04-bg);
}
.lasting04 .boardTxt {
  background-color: var(--clrlasting04-txt);
}
.lasting04 .txtClr {
  color: var(--clrlasting04-txt);
}
.lasting04 .svgClr {
  fill: var(--clrlasting04-txt);
}
.gcp .bgClr,
.gcp .mainArea::before {
  background-color: var(--clrgcp-bg);
}
.gcp .boardTxt {
  background-color: var(--clrgcp-txt);
}
.gcp .txtClr {
  color: var(--clrgcp-txt);
}
.gcp .svgClr {
  fill: var(--clrgcp-txt);
}
.short .bgClr,
.short .mainArea::before {
  background-color: var(--clrshort-bg);
}
.short .boardTxt {
  background-color: var(--clrshort-txt);
}
.short .txtClr {
  color: var(--clrshort-txt);
}
.short .svgClr {
  fill: var(--clrshort-txt);
}
.stay .bgClr,
.stay .mainArea::before {
  background-color: var(--clrstay-bg);
}
.stay .boardTxt {
  background-color: var(--clrstay-txt);
}
.stay .txtClr {
  color: var(--clrstay-txt);
}
.stay .svgClr {
  fill: var(--clrstay-txt);
}
.ebc .bgClr,
.ebc .mainArea::before {
  background-color: var(--clrebc-bg);
}
.ebc .boardTxt {
  background-color: var(--clrebc-txt);
}
.ebc .txtClr {
  color: var(--clrebc-txt);
}
.ebc .svgClr {
  fill: var(--clrebc-txt);
}
.sb .bgClr,
.sb .mainArea::before {
  background-color: var(--clrsb-bg);
}
.sb .boardTxt {
  background-color: var(--clrsb-txt);
}
.sb .txtClr {
  color: var(--clrsb-txt);
}
.sb .svgClr {
  fill: var(--clrsb-txt);
}