@charset "UTF-8";
/**
 * 広島県河川 スマホサイト 色指定CSS
 *
 * [01]2020.09.08	M.Obara		水位警戒色変更
 */
/* 閾値超過の色変え */
/* 表内 定数凡例色ラベル */
span.colorLbl:before{
	content: "";
	display: inline-block;
	width: 6px;
	height: 14px;
	border: 1px solid #fff;
	vertical-align:top;
}
/* [flag3] 	flagNo 連動色定義 			*/
/* ------------------------------------ */

/* ■ 紫 [01] */
td.dtBgStageLv4,					/* 水位) Lv4 氾濫危険 */
.colorLbl.ex-stageLv4:before		/* 水位) Lv4 氾濫危険 table header 凡例 */
{
	background: #aa00aa !important;
}
/* 紫:凡例 */
dt.ex-dtBgStageLv4
{
	color: #aa00aa;
}

/* ■ 赤 */
td.dtBgLv5,							/* データ背景 Lv5 */
td.dtBgDam10Lv3,					/* 貯水位) Lv3 サーチャージ */
td.dtBgDam50Lv1,					/* 流入量) Lv1 洪水量 */
td.dtBgTideLv2,						/* 潮位) Lv2 警戒潮位 */
.colorLbl.ex-dtBgTideLv2:before		/* 潮位) Lv2 警戒潮位 table header 凡例 */
{
	background: #e91e00 !important;
}
/* 赤:凡例 */
dt.ex-dtBgLv5,
dt.ex-dtBgDam10Lv3,
dt.ex-dtBgDam50Lv1,
dt.ex-dtBgTideLv2
{
	color: #e91e00;
}

/* ■ 赤(水位）[01] */
td.dtBgStageLv3,					/* 水位) Lv3 避難判断  */
.colorLbl.ex-stageLv3:before		/* 水位) Lv3 避難判断 table header 凡例 */
{
	background: #ff2800 !important;
}
/* 赤(水位):凡例 */
dt.ex-dtBgStageLv3
{
	color: #ff2800;
}

/* ■ 橙 */
td.dtBgLv4,
td.dtBgDam10Lv2					/* 貯水位) Lv2 ただし書き */
{
	background: #fa9f00 !important;
}
/* 橙:凡例 */
dt.ex-dtBgLv4,
dt.ex-dtBgDam10Lv2
{
	color: #fa9f00;
}

/* ■ 黄(水位) [01] */
td.dtBgStageLv2,					/* 水位) Lv2 氾濫注意 */
.colorLbl.ex-stageLv2:before		/* 水位) Lv2 氾濫注意 table header 凡例 */
{
	background: #f2e700 !important;
}
/* 黄(水位):凡例 */
dt.ex-dtBgStageLv2
{
	color: #f2e700;
}

/* ■ 黄 */
td.dtBgLv3,
td.dtBgTideLv1						/* 潮位) Lv1 注意潮位 */
{
	background: #ffd200 !important;
}
/* 黄:凡例 */
dt.ex-dtBgLv3,
dt.ex-dtBgTideLv1{
	color: #ffd200;
}

/* ■ 青 */
td.dtBgLv2,
td.dtBgDam10Lv1,					/* 貯水位) Lv1 常時満水位 */
td.dtBgStageLv1,					/* 水位) Lv1 水防団待機  */
.colorLbl.ex-stageLv1:before		/* 水位) Lv1 水防団待機 table header 凡例 */
{
	background: #1172ee !important;
}
/* 青:凡例 */
dt.ex-dtBgLv2,
dt.ex-dtBgStageLv1,
dt.ex-dtBgDam10Lv1{
	color: #1172ee;
}

/* ■ 水色 */
td.dtBgLv1
{
	background: #45cbe3 !important;
}
/* 水色:凡例 */
dt.ex-dtBgLv1{
	color: #45cbe3;
}

/* ■ 白(無色) --- 平常 */
dt.ex-dtBgLv0,
dt.ex-dtBgStageLv0{
	color: #ffffff;
}

/* 春日池_個別グラフ_特殊定数 */
.colorLbl.ex-kasugaAlmLv1:before		/* 余水吐高 */
{
	background: #c0504d !important;
}
.colorLbl.ex-kasugaAlmLv2:before		/* 放流口高（上） */
{
	background: #7030a0 !important;
}
.colorLbl.ex-kasugaAlmLv3:before		/* 放流口高（下） */
{
	background: #00b050 !important;
}


