@charset "UTF-8";
/**
 * スマホサイト 色指定CSS
 * [変更履歴]
 * ---------------------------------------
 * [00] 新規作成
 */
/* 閾値超過の色変え */
/* 表内 定数凡例色ラベル */
span.colorLbl:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 14px;
  border: 1px solid #ffffff;
  vertical-align: top;
}

/* グラフ凡例や見出し */
span[class^=ex-] {
  /* 折れ線グラフ */
  width: 18px;
  height: 12px;
  display: inline-block;
  margin-right: 2px;
  vertical-align: middle;
  border: 0px;
}
span[class^=ex-rainBar], span[class^=ex-kozui_rain] {
  /* 10分・時間雨量は棒グラフ */
  width: 6px;
  height: 12px;
  display: inline-block;
  margin-right: 6px;
  margin-left: 5px;
  vertical-align: middle;
}

/* ---------------------------グラフ凡例 */
.ex-circle {
  background-color: inherit;
  background-image: url("../../res/img/graph/ex_solid-circle.png");
  background-repeat: no-repeat;
}

.ex-triangle {
  background-color: inherit;
  background-image: url("../../res/img/graph/ex_solid-triangle.png");
  background-repeat: no-repeat;
}

.ex-rect {
  background-color: inherit;
  background-image: url("../../res/img/graph/ex_solid-rect.png");
  background-repeat: no-repeat;
}

.ex-rainBar {
  background-color: #4092BC;
}

.ex-rainSum {
  background-color: #000000;
  background-image: url("../../res/img/graph/ex_solid-circle.png");
  background-repeat: no-repeat;
}

.ex-stage {
  background-color: #0F92BC;
  background-image: url("../../res/img/graph/ex_solid-circle.png");
  background-repeat: no-repeat;
}

.ex-stageFlow {
  background-color: #BB39B2;
  background-image: url("../../res/img/graph/ex_solid-triangle.png");
  background-repeat: no-repeat;
}

.ex-stageAlert {
  background-color: inherit;
  background-image: url("../../res/img/graph/ex_dashed.png");
  background-repeat: no-repeat;
}

.ex-damWL {
  background-color: #0F92BC;
  background-image: url("../../res/img/graph/ex_solid-circle.png");
  background-repeat: no-repeat;
}

.ex-damInflow {
  background-color: #e91e00;
  background-image: url("../../res/img/graph/ex_solid-triangle.png");
  background-repeat: no-repeat;
}

.ex-damOutflow {
  background-color: #2d9843;
  background-image: url("../../res/img/graph/ex_solid-rect.png");
  background-repeat: no-repeat;
}

.ex-damAlert {
  background-color: inherit;
  background-image: url("../../res/img/graph/ex_dashed.png");
  background-repeat: no-repeat;
}

.ex-drought {
  background-color: #0F92BC;
  background-image: url("../../res/img/graph/ex_solid.png");
  background-repeat: no-repeat;
}

.ex-kozui_rain {
  background-color: #4092BC;
}

.ex-kozui_rain_fc {
  background-color: #FF2800;
}

.ex-kozui_stage {
  background-color: #4092BC;
  background-image: url("../../res/img/graph/ex_solid-circle.png");
  background-repeat: no-repeat;
}

.ex-kozui_stage_fc {
  background-color: #FF2800;
  background-image: url("../../res/img/graph/ex_solid-circle.png");
  background-repeat: no-repeat;
}

/*凡例モーダル用*/
dt[class^=ex-] {
  border: 1px solid #a7a7a7;
}
dt.ex-nomal {
  background-color: #ffffff;
  border: 1px solid #a7a7a7;
}

/* ---------------------------欠測 */
.missing, span.missing:before, .ex-missing {
  background-color: #A7A7A7;
  color: #000000;
}

/* ---------------------------雨量 */
.rainfallLv0, .colorLbl.ex-rainfallLv0:before, .ex-rainfallLv0:not(.colorLbl) {
  background-color: transparent;
  color: #000000;
}

