@charset "utf-8";

/*---- ↓地図の高さを変更 ---*/
.mapbox .box{
  height: 270px;
}
.mapbox .box .map_area #map{
  height: 268px;
}

@media screen and (min-width: 641px){
  .lower_select_box .mapbox .box{
    height: 502px;
  }
  .lower_select_box .mapbox .box .map_area #map{
    height: 500px;
  }
  .lower_select_box .mapnote{
    display: none;
  }
}

@media screen and (max-width: 640px){
  .lower_select_box .mapbox .box{
    height: 540px;
  }
  .lower_select_box .mapbox .box .map_area #map{
    height: 536px;
  }
  .lower_select_box .mapnote{
    display: block;
  }
}

/*---- /地図の高さを変更 ---*/

/*---- GIS挿入ボックスの仮位置 ---*/
.gis_box{
  top: 10%;
  left: 10%;
}
/*---- /GIS挿入ボックスの仮位置 ---*/

/*---- ↓自治体カラーに変更 ---*/
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: #007337;}/*-- ライン1（自治体カラー） --*/

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

.button4,
.menu1_tabs li .button4:before
{border-color: #ff66cc;}/*-- ライン3（自治体カラー） --*/

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

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

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

.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％） --*/

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

.button4:hover,
.table1.table1-1 dt .btn_acc.active{
  background: linear-gradient(#dd3399, #ff66cc);
  background: -moz-linear-gradient(#dd3399, #ff66cc);
  background: -webkit-linear-gradient(#dd3399, #ff66cc);
  background: -o-linear-gradient(#dd3399, #ff66cc);
  background: -ms-linear-gradient(#dd3399, #ff66cc);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd3399', 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: 641px)/*--タブレット以上--*/
{
  .hidden_tb{
    display: none!important;
  }
}

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

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

/*---- font ---*/
html{font-family: 'Meiryo UI', Meiryo, sans-serif;line-height: 1.5;}

@media screen and (min-width: 641px){
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: 640px){
  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.EW,/*特別警報*/
/*.tag.EI/*警戒区域*//*災害発生*//*{*/
/*  border:1px solid #631d81;
  background:#631d81;
  color:#fff100;
}
*/
.tag.EI/*警戒区域*//*災害発生*/{
  border:1px solid #631d81;
  background:#631d81;
  color:#fff100;
}
.tag.EW/*特別警報*/{
  border:1px solid #c800ff;
  background:#c800ff;
  color:#ffffff;
}

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

.tag.Adv,/*注意報*/
.tag.EP/*避難準備*/{
  border:1px solid #fff100;
  background:#fff100;
  color:#202020;
}

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

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

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

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

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

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

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

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

.tag.Eq_ovlv7/*震度7*/{
  border:1px solid #b40068;
  background:#b40068;
  color:#fff100;
}

.tag.EO/*避難指示*/{
  border:1px solid #E72E19;
  background:#E72E19;
  color:#ffffff;
}

.tag.EA/*避難勧告*/{
/*
  border:1px solid #e62dff;
  background:#e62dff;
*/
  border:1px solid #EB6112;
  background:#EB6112;
  color:#ffffff;
}

 .tag.Vol_lv2/*噴火レベル2*/{
  border:1px solid #faf500;
  background:#faf500;
  color:#202020;
 }

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

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

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

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

.tag.info/*情報あり*/{
  border:1px solid #e72e19;
  background:#e72e19;
  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 #c800ff;
  background:#c800ff;
  color:#ffffff;
  margin: 0;
}

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

.tag.TsAdvi/*津波注意報*/{
  border:1px solid #faf500;
  background:#faf500;
  color:#202020;
  margin: 0;
}
.tag.None/*発表なし*/{
  color:#969696;
  margin:0;
}
.tag.DW/*特別警報*/{
  border:1px solid #FF8C00;
  background:#FF8C00;
  color:#ffffff;
}
/*---- /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: 641px){
  .EW_txt:not(:last-child),
  .War_txt:not(:last-child),
  .Adv_txt:not(:last-child){
    margin-right: 8px;
  }
}

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