/* [flag1] 無効*/
/* ------------------------------------ */
/* ■ 灰色  */
td.dtBgLv-2,					/* -2:欠測 */
td.dtBgLv-4,					/* -4:閉局 */
td.dtBgStageLv-2,				/* -2:欠測 */
td.dtBgStageLv-4				/* -4:閉局 */
{
	background: #a7a7a7 !important;
}
dt.ex-dtBgLv-2,
dt.ex-dtBgLv-4{
	color: #a7a7a7;
}

/* --------------------------文字色 */
td.dtBgLv5,
td.dtBgLv2,
td.dtBgDam10Lv3,
td.dtBgDam10Lv1,
td.dtBgDam50Lv1,
span.ex-dtBgLv5,	/*例*/
span.ex-dtBgLv2,
td.dtBgStageLv4,
td.dtBgStageLv3,/*[01]*/
td.dtBgStageLv1,
td.dtBgTideLv2
{
	color: #fff !important;
}

/* -----------------------------
 * 以下は石川県河川のまま
 * 不要になったら削除すること
 * -----------------------------
 */

/* 超過状況 - 水位 - 現在 */
.overflowWaterLevel1 {
	background-color: #1172ee !important;
	color: #ffffff;
	border: 1px solid #0f60c7;
}

.overflowWaterLevel2 {
	background-color: #ffd200 !important;
	color: #000000;
	border: 1px solid #eac100;
}

.overflowWaterLevel3 {
	background-color: #fa9f00 !important;
	color: #000000;
	border: 1px solid #f48213;
}

.overflowWaterLevel4 {
	background-color: #e91e00 !important;
	color: #ffffff;
	border: 1px solid #d31b00;
}

.overflowWaterLevel7 {
	background-color: #8131ac !important;
	color: #ffffff;
	border: 1px solid #7415a5;
}

/* 超過状況 - 水位 - 過去4時間 */
.overflowWater4HLevel1 {
	background-color: #9bc5fa !important;
	color: #000000;
	border: 1px solid #71a3e4;
}

.overflowWater4HLevel2 {
	background-color: #ffe488 !important;
	color: #000000;
	border: 1px solid #f7dd64;
}

.overflowWater4HLevel3 {
	background-color: #ffc994 !important;
	color: #000000;
	border: 1px solid #fdae68;
}

.overflowWater4HLevel4 {
	background-color: #ff8d7e !important;
	color: #ffffff;
	border: 1px solid #e87667;
}

.overflowWater4HLevel7 {
	background-color: #b87fd6 !important;
	color: #ffffff;
	border: 1px solid #a75bce;
}

/* 超過状況 - 雨量 - 現在 */
.overflowRainLevel1 {
	background-color: #fa9f00 !important;
	color: #000000;
	border: 1px solid #f48213;
}

.overflowRainLevel2 {
	background-color: #e91e00 !important;
	color: #ffffff;
	border: 1px solid #d31b00;
}

/* 超過状況 - 雨量 - 過去4時間 */
.overflowRain4HLevel1 {
	background-color: #ffc994 !important;
	color: #000000;
	border: 1px solid #fdae68;
}

.overflowRain4HLevel2 {
	background-color: #ff8d7e !important;
	color: #000000;
	border: 1px solid #e87667;
}
/*グラフ凡例*/
.obspContents div.graphUnit span.ex-rainfall{/* 雨量 */
	border-left-color: #4092bc;
}
.obspContents div.graphUnit span.ex-rainSum{/* 累加 */
	border-left-color: #000;
}
.obspContents div.graphUnit span.ex-stage{/* 水位 */
	border-left-color: #4092BC;
}
.obspContents div.graphUnit span.ex-reserve{/* ダム＠貯水位 */
	border-left-color: #00f;
}
.obspContents div.graphUnit span.ex-inflow{/* ダム＠流入量 */
	border-left-color: #093;
}
.obspContents div.graphUnit span.ex-outflow{/* ダム＠全放流量 */
	border-left-color: #f00;
}
/*レーダー*/
.radarLv7{/* 80mm以上 */
	color: #9900CC;
}
.radarLv6{/* 50mm以上 */
	color: #FF0000;
}
.radarLv5{/* 20mm以上 */
	color: #FFCC33;
}
.radarLv4{/* 10mm以上 */
	color: #FFFF00;
}
.radarLv3{/* 5mm以上 */
	color: #339900;
}
.radarLv2{/* 1mm以上 */
	color: #003399;
}
.radarLv1{/* 1mm未満 */
	color: #99FFFF;
}
.outOfArea{/* 範囲外 */
	color: #707070;
}