@charset "utf-8";

/* 共通 */
div#contents div.wmap div.section h4,
div#contents div.wcontent div.section h4,
div#contents div.winfo div.section h4 {
  margin: 1em 0;
  padding: 0 0 0 10px;
  line-height: 1.4;
  text-align: left;
}
div.wmap .small,
div.wcontent .small,
div.winfo .small {
  font-size: 92%;
}
div.wmap p.note,
div.wcontent p.note,
div.winfo p.note {
  font-size: 92%;
  text-align: right;
}

/* section */
body.home #contents div.wcontent {
  float: right;
  clear: none;
  width: 46%;
}
body.home #contents div.wmap h3,
body.home #contents div.wcontent h3 {
  margin: 0;
  padding: 8px 13px 6px;
  border: none;
  color: #fff;
  background: #556b8d;
  font-size: 116%;
}
body.home #contents div.wmap h3:before,
body.home #contents div.wmap h3:after,
body.home #contents div.wcontent h3:before,
body.home #contents div.wcontent h3:after {
  display: none;
}

/* 地図 */
body.home div.wmap,
svg.wmap {
  overflow: hidden;
  float: left;
  position: relative;
  width: 100%;
  max-width: 311px;
  padding: 20px 0 2px;
  background: #fff url(../img/map/bg.png) repeat-y center top;
  z-index: 1;
}
body.home div.wmap div.area {
  overflow: hidden;
  margin: 0 0 1.4em;
  padding: 20px 0;
  background: #fff url(../img/map/bg.png) repeat-y center top;
}
body.home div.wmap div.group {
  position: relative;
  width: 256px;
  margin: 0 auto;
}
#wn-map div.area {
  padding-bottom: 0;
}
#wn-map div.group {
  width: 340px;
  margin: 0;
}

div.wmap div.area *,
div.wmap div.group * {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}
svg#wq-map {
  width: 100%;
}

/* 地図の各地域の画像 */
div.wmap div.group .area {
  position: absolute;
  z-index: 4;
}
div.wmap div.group .area.city {
  z-index: 5;
}
div.wmap div.group .area.city:hover,
div.wmap div.group .area.hover {
  /*	outline:2px solid rgba(0,255,255,0.4);	*/
  opacity: 0.6;
  z-index: 10;
}
div.wmap div.group .area.pref:hover {
  opacity: 0.6;
}
div.wmap div.group .area.link {
  /* リンクあり */
  cursor: pointer;
}
div.wmap div.group .area.advice {
  z-index: 6;
} /* 注意報 */
div.wmap div.group .area.warn {
  z-index: 7;
} /* 警報 */
div.wmap div.group .area.alert {
  z-index: 8;
} /* 特別警報 */

div.wmap div.group .w050000 {
  left: -25px;
  top: -17px;
  z-index: 1;
} /* 秋田県全域 */
div.wmap div.group .w050010 {
  left: -19px;
  top: -18px;
  z-index: 2;
} /* 沿岸 */
div.wmap div.group .w050020 {
  left: 126px;
  top: -19px;
  z-index: 2;
} /* 内陸 */
div.wmap div.group .w050011 {
  left: 0px;
  top: 107px;
} /* 秋田中央地域 */
div.wmap div.group .w050012 {
  left: 50px;
  top: 11px;
} /* 能代山本地域 */
div.wmap div.group .w050013 {
  left: 33px;
  top: 235px;
} /* 本荘由利地域 */
div.wmap div.group .w050021 {
  left: 107px;
  top: 0px;
} /* 北秋鹿角地域 */
div.wmap div.group .w050022 {
  left: 106px;
  top: 132px;
} /* 仙北平鹿地域 */
div.wmap div.group .w050023 {
  left: 104px;
  top: 283px;
} /* 湯沢雄勝地域 */

