@charset "utf-8";

/*
 * 水防警報、水位周知河川画面CSSファイル
 */

/* -------------------------------------------------------------------------- */
/* 県内の水防警報、水位周知河川情報 */

/* 警報表示タイトル */
.alerttitle{
  margin-top: 4px;
  margin-bottom: 0;
  margin-left: 4px;
}

/* 警報表示領域 */
.alerttable{
  width:100%;
  padding-left: 10px;
  padding-right: 4px;
  border-spacing: 0;
  padding-bottom:4px;
  font-weight: 700;
}
.alerttd{
  width:70%;
}

/* 警報リスト ul */
.alertul{
  display:table; /* テーブル表現 */
  table-layout: fixed;
  width: 100%;
  padding:0px;
}
/* 警報リストli */
.alertul li{
  display:table-cell; /* テーブルセル表現 */
  height:2em;
  vertical-align: middle;
}
/* 長警報設定(左寄せ) */
.alert {
  background-color: #CCCCCC;
  text-align: left;
  padding-left:4px;
}

/* 地域詳細 */
/* 地域詳細パネル */
.titlepanel {
  text-align: right;
  margin:0;
}

/* 発表時間パネル */
.linkpanel {
  padding-left: 16px;
}

/* 発表文リンク部 */
.detailpanel {
  padding-top:2px;
  padding-bottom:2px;
  /*padding-left:4px;*/
}

/* -------------------------------------------------------------------------- */
/* 発表文 */

.text-center {
    text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-oline {
    text-decoration: underline;
}

.div-oline {
  margin-top: 2px;
  width: 100%;
  border-bottom: 1px solid #000;
  line-height: 1.2;
}

/* 発表文内容 */
.a_content {
    margin-bottom: 15px;
}
.row {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

.row-center {
  justify-content: center;
}

.row-left {
  justify-content: flex-start;
}

.row-right {
  justify-content: flex-end;
}

.row-space-between {
  justify-content: space-between;
}

.row-space-around {
  justify-content: space-around;
}

.row-space-evenly {
  justify-content: space-evenly;
}

.row-stretch {
  justify-content: stretch;
}

.announce-name {
  display: inline-block;
  margin-left: 15px;
  vertical-align: middle;
}

.table {
  margin: 0;
  border: 1px solid #000;
  border-collapse: collapse;
}

.table th,
.table td {
  padding: 4px 8px;
  border: 1px solid #000;
  white-space: nowrap;
  font-weight: normal;
}

/* 情報 */
.info-table {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  text-align: center;
}
.info-table .name {
  width: 170px;
}
.info-table .no {
  width: 110px;
}

/* 水位周知河川 凡例表 */
.riverinfo-legend-table {
  margin: 0;
  font-size: 13px;
}

.riverinfo-legend-table th,
.riverinfo-legend-table td {
  padding: 0px;
}

.riverinfo-legend-table .msg {
  padding-left: 20px;
}

.riverinfo-legend2 {
  display: flex;
  align-items: flex-start;
  flex: 0 0 auto;
  margin: 0;
  margin-top: 10px;
  font-size: 13px;
}

.riverinfo-legend2 .title {
  white-space: nowrap;
}

.riverinfo-legend2 .body {
  margin: 0;
}

.text-box {
  padding: 8px;
  border: 1px solid #000;
}