@charset "utf-8";

/*---- ↓地図の高さを変更 ---*/
.mapbox .box{
  height: 400px;
}

@media screen and (min-width: 1090px){
  .lower_select_box .mapbox .box{
    height: 600px;
  }
}

@media screen and (max-width: 1089px){
  .lower_select_box .mapbox .box{
    height: 600px;
  }
}

/*---- /地図の高さを変更 ---*/
.gis_box{
  top: 10%;
  left: 10%;
}

/*---- ↓自治体カラーに変更 ---*/
h1,
h3,
.menu1_tabs > li .button1,
.button2:hover,
.table1 > dt,
.table1 > dt > a,
.table1 > thead th,
.table2 tr.title,
.sidemenu div.qr_cont h2,
.sidemenu ul.link_list_cont li > a:hover,
.sidemenu div.qr_cont dt,
.menseki_title,
.sitemap_list dt
{color: #005ba4;}/*-- 文字（自治体カラー） --*/

.footer > ul li a
{color: #d9e7f1;}/*-- フッターリンク文字（自治体カラー15%） --*/

.header,
h3,
.button2,
.gt_box,
div.container,
.menu1_tabs li .button2:before,
.myarea_cont .table dt,
.myarea_cont2 .table dt,
.sidemenu div > div:not(:nth-child(2)),
.sidemenu ul.link_list_cont li:not(:first-child),
.sidemenu div.qr_cont dt:after,
.sidemenu div.qr_cont dt.active:after,
.sidemenu div.qr_cont dl.active dt:after,
#pagetop:hover:after,
.gis_box
{border-color: #005ba4;}/*-- ライン1（自治体カラー） --*/

.table1,
.table1 > dt,
.table1 > thead  th,
.table2,
.cts_box,
.menu1_tabs > li .button2:hover:before,
{border-color: #4084bb;}/*-- ライン2（自治体カラー75％） --*/

h2,
.myarea_cont .table dt,
.myarea_cont2 .table dt,
.gis_areaname
{background: #005ba4;}/*-- タイトル背景色（自治体カラー） --*/

.footer
{background: #4084bb;}/*-- フッター背景色（自治体カラー75％） --*/

body,
.main_info_cont,
.cts_box,
.gt_box
{background: #f5f5f5;}

.table1 > dt,
.table1  > thead th,
.sitemap_list dt
{background: #d9e7f1;}/*-- 背景色3：自治体カラー15％ --*/

.button2{
  background: linear-gradient(#4084bb, #005ba4);
  background: -moz-linear-gradient(#4084bb, #005ba4);
  background: -webkit-linear-gradient(#4084bb, #005ba4);
  background: -o-linear-gradient(#4084bb, #005ba4);
  background: -ms-linear-gradient(#4084bb, #005ba4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4084bb', endColorstr='#005ba4', GradientType=0);
}/*-- グラデーションボタン（自治体カラー75％→自治体カラー） --*/

.button2:hover,
.table1.table1-1 dt .btn_acc.active{
  background: linear-gradient(#7fadd1, #4084bb);
  background: -moz-linear-gradient(#7fadd1, #4084bb);
  background: -webkit-linear-gradient(#7fadd1, #4084bb);
  background: -o-linear-gradient(#7fadd1, #4084bb);
  background: -ms-linear-gradient(#7fadd1, #4084bb);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fadd1', endColorstr='#4084bb', GradientType=0);
}/*-- グラデーションボタン:hover時（自治体カラー50％→自治体カラー75％） --*/

/*---- /自治体カラー ---*/
.clearfix:after{
  content: "";
  display: block;
  clear: both;
}

.flo_r{
  float: right;
}

.flo_l{
  float: left;
}

.focus:focus{
  border: 1px solid #4571d0;
}

@media screen and (min-width: 1090px)/*--タブレット以上--*/
{
  .hidden_tb{
    display: none!important;
  }
}

@media screen and (max-width: 1089px)/*--タブレット以下--*/
{
  .hidden_sptb{
    display: none!important;
  }
}

@media screen and (max-width: 1089px)/*--スマホ以下--*/
{
  .hidden_sp{
    display: none!important;
  }
}
small {
  display: inline-block;
  word-break: break-word;
}

/*---- font ---*/
html{font-family: "Helvetica Neue",
                  Arial,
                  "Hiragino Kaku Gothic ProN",
                  "Hiragino Sans",
                  'BIZ UDPGothic',
                  'Meiryo UI', Meiryo, sans-serif;line-height: 1.5;}

@media screen and (min-width: 1090px){
html{font-size: 16px;}
body{font-size: 1rem;} /*16px*/
h1{font-size: 1.75rem; line-height: 1;} /*28px*/
h2{font-size: 1.5rem;} /*24px*/
h3{font-size: 1.25rem;} /*20px*/
h4{font-size: 1.125rem;} /*18px*/
h5{font-size: 1rem;} /*16px*/
strong{font-size: 1.25rem; font-weight: bold;} /*18px*/
small{font-size: 0.875rem;} /*14px*/
}

@media screen and (max-width: 1089px){
  html,body{font-size: 16px!important;}
  h1{font-size: 1.5rem;line-height: 1;} /*24px*/
  h2{font-size: 1.25rem;} /*20px*/
  h3{font-size: 1.125rem;} /*18px*/
  h4{font-size: 1rem;} /*16px*/
  h5{font-size: 1rem;} /*16px*/
  strong{font-size: 1rem;font-weight: bold;} /*16px*/
  small{font-size: 0.875rem;} /*14px*/
}
/*---- /font ---*/

/*---- tag ---*/
.tag.RE/*大雨特別警報*/{
  border:1px solid #0C000C;
  background:#0C000C;
  color:#ffffff;
  border:1px solid #c1c1c1
}

.tag.EW/*特別警報*/{
  border:1px solid #c800ff;
  background:#aa00aa;
  color:#ffffff;
  border:1px solid #c1c1c1
}

.tag.War/*警報*//*警戒*/{
  border:1px solid #e72e19;
  background:#e72e19;
  color:#ffffff;
  border:1px solid #c1c1c1
}

.tag.Adv/*注意報*/{
  border:1px solid #fff100;
  background:#fff100;
  color:#202020;
  border:1px solid #c1c1c1
}

.tag.Eq_lv1,/*震度1*/
.tag.Vol_lv1/*噴火レベル1*/{
  border:1px solid #c1c1c1;
  background:#f2f2ff;
  color:#202020;
  border:1px solid #c1c1c1
}

.tag.Eq_lv2/*震度2*/{
  border:1px solid #b3eaed;
  background:#b3eaed;
  color:#202020;
  border:1px solid #c1c1c1
}

.tag.Eq_lv3/*震度3*/{
  border:1px solid #0041ff;
  background:#0041ff;
  color:#ffffff;
  border:1px solid #c1c1c1
}

.tag.Eq_lv4/*震度4*/{
  border:1px solid #fae696;
  background:#fae696;
  color:#202020;
  border:1px solid #c1c1c1
}

.tag.Eq_lv5/*震度5弱*/{
  border:1px solid #ffe600;
  background:#ffe600;
  color:#202020;
  border:1px solid #c1c1c1
}

.tag.Eq_lv5o/*震度5強*/{
  border:1px solid #ff9900;
  background:#ff9900;
  color:#202020;
  border:1px solid #c1c1c1
}

.tag.Eq_lv6,/*震度6弱*/
.tag.Vol_lv4/*噴火レベル4*/{
  border:1px solid #ff2800;
  background:#ff2800;
  color:#ffffff;
  border:1px solid #c1c1c1
}

.tag.Eq_lv6o/*震度6強*/{
  border:1px solid #a50021;
  background:#a50021;
  color:#ffffff;
  border:1px solid #c1c1c1
}

.tag.Eq_ovlv7/*震度7*/{
  border:1px solid #b40068;
  background:#b40068;
  color:#fff100;
  border:1px solid #c1c1c1
}
 .tag.Vol_lv2/*噴火レベル2*/{
  border:1px solid #faf500;
  background:#faf500;
  color:#202020;
  border:1px solid #c1c1c1
 }

 .tag.Vol_lv3/*噴火レベル3*/{
  border:1px solid #ffaa00;
  background:#ffaa00;
  color:#202020;
  border:1px solid #c1c1c1
 }

 .tag.Vol_lv5/*噴火レベル5*/{
  border:1px solid #c800ff;
  background:#c800ff;
  color:#ffffff;
  border:1px solid #c1c1c1
 }

.tag.Sl_open/*避難所”開設”*/{
 border:1px solid #FF8600;
 background:#FF9900;
 color:#202020;
 border:1px solid #c1c1c1
}

.tag.Sl_close,/*避難所”閉鎖”*/
.tag.Rel/*解除*/{
 border:1px solid #cccccc;
 background:#cccccc;
 color:#202020;
 border:1px solid #c1c1c1
}

.tag.info/*情報あり*/{
  border:1px solid #e72e19;
  background:#e72e19;
  color:#ffffff;
  margin: 0;
}

.tag.info3/*情報あり*/{
  width: 28px;
  border:1px solid #ffffff;
  background:#ffffff;
  color:#ffffff;
  margin: 0;
}

.tag.info2/*情報あり*/{
  border:1px solid #e72e19;
  background:#e72e19;
  color:#ffffff;
}

.tag.other/*その他タグ*/{
  background:#eeeeee;
  color:#ffffff;
  padding: 5px 0;
}
.tag.TsEmer/*大津波警報*/{
  border:1px solid #c1c1c1;
  background:#c800ff;
  color:#ffffff;
  margin: 0;
}

.tag.TsWarn/*津波警報*/{
  border:1px solid #c1c1c1;
  background:#ff2800;
  color:#ffffff;
  margin: 0;
}

.tag.TsAdvi/*津波注意報*/{
  border:1px solid #c1c1c1;
  background:#faf500;
  color:#202020;
  margin: 0;
}
.tag.None/*発表なし*/{
  background: #cccccc;
  color:#202020;
  border: 1px solid #c1c1c1;
}
/*---- /tag ---*/

/*---- warnings ---*/
.EW_txt/*特別警報テキスト*/{
  color: #631d81;
}

.War_txt/*警報テキスト*/{
  color: #e72e19;
}

.Adv_txt/*注意報テキスト*/{
  color: #885a00;
}

.EW_txt:after,
.War_txt:after,
.Adv_txt:after{
	content: "\A" ;
	white-space: pre ;
}

/*
td.EV/*予報*//*{
  background: #eb6112;
  color: #ffffff;
}

td.Al/*特別警報テキスト*//*{
  background: #fff100;
}
*/
td.EW/*特別警報テキスト*/{
  background: #c800ff;
  color: #ffffff;
}
td.WAR/*警報*//*警戒*/{
  background:#e72e19;
  color:#ffffff;
}

td.ADV/*注意報*/{
  background:#fff100;
  color:#202020;
}

@media screen and (min-width: 1090px){
  .EW_txt:not(:last-child),
  .War_txt:not(:last-child),
  .Adv_txt:not(:last-child){
    margin-right: 8px;
  }
}

@media screen and (max-width: 1089px){
  .EW_txt:not(:last-child)::after,
  .War_txt:not(:last-child)::after,
  .Adv_txt:not(:last-child)::after{
    content: '\A';
    white-space: pre;
  }
}
/*---- /warnings ---*/