@charset "UTF-8";
/**
 * 【神奈川県河川】共通CSS-公開上書き用
 * ------
 * 更新履歴
 * [00] 2019.03.03 sawa　新規作成
 */
/*=======================
 	Base layout
  =======================*/
#header{
	min-width: 1016px;
	width: 100%;
}
/*=======================
	Header
	+ Global Navigation
		+ H1
		+ Navi Button
		+ HELP
  =======================*/
/* --------------------- ヘルプ */
#globalNavi .gNavi_help{
	right: 5px;
}
/* --------------------- 翻訳プルダウン */
#globalNavi #google_translate_element{
	position: absolute;
	top: 8px;
	right: 65px;
	width: 120px;
	text-align: center;
}
#globalNavi #google_translate_element .label{
	font-size: 12px;
	margin-bottom: 5px;
	color: #FFF;
}
/*=======================
	Header
	+ headerInfo
		+ damDischarge
		+ obsTime
		+ Reload Button
  =======================*/
/* --------------------- ダム放流中アイコン */
#headerInfo .damDischarge #discharge_shiroyama{
	background-image: url("../images/header/btn_discharge_shiroyama_pub.png");
}
#headerInfo .damDischarge #discharge_miho{
	background-image: url("../images/header/btn_discharge_miho_pub.png");
}
/* --------------------- 更新ボタン */
#headerInfo a.btn_refresh{
	background-image: url(../images/header/btn_refresh_pub.png);
}
/*=========================
	timeBox　時刻切替
  =========================*/
#dataHeaderBox .timeBox{
	width:300px;
}
ul.timeMode li{
	background: #ffffff !important;
	background: linear-gradient(#ffffff 10%, #eeeff1 100%) !important;
	background: -webkit-linear-gradient(#ffffff 10%, #eeeff1 100%) !important;
	border: 1px solid #c5c5c5;
	border-left: 1px solid white;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	vertical-align:top;	/**/
	box-sizing: border-box;	/**/
	background-image:none;

	max-width:none; /*default:none*/
	min-width:60px;
	height:22px;
	width:auto;	/*default:auto*/
	padding: 0 5px;
}
ul.timeMode li:FIRST-CHILD{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-left-color: #c5c5c5;
}
ul.timeMode li:LAST-CHILD{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
ul.timeMode li a,
ul.timeMode li span{
	line-height: 1.0em;/*21*/
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* Safari */
 	-webkit-justify-content: center; /* Safari */
 	align-items: center; /**/
 	justify-content: center; /**/
}
/* HOVER */
ul.timeMode li:not([class^="is-"]):HOVER{
	border-color:#e5e5e5;
}
/* 選択中 */
ul.timeMode li.is-selected{
  background: -webkit-linear-gradient(#055891, #0F75AE) !important;
  background: linear-gradient(#055891, #0F75AE) !important;
}