div.wmap div.group .w0520100 {
  left: 67px;
  top: 167px;
} /* 秋田市 */
div.wmap div.group .w0520111 {
  left: 67px;
  top: 167px;
} /* 秋田市秋田 */
div.wmap div.group .w0520112 {
  left: 67px;
  top: 167px;
} /* 秋田市河辺雄和 */
div.wmap div.group .w0520600 {
  left: 0px;
  top: 113px;
} /* 男鹿市 */
div.wmap div.group .w0521100 {
  left: 52px;
  top: 150px;
} /* 潟上市 */
div.wmap div.group .w0536100 {
  left: 73px;
  top: 128px;
} /* 五城目町 */
div.wmap div.group .w0536300 {
  left: 69px;
  top: 135px;
} /* 八郎潟町 */
div.wmap div.group .w0536600 {
  left: 65px;
  top: 149px;
} /* 井川町 */
div.wmap div.group .w0536800 {
  left: 45px;
  top: 107px;
} /* 大潟村 */
div.wmap div.group .w0520200 {
  left: 55px;
  top: 35px;
} /* 能代市 */
div.wmap div.group .w0534600 {
  left: 81px;
  top: 17px;
} /* 藤里町 */
div.wmap div.group .w0534800 {
  left: 50px;
  top: 91px;
} /* 三種町 */
div.wmap div.group .w0534900 {
  left: 48px;
  top: 11px;
} /* 八峰町 */
div.wmap div.group .w0521000 {
  left: 56px;
  top: 235px;
} /* 由利本荘市 */
div.wmap div.group .w0521011 {
  left: 56px;
  top: 235px;
} /* 由利本荘市沿岸 */
div.wmap div.group .w0521012 {
  left: 56px;
  top: 235px;
} /* 由利本荘市内陸 */
div.wmap div.group .w0521400 {
  left: 33px;
  top: 308px;
} /* にかほ市 */
div.wmap div.group .w0520400 {
  left: 125px;
  top: 6px;
} /* 大館市 */
div.wmap div.group .w0520900 {
  left: 197px;
  top: 21px;
} /* 鹿角市 */
div.wmap div.group .w0521300 {
  left: 108px;
  top: 41px;
} /* 北秋田市 */
div.wmap div.group .w0530300 {
  left: 193px;
  top: 0px;
} /* 小坂町 */
div.wmap div.group .w0532700 {
  left: 107px;
  top: 108px;
} /* 上小阿仁村 */
div.wmap div.group .w0521200 {
  left: 105px;
  top: 203px;
} /* 大仙市 */
div.wmap div.group .w0521500 {
  left: 152px;
  top: 131px;
} /* 仙北市 */
div.wmap div.group .w0543400 {
  left: 156px;
  top: 260px;
  z-index: 8 !important;
} /* 美郷町 */
div.wmap div.group .w0520300 {
  left: 113px;
  top: 283px;
} /* 横手市 */
div.wmap div.group .w0520700 {
  left: 125px;
  top: 332px;
} /* 湯沢市 */
div.wmap div.group .w0546300 {
  left: 104px;
  top: 321px;
} /* 羽後町 */
div.wmap div.group .w0546400 {
  left: 182px;
  top: 335px;
} /* 東成瀬村 */

/* 東北地方 津波 */
div.wmap div.group .w200 {
  left: 94px;
  top: 0px;
} /* 青森県日本海沿岸 */
div.wmap div.group .w201 {
  left: 175px;
  top: 0px;
} /* 青森県太平洋沿岸 */
div.wmap div.group .w202 {
  left: 154px;
  top: 26px;
} /* 陸奥湾 */
div.wmap div.group .w210 {
  left: 190px;
  top: 108px;
} /* 岩手県 */
div.wmap div.group .w220 {
  left: 172px;
  top: 258px;
} /* 宮城県 */
div.wmap div.group .w230 {
  left: 88px;
  top: 108px;
} /* 秋田県 */
div.wmap div.group .w240 {
  left: 84px;
  top: 252px;
} /* 山形県 */
div.wmap div.group .w250 {
  left: 100px;
  top: 370px;
} /* 福島県 */
div.wmap div.group .w340 {
  left: 0px;
  top: 315px;
} /* 新潟県上中下越 */

/* 震源・震央 */
div.wmap div.group .hypocenter {
  display: none;
  position: absolute;
  z-index: 20;
  margin: -12px 0 0 -12px;
  line-height: 24px;
  font-size: 24px;
  font-weight: bold;
  color: #ea5742;
  text-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
}