.ex-rainfallLv0:not(.colorLbl) {
  background-color: #ffffff;
  border: 1px solid #a7a7a7;
}

.rainfallLv1, .colorLbl.ex-rainfallLv1:before, .ex-rainfallLv1:not(.colorLbl) {
  background-color: #A0D2FF;
  color: #000000;
}

.rainfallLv2, .colorLbl.ex-rainfallLv2:before, .ex-rainfallLv2:not(.colorLbl) {
  background-color: #218CFF;
  color: #ffffff;
}

.rainfallLv3, .colorLbl.ex-rainfallLv3:before, .ex-rainfallLv3:not(.colorLbl) {
  background-color: #0041FF;
  color: #ffffff;
}

.rainfallLv4, .colorLbl.ex-rainfallLv4:before, .ex-rainfallLv4:not(.colorLbl) {
  background-color: #FAF500;
  color: #000000;
}

.rainfallLv5, .colorLbl.ex-rainfallLv5:before, .ex-rainfallLv5:not(.colorLbl) {
  background-color: #FF9900;
  color: #000000;
}

.rainfallLv6, .colorLbl.ex-rainfallLv6:before, .ex-rainfallLv6:not(.colorLbl) {
  background-color: #FF2800;
  color: #ffffff;
}

.rainfallLv7, .colorLbl.ex-rainfallLv7:before, .ex-rainfallLv7:not(.colorLbl) {
  background-color: #B40068;
  color: #ffffff;
}

/* ---------------------------水位・流量 */
.stageLv0, .colorLbl.ex-stageLv0:before, .ex-stageLv0:not(.colorLbl) {
  background-color: transparent;
  color: #000000;
}

dd.stageLv0 {
  border: 1px solid transparent;
}

.ex-stageLv0:not(.colorLbl) {
  background-color: #ffffff;
  border: 1px solid #a7a7a7;
}

.stageLv1, .colorLbl.ex-stageLv1:before, .ex-stageLv1:not(.colorLbl) {
  background-color: #35A86B;
  color: #ffffff;
}

dd.stageLv1 {
  border: 1px solid #35A86B;
}

.stageLv2, .colorLbl.ex-stageLv2:before, .ex-stageLv2:not(.colorLbl) {
  background-color: #F2E700;
  color: #000000;
}

dd.stageLv2 {
  border: 1px solid #F2E700;
}

.stageLv3, .colorLbl.ex-stageLv3:before, .ex-stageLv3:not(.colorLbl) {
  background-color: #FF2800;
  color: #ffffff;
}

dd.stageLv3 {
  border: 1px solid #FF2800;
}

.stageLv4, .colorLbl.ex-stageLv4:before, .ex-stageLv4:not(.colorLbl) {
  background-color: #AA00AA;
  color: #ffffff;
}

dd.stageLv4 {
  border: 1px solid #AA00AA;
}

.stageLv4_5, .colorLbl.ex-stageLv4_5:before, .ex-stageLv4_5:not(.colorLbl) {
  background-color: #620185;
  color: #ffffff;
}

dd.stageLv4_5 {
  border: 1px solid #620185;
}

.stageLv5, .colorLbl.ex-stageLv5:before, .ex-stageLv5:not(.colorLbl) {
  background-color: #0C000C;
  color: #ffffff;
}

dd.stageLv5 {
  border: 1px solid #0C000C;
}

/* ---------------------------気象注警報 */
.colorLbl.ex-advisory:before, .ex-advisory:not(.colorLbl) {
  background-color: #F2E700;
  color: #000000;
}

.colorLbl.ex-warning:before, .ex-warning:not(.colorLbl) {
  background-color: #FF2800;
  color: #ffffff;
}

.colorLbl.ex-emergency:before, .ex-emergency:not(.colorLbl) {
  background-color: #0C000C;
  color: #ffffff;
}

.colorLbl.ex-dosya:before, .ex-dosya:not(.colorLbl) {
  background-color: #AA00AA;
  color: #ffffff;
}