@charset "UTF-8";
/**
 * 【神奈川県河川】洪水予測画面用CSS(公開上書き用)
 * ------
 * 更新履歴
 * [00] 2019.03.07 K.Fujimaki	新規作成
 * [01] 2020.03.10 K.Fujimaki	ダム状況図画面のcssを追加
 * [02] 2024.02.19 K.Fujimaki	相模川6H対応のためcssを調整
 * ====2024年度リプレース
 * [A-01] 2025.03.11 K.Fujimaki	グラフのjs描画変更によるcss調整
 */
/*=========================
	洪水予測一覧画面
  =========================*/
/*放流中画像*/
body.flood_map .dischargeImg .text{
	background-image: url("../images/common/discharge_text_pub.png");
}

body.flood_map .timelineTbl thead th{
	line-height:11px;
	padding: 2px 0;
}
body.flood_map .timelineTbl tbody tr td:FIRST-CHILD{
	line-height:12px;
	padding: 4px 0;
}
/*長くなる見出し文字に対応*/
body.flood_map .timelineTbl th/*.wordBreak*/{
	word-break:break-all;
}
/*詳細はこちら*/
body.flood_map .tableBox a{
	margin-left:0;
	float:right;
}
/*-------------------------相模川*/
/* 城山ダムのデータBOX位置 */
body.flood_map .tableBox.dam_p30101_1{
	top:7px;left:10px;
}
body.flood_map .tableBox.stage_p30101_1{
	top:7px;right:11px;
	width:210px;
}
body.flood_map .tableBox.stage_p30101_2{
	/*[02]6H表示になったため左下に移動*/
	width:200px;
	bottom:14px;right:auto;left:10px;
}
/*-------------------------酒匂川*/
/* 三保ダムのデータBOX位置 */
body.flood_map .tableBox.dam_p30102_1{
	top:7px;left:10px;
}
body.flood_map .tableBox.stage_p30102_1{
	top:7px;right:11px;
	width:210px;
}
body.flood_map .tableBox.stage_p30102_2{
	bottom:14px;right:11px;
	width:210px;
}
body.flood_map .tableBox.stage_p30102_3{
	bottom:14px;left:10px;
	width:210px;
}
/*=========================
	ダム諸量画面
  =========================*/
/* 他画面種遷移ボタン */
body.flood_dam #dataHeaderBox .otherContentsBtn{
	left:160px;
	max-width:100px;
	width: auto;
}
/*=========================
	洪水予測詳細画面
  =========================*/
  /*グラフの[現在] titleと重なる*/
body.flood_stage ul.graphArea li:nth-child(5) {
	margin-top:20px;
}
/*右サイドtable */
body.flood_stage .timelineTbl.graph{
	width:215px;
}
/*header高さ固定*/
body.flood_stage .timelineTbl.graph thead th{
	padding:0;
	height:65px;
}
/*文字列長い対策*/
body.flood_stage .timelineTbl.graph thead th:LAST-CHILD{
	word-break:break-all;
}
/*右サイドの[現在] */
body.flood_stage .current_line{
	position: absolute;
	top:170px;
	left:auto;
	right:220px;
}
/*[A-01]グラフ上部の実況＆予測ラベル*/
body.flood_stage .nowBar{
	width: 103px;
}
body.flood_stage .futureBar{
	width: 294px;
	left: 152px;
}
body.flood_stage .nowLabel{
	left: 140px;
}
body.flood_stage .nowLine{
	left: 152px;
}
/*[A-01]相模川6H用のサイズ調整*/
body.flood_stage .graph_sagami .futureBar{
	width: 337px;
}
body.flood_stage .graph_sagami .nowLine{
	left: 109px;
}
/*水位凡例box*/
body.flood_stage .explainBox.graph-sideList{
	width:105px;
	left:455px;/*[02]位置調整*/
	margin-top:4px;
}
body.flood_stage .explainBox.graph-sideList dt{
	line-height:13px ;
}
.explainBox.graph-sideList dl dt{
	padding-top:3px;
}
/*=========================
		凡例
  =========================*/
.explainBox h6{
	font-size: 11px;	/**/
}
/* ---------------------- 凡例共通 */
.explainBox dd{
	padding: 2px 0 1px;
	line-height:14px;
	min-width:85px;
}
/* データ項目名 */
.explainBox .ex-label{
	min-width:85px;
	width:85px;
	height:auto;
}
/* ---------------------- 色凡例 */
dl.colorLegend dd:not(.ex-label){
	padding-right:8px;
	max-width:150px;
}
/* ------------------データ表現凡例*/
dl.dispLegend dt{
	width:auto;
	min-width:45px;
}
dl.dispLegend dd{
	margin-right: 5px;/**/
}

/*=========================
	[01]ダム状況図画面
  =========================*/
/*ダム状況ラベル*/
body.flood_diagram #shiroyamaDiagram .statusLabel.damStatusLv1{/*発電放流*/
	background-image: url("../images/symbol/03diagram/damStatusLv1_shiroyama_pub.png"); 
}
body.flood_diagram #mihoDiagram .statusLabel.damStatusLv1{/*常用設備放流*/
	background-image: url("../images/symbol/03diagram/damStatusLv1_miho_pub.png"); 
}
body.flood_diagram .statusLabel.damStatusLv2{/*ゲート放流*/
	background-image: url("../images/symbol/03diagram/damStatusLv2_pub.png"); 
}
body.flood_diagram .statusLabel.damStatusLv3{/*予備放流*/
	background-image: url("../images/symbol/03diagram/damStatusLv3_pub.png"); 
}
body.flood_diagram .statusLabel.damStatusLv4{/*洪水調節*/
	background-image: url("../images/symbol/03diagram/damStatusLv4_pub.png"); 
}
body.flood_diagram .statusLabel.damStatusLv5{/*洪水調節*/
	background-image: url("../images/symbol/03diagram/damStatusLv5_pub.png"); 
}
body.flood_diagram .statusLabel.damStatusLv6{/*異常洪水時防災操作*/
	background-image: url("../images/symbol/03diagram/damStatusLv6_pub.png"); 
}