/* 注意報の種類 */
div.wmap div.group .kind {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.6em 0 0 -0.7em;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
}
#wq-map div.group .kind {
  font-size: 115%;
}
div.wmap div.group .w0520100 .kind {
  left: 42%;
  top: 37%;
} /* 秋田市 */
div.wmap div.group .w0520111 .kind {
  left: 42%;
  top: 37%;
} /* 秋田市秋田 */
div.wmap div.group .w0520112 .kind {
  left: 42%;
  top: 37%;
} /* 秋田市河辺雄和 */
div.wmap div.group .w0520600 .kind {
  left: 42%;
  top: 72%;
} /* 男鹿市 */
div.wmap div.group .w0521100 .kind {
  left: 38%;
  top: 50%;
} /* 潟上市 */
div.wmap div.group .w0536100 .kind {
  left: 63%;
  top: 40%;
} /* 五城目町 */
div.wmap div.group .w0536300 .kind {
  left: 76%;
  top: 60%;
} /* 八郎潟町 */
div.wmap div.group .w0536600 .kind {
  left: 63%;
  top: 39%;
} /* 井川町 */
div.wmap div.group .w0536800 .kind {
  left: 67%;
  top: 52%;
} /* 大潟村 */
div.wmap div.group .w0520200 .kind {
  left: 60%;
  top: 55%;
} /* 能代市 */
div.wmap div.group .w0534600 .kind {
  left: 72%;
  top: 45%;
} /* 藤里町 */
div.wmap div.group .w0534800 .kind {
  left: 64%;
  top: 50%;
} /* 三種町 */
div.wmap div.group .w0534900 .kind {
  left: 70%;
  top: 50%;
} /* 八峰町 */
div.wmap div.group .w0521000 .kind {
  left: 54%;
  top: 50%;
} /* 由利本荘市 */
div.wmap div.group .w0521011 .kind {
  left: 54%;
  top: 50%;
} /* 由利本荘市沿岸 */
div.wmap div.group .w0521012 .kind {
  left: 54%;
  top: 50%;
} /* 由利本荘市内陸 */
div.wmap div.group .w0521400 .kind {
  left: 64%;
  top: 52%;
} /* にかほ市 */
div.wmap div.group .w0520400 .kind {
  left: 62%;
  top: 45%;
} /* 大館市 */
div.wmap div.group .w0520900 .kind {
  left: 50%;
  top: 50%;
} /* 鹿角市 */
div.wmap div.group .w0521300 .kind {
  left: 55%;
  top: 55%;
} /* 北秋田市 */
div.wmap div.group .w0530300 .kind {
  left: 50%;
  top: 50%;
} /* 小坂町 */
div.wmap div.group .w0532700 .kind {
  left: 62%;
  top: 42%;
} /* 上小阿仁村 */
div.wmap div.group .w0521200 .kind {
  left: 40%;
  top: 50%;
} /* 大仙市 */
div.wmap div.group .w0521500 .kind {
  left: 55%;
  top: 55%;
} /* 仙北市 */
div.wmap div.group .w0543400 .kind {
  left: 67%;
  top: 46%;
} /* 美郷町 */
div.wmap div.group .w0520300 .kind {
  left: 55%;
  top: 40%;
} /* 横手市 */
div.wmap div.group .w0520700 .kind {
  left: 55%;
  top: 50%;
} /* 湯沢市 */
div.wmap div.group .w0546300 .kind {
  left: 60%;
  top: 45%;
} /* 羽後町 */
div.wmap div.group .w0546400 .kind {
  left: 67%;
  top: 45%;
} /* 東成瀬村 */

/* 更新時間・お知らせ */
div.wmap p.update {
  margin: 0.5em 0;
  padding: 0 10px;
  text-align: center;
}

/* 凡例 */
div.wmap div.section *:first-child,
div.wmap div.aside *:first-child {
  margin-top: 0;
}
#tab3 p.keys,
#tab3 ul.keys,
#tab3 .keys {
  margin: 15px 0;
  padding: 6px 5px 6px 10px;
  text-align: left;
  background: #fff url(../img/map/bg_keys.png) repeat center top;
}
div.wmap ul.keys {
  padding: 6px 0 6px 5px;
}
div.wmap ul.keys li {
  margin: 0;
  padding: 5px 10px;
  background: none !important;
}
div.wmap ul.keys.table li {
  float: left;
}
#ww-map ul.keys {
  padding: 6px 0 6px 5px;
}
#ww-map ul.keys li {
  float: left;
}
#wn-map ul.keys li.normal,
#wq-map ul.keys li.normal {
  float: left;
  margin-right: 8px;
}

