/* 色 */
/* standard */
.dark-base-color    { background: #7f8c8d; }
.darker-base-color    { background: #95a5a6; }
.default-base-color { background: #bdc3c7; }
.light-base-color   { background: #ecf0f1; }
.divider-color         { border-color: #BDBDBD; }
.bg-std       { background: #d7e3f4; }
.border-primary { border-color: #BDBDBD; }

/* 変更色　*/
:root{
  --main-color:#0092dd;
  --sub-color:#012f6d;
  --spare-color:#DED716;
  --accent-color:#DE162A;
  --brand-color:rgba(9,29,27,1.00);
  --primary-text-color:#212121;
  --secondary-text-color:#757575;
}

/*std-text*/
.primary-text-color    { color: var(--primary-text-color); }
.secondary-text-color  { color: var(--secondary-text-color); }
/* main */
.default-main-base-color { background: var(--main-color); }
.default-main-text-color { color: var(--main-color); }
.default-main-divider-color { border: 0.1rem solid var(--main-color); }
/* sub */
.default-sub-base-color { background: var(--sub-color); }
.default-sub-text-color { color: var(--sub-color); }
.default-sub-divider-color { border: 0.1rem solid var(--sub-color); }
/* spare */
.default-spare-base-color { background: var(--spare-color); }
.default-spare-text-color { color: var(--spare-color); }
.default-spare-divider-color { border: 0.1rem solid var(--spare-color); }
/* accent */
.default-accent-base-color { background: var(--accent-color); }
.default-accent-text-color { color: var(--accent-color); }
.default-accent-divider-color { border: 0.1rem solid var(--accent-color); }
/* brand */
.default-brand-base-color { background: var(--brand-color); }
.default-brand-text-color { color: var(--brand-color); }
.default-brand-divider-color { border: 0.1rem solid var(--brand-color); }

/* table */
dt { 
  background: var(--main-color);
  padding: 1rem 0 1rem 0;
  color: #FFFFFF;
  margin: 0;
  border-bottom: 0.05rem solid #FFFFFF;
}
dd {
  background: #FFFFFF;
  color: var(--main-color);
  padding: 1rem 0 1rem 0;
  margin: 0;
  border-bottom: 0.05rem solid var(--main-color);
}