/**
 * 【総合防災】津波注意報・警報用css
 * ------
 * 更新履歴
 * [00] 新規作成
 *
 */
/*********************
          地図画像
**********************/
.weather-mapImg img{
  margin-top: 5px; 
  max-width: 100%;
}
/*********************
       リスト形式の一覧表
**********************/
label.weather-listTable-label{
  padding-bottom: 5px;
}
/*注意書き*/
label.weather-listTable-label span.info{
  display: block;
  font-weight: normal;
  font-size: 1.2rem;
  padding-top: 4px;
}
/*項目名の見出し*/
.weather-listTable .dataBox label{
  display: inline-block;
  width: 100px;/*未対応ブラウザ用*/
  width: 10rem;
}
.weather-listTable .dataBox label:after{
  content:"：";
  float: right;
  height: 1.6rem;
  vertical-align: baseline;
}
/*データがない場合の表示*/
.weather-listTable .dataBox.noData{
  margin-top: 5px;
}
/*********************
          凡例
**********************/
.weather-exBox ul li span{
  width: 25px;
  height: 5px;
  vertical-align: middle; 
  margin-top: -2px; 
}
/* --------------- 津波ライン*/
span.data-tnLv1{background: #ffa21a;}
span.data-tnLv2{background: #e42222;}
span.data-tnLv3{background: #5c00a2;}