/* 表 */
#contents table.wtable {
  width: 100%;
  margin: 0;
  border: 0;
  border-top: 1px solid #ccc;
  border-collapse: collapse;
}
#contents table.wtable tr.hover {
  background: #f0f5ff;
}
#contents table.wtable tr th {
  display: block;
  /*width:7.5em;*/
  padding: 0.7em 0.33em 1.4em 0.67em;
  border-width: 0 1px 1px 1px;
  background: none;
  text-align: left;
}
#contents table.wtable tr td {
  display: block;
  border-width: 0 1px 1px 1px;
}
#wn-content table.wtable tr th {
  /*width:6em;*/
}
table.wtable p,
ul.wlist p {
  margin: 0 0 1em;
}
table.wtable ul,
ul.wlist ul,
table.wtable ul li,
ul.wlist ul li,
table.wtable dl,
ul.wlist dl,
table.wtable dl dt,
ul.wlist dl dt,
table.wtable dl dd,
ul.wlist dl dd {
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: none !important;
}

table.wtable ul li,
ul.wlist ul li {
  display: inline;
  margin-right: 0.33em;
  white-space: nowrap;
}

table.wtable dl dt {
}
table.wtable dl dd {
  padding-left: 1em;
  border: 0;
  font-size: 92%;
}
table.wtable dl.has-city dd {
}
table.wtable dl.stations dd {
  padding-left: 1.08em;
}
table.wtable dl dd .city.inherit {
  /* 同じ地域で同じ注意報がある */
  display: none;
}
table.wtable .alert,
ul.wlist .alert {
  /* .alert を上書き */
  border: 0;
  background: none;
  color: #333;
  text-shadow: none;
}

table.wtable strong {
  color: #f30;
}
table.wtable .advice {
  color: #c80;
}
table.wtable .warn {
  color: #f30;
  font-weight: bold !important;
}
table.wtable .alert {
  color: #90c;
  font-weight: bold !important;
}
table.wtable .public {
}
table.wtable .cancel {
  color: #888;
}
table.wtable .run .status {
  display: none;
}
table.wtable dl dt .note {
  font-size: 92%;
}
table.wtable dl dt .note:before {
  content: "\ff08";
}
table.wtable dl dt .note:after {
  content: "\ff09";
}

ul.wlist span.area {
  font-weight: bold;
  color: #693;
}
ul.wlist dl dd {
  padding-left: 1em;
}
ul.wlist dl dd .city.inherit {
  /* 同じ地域で同じ注意報がある */
  display: inline;
}

/* 更新時間 */
div.section p.update {
  position: absolute;
  top: 10px;
  right: 10px;
  margin: 0;
  padding: 8px;
  color: #fff;
  line-height: 1.84;
  font-size: 92.5%;
}
div.section p.update .time {
  font-family: Helvetica, Arial, sans-serif;
}

/* メッセージ */
div.message p {
  padding-left: 11px;
}
div.message p.headline,
div.message p.warning {
  padding: 0.5em 10px;
  border: 1px dotted #cc9;
  background: #ffe;
  color: #663;
}
div.message .cancel {
  display: none;
}
div.message strong {
  color: #c60;
  font-size: 107.7%;
}

/* 地震情報 */
#contents table.wtable tr th.maxint {
  /*width:6.3em;*/
}
#contents #wq-table-station tr th.maxint {
  /*width:4.2em;*/
}
#contents table.wtable tr th.pref {
  /*width:4.5em;*/
}
#wq-content table.wtable.station tr th {
  /*width:4.5em;*/
}
#wq-content table.wtable.station ul li {
  display: inline;
  margin: 0;
  white-space: normal;
}
#wq-content table.wtable.station ul li:before {
  content: " / ";
  font-size: 66.7%;
}
#wq-content table.wtable.station ul li:first-child:before {
  content: "";
}

.warning {
  clear: both;
}

/* 竜巻情報 */
#wt-list dl dt,
#wl-list dl dt {
  display: none;
}

/*
大津波：
注意報：黄色
津波：オレンジ

*/
@media screen and (max-width: 640px) {
  body.home div.wmap,
  svg.wmap {
    max-width: 100%;
  }
}