@charset "UTF-8";
/*▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼
▼ BASE
▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼*/
html:root {
  background-color: #F2F2F2;
}

body {
  -webkit-font-smoothing: antialiased;
}

@media screen and (min-width: 830px) {
  body {
    　position: relative;
  }
}

/*====================================================================================
BreakPoint
====================================================================================*/
@media screen and (max-width: 830px) {
  .pc {
    display: none !important;
  }
}

@media screen and (min-width: 830px) {
  .sp {
    display: none !important;
  }
}

/*====================================================================================
Font
====================================================================================*/
h1, h2, h3, h4, h5, h6, p, a, blockquote, pre, abbr, address, cite, code, dt, dd, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure {
  word-wrap: break-word;
  color: #333;
  font-family: "游ゴシック体", "YuGothic", "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  list-style-type: none;
}

/*▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼
▼  Contents
▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼*/
#content > *:not(:last-child) {
  margin-bottom: 30px;
}

/*====================================================================================
block
====================================================================================*/
.block {
  padding: 10px;
  background-color: #fff;
}

/*====================================================================================
card
====================================================================================*/
.card {
  margin: 0 10px;
}

.cardTop {
  margin-bottom: 10px;
}
.cardTop > *:not(:last-child) {
  margin-bottom: 10px;
}

.cardContent {
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
  padding: 20px 10px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
  position: relative;
}
.cardContent_p {
  padding: 8px 8px 15px 8px;
}

.cardContent.ver02 {
  padding: 0;
  background-color: transparent;
  box-shadow: none;
}

.cardContent.sample {
  background-color: #FEFFED;
}

.cardContent.sample .sampleImage {
  display: block;
  width: 100%;
  max-width: 375px;
  margin-left: auto;
  margin-right: auto;
}

.cardContent > *:not(:last-child) {
  margin-bottom: 20px;
}

.card > .title01, .card > .titleArea {
  margin-bottom: 10px;
}

@media screen and (min-width: 700px) {
  .card {
    max-width: 700px;
    margin: 0 auto;
  }

  .cardTop {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }

  .cardContent {
  }
}
.noInformation {
  max-width: 500px;
  padding: 10px 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-weight: bold;
  background-color: #C9D1D3;
}

.noInformation * {
  color: #1A2629;
  text-align: center;
  line-height: 1em;
}

.now_loading{opacity: 0;}

/*====================================================================================
block
====================================================================================*/
.block > *:not(:last-child) {
  margin-bottom: 5px;
}

/*====================================================================================
column
====================================================================================*/
.column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/*▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼
▼ タイトル&テキスト
▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼*/


.title01 {
  font-size: 20px;
  font-weight: bold;
  position: relative;
  margin-left: 30px;
  line-height: initial;
}

.title01 .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: -30px;
}

.title02 {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
}

.title02:before {
  display: inline-block;
  width: 3px;
  height: 18px;
  margin-right: 5px;
  background-color: #979797;
  vertical-align: top;
  content: "";
}

.title02 .textLink {
  -moz-text-align-last: left;
  display: block;
  text-align-last: left;
}

.title02 .alertLink {
  -webkit-transform: translateY(-50%);
  position: absolute;
  right: 0;
  bottom: -11px;
  transform: translateY(-50%);
}

.smallText {
  font-size: 12px;
  opacity: .75;
}

.bold {
  font-weight: bold;
}

.center {
  text-align: center;
}

.alertLink {
  display: block;
}

.alertLink a {
  display: inline-block;
  color: #666;
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.alertLink a:before {
  display: inline-block;
  margin-right: 5px;
  font-size: 12px;
  content: "▶";
}

.alertLink a span {
  border-bottom: 1px solid #666;
}

.appendix {
  font-size: 11px;
  opacity: .75;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

/*▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼
▼ リンク
▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼*/
.textLink {
  text-align: left;
}

.textLink > * {
  color: #666;
  font-size: 12px;
  text-decoration: underline;
}

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

.button01, .button03 {
  max-width: 340px;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #D3D3D3;
  border-radius: 6px;
  background-color: #FAFAFA;
}

.button01 > *, .button03 > * {
  display: block;
  position: relative;
  padding: 10px 0;
  color: #000;
  font-weight: bold;
  text-align: center;
}

.button01.arrowR > *:after, .button01.arrowB > *:after, .button03.arrowR > *:after, .button03.arrowB > *:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 10px;
  height: 10px;
  border: 3px solid #00579a;
  border-top: 0px;
  border-left: 0px;
  content: "";
}

.button01.arrowR > *:after, .button03.arrowR > *:after {
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}

.button01.arrowB > *:after, .button03.arrowB > *:after {
  border-color: #333;
  top: 45%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}

.button01.arrowB.open > *:after {
  border-color: #333;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}

.button01 .icon, .button03 .icon {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}

.button01.textL, .button03.textL {
  -moz-text-align-last: left;
  text-align-last: left;
}

.button01.textL > *, .button03.textL > * {
  padding-left: 10px;
}

.buttonNotice {
  max-width: 340px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 6px;
  background-color: #FAE5E4;
}

.buttonNotice > * {
  display: block;
  position: relative;
  padding: 10px 0;
  color: #CB0505;
  font-size: 18px;
  font-weight: bold;
  line-height: 1em;
  text-align: center;
}

.buttonNotice .small {
  display: block;
  font-size: 13px;
  line-height: 13px;
}

.buttonNotice.arrowR > *:after, .buttonNotice.arrowB > *:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 10px;
  height: 10px;
  border: 3px solid #CB0505;
  border-top: 0px;
  border-left: 0px;
  content: "";
}

.buttonNotice.arrowR > *:after {
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}

.buttonNotice.arrowB > *:after {
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.buttonNotice .icon {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}
.additional-text {
  font-size: 12px;
  text-align: center;
}
/*▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼
▼ タブ
▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼*/
.tab {
  width: 100%;
  max-width: 350px;
  font-size: 0;
  white-space: nowrap;
  text-align: center;
  line-height: 1em;
  margin: 15px auto -10px;
}

.tab__item {
  width: 49%;
  display: inline-block;
  border: 1px solid #cdcdcd;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom: none;
  margin: 0px 1px;
  background: linear-gradient(#f5f5f5 95%, #d1d1d1);
  box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.1);
}

.tab__item > * {
  display: block;
  text-align: center;
  height: 37px;
  line-height: 37px;
  font-size: 18px;
}

@media screen and (max-width: 374px) {
  .tab__item > * {font-size: 16px;}
}

.tab__item.act {
  font-weight: 600;
  background: #fff;
}
#dcom_header{
}
.tab__item span{display:none;}
/*▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼
▼ 警報・注意報情報
▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼*/
/*====================================================================================
警戒レベル
====================================================================================*/
.alertList__item {
  position: relative;
  padding: 8px;
  background-color: #fff;
  border: 2px solid #ccc;
  border-radius: 6px;
}

.alertList__item:not(:last-child) {
  margin-bottom: 5px;
}

.alertList__item[class*="keikai"]:after {
  display: block;
  position: absolute;
  top: 5px;
  right: 0;
  width: 78px;
  height: 32px;
  background-size: cover;
  content: "";
}

@media screen and (max-width: 374px) {
  .alertList__item[class*="keikai"]:after {
    top: 4px;
  }
  .alertList__item[class*="keikai"]:after img {
    width: 70px;
    height: 28px;
  }
}
/*
.alertList__item[class*="quakeScale"]:after {
  display: block;
  position: absolute;
  top: 8px;
  right: 10px;
  padding: 5px 10px;
  border: 2px solid #ebebeb;
  border-radius: 20px;
  font-size: 12px;
  line-height: 1em;
  text-align: center;
  content: "震度1";
}
*/
.alertList__title {
  display: inline-block;
  margin-bottom: 10px;
  padding: 8px 8px 6px;
  border-radius: 6px;
  background-color: #ccc;
  font-size: 18px;
  font-weight: bold;
  line-height: 1em;
}

@media screen and (max-width: 374px) {
  .alertList__title {
    padding: 8px 6px 6px;
    font-size: 15px;
  }
}

.alertList__area {
  padding-left: 5px;
  border-left: 2px solid #979797;
  font-size: 14px;
  font-weight: bold;
  line-height: 1em;
}

@media screen and (max-width: 374px) {
  .alertList__area {
    font-size: 13px;
  }
}

@media screen and (min-width: 700px) {
  .alertList__info {
    min-height: 12px;
  }
}

.alertList__text {
  margin-top: 5px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1em;
}


@media screen and (max-width: 374px) {
  .alertList__text {
    font-size: 12px;
    letter-spacing: -0.035em;
  }
}

.alertList__text:empty {
  margin-top: 0;
}

@media screen and (min-width: 700px) {
  .alertList__text:empty {
    margin-top: 5px;
  }
}

.alertList__date {
  position: absolute;
  right: 8px;
  bottom: 8px;
  font-size: 12px;
  line-height: 1em;
}

@media screen and (max-width: 374px) {
  .alertList__date {
    font-size: 12px;
    letter-spacing: -0.05em;
  }
}

.alertList__text:empty + .alertList__date {
  bottom: 2px;
}

@media screen and (min-width: 700px) {
  .alertList__item {
    display: inline-block;
    width: 49.3%;
    vertical-align: top;
  }
  .alertList__item:nth-child(odd) {
    margin-right: .5%;
  }
}

.alertList__item.lv5 {
  border-color: #0C000C;
}

.alertList__item.lv4 {
  border-color: #AA00AA;
}

.alertList__item.lv3 {
  border-color: #FF2800;
}

.alertList__item.lv2 {
  border-color: #F2E700;
}

.alertList__item.lv1 {
  border-color: #ebebeb;
}

.alertList__item.lv5.keikai:after {
  background-image: url("../images/alertLevel5.svg");
}

.alertList__item.lv5.keikaiSoutou:after {
  background-image: url("../images/alertLevel5soutou.svg");
}

.alertList__item.lv4.keikai:after {
  background-image: url("../images/alertLevel4.svg");
}
.alertList__item.lv4.keikaiSoutou:after {
  background-image: url("../images/alertLevel4soutou.svg");
}

.alertList__item.lv3.keikai:after {
  background-image: url("../images/alertLevel3.svg");
}

.alertList__item.lv3.keikaiSoutou:after {
  background-image: url("../images/alertLevel3soutou.svg");
}

.alertList__item.lv2.keikaiSoutou:after {
  background-image: url("../images/alertLevel2soutou.svg");
}

.alertList__item.lv2.keikai:after {
  background-image: url("../images/alertLevel2.svg");
}

.alertList__item.lv5 .alertList__title {
  background-color: #0C000C;
  color: #Fff;
}

.alertList__item.lv4 .alertList__title {
  background-color: #AA00AA;
  color: #Fff;
}

.alertList__item.lv3 .alertList__title {
  background-color: #FF2800;
  color: #Fff;
}

.alertList__item.lv2 .alertList__title {
  background-color: #F2E700;
  color: #4A4700;
}

.alertList__item.lv1 .alertList__title {
  background-color: #ebebeb;
  color: #000;
}

/*====================================================================================
ver02
====================================================================================*/

.alertList.ver02 .alertList__item {
  box-shadow: 0px 3px 3px 0 rgba(0,0,0,0.10);
}
.alertList.ver02 .alertList__item:hover {
  cursor: pointer;
}

@media screen and (min-width: 700px) {
  .alertList.ver02 .alertList__item {
    display: block;
    width: 100%;
  }
}

.alertList.ver02 .alertList__content {
  position: relative;
  padding-bottom: 1em;
  padding-right: 10px;
  font-weight:bold;
}

.alertList__content * {
  font-size: 12px;
  line-height: 18px;
}

.alertList.ver02 .alertList__item.hidden .alertList__content:after {
  content: "";
  display: block;
  width: 100%;
  height: 1em;
  position: absolute;
  bottom: 0;
  left: 0;
}

.alertList__item.hidden .alertList__content{
  height: 4em;
  overflow: hidden;
}

.alertList__item.open .alertList__content{
  margin-bottom: 10px;
  max-height: 300px;
  overflow-y: scroll;
}

.alertList__item:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.alertList__item.open .alertList__content::-webkit-scrollbar { /* スクロールバーの高さと幅 */
  width : 4px;
  height: 4px;
}
  
.alertList__item.open .alertList__content::-webkit-scrollbar-track { /* スクロールバー背景 */
  border-radius: 100px;
  background-color: #fff;
}
  
.alertList__item.open .alertList__content::-webkit-scrollbar-thumb { /* スクロールバー */
  border-radius: 100px;
  background: #4081B3;
  border: 0px solid rgba(0,0,0,0);
}

.alertList__item.hidden .button.hidden {display: none;}
.alertList__item.open .button.open {display: none;}

.alertList.ver02 .button.open {
  text-align: center;
}

.alertList.ver02 .button.open > * {
  color: #3795C4;
  font-weight: bold;
  font-size: 14px;
}

.alertList.ver02 .button.hidden {
  max-width: 120px;
  line-height: 1em;
  padding: 10px 0;
  font-weight: bold;
  text-align: center;
  border: 1px solid #D8D9DA;
  border-radius: 6px;
  background-color: #FAFAFA;
  margin-left: auto;
  margin-right: auto;
}

.alertList.ver02 .button.hidden > *{
  font-size: 13px;
}


.alertList.ver02 .alertList__item.lv5 {background-color: #F2F2F2;}
.alertList.ver02 .alertList__item.lv5 .alertList__content:after {
  background: linear-gradient(rgba(242,242,242,0), rgba(242,242,242,0.75), rgba(242,242,242,1));
}

.alertList.ver02 .alertList__item.lv4 {background-color: #FBF2FB;}
.alertList.ver02 .alertList__item.lv4 .alertList__content:after {
  background: linear-gradient(rgba(251,242,251,0), rgba(251,242,251,0.75), rgba(251,242,251,1));
}

.alertList.ver02 .alertList__item.lv3 {background-color: #FFF4F2;}
.alertList.ver02 .alertList__item.lv3 .alertList__content:after {
  background: linear-gradient(rgba(255,244,242,0), rgba(255,244,242,0.75), rgba(255,244,242,1));
}

.alertList.ver02 .alertList__item.lv2 {background-color: #FFFEF2;}
.alertList.ver02 .alertList__item.lv2 .alertList__content:after {
  background: linear-gradient(rgba(255,254,242,0), rgba(255,254,242,0.75), rgba(255,254,242,1));
}

.alertList.ver02 .alertList__item.lv1 {background-color: #FEFEFE;}
.alertList.ver02 .alertList__item.lv1 .alertList__content:after {
  background: linear-gradient(rgba(254,254,254,0), rgba(254,254,254,0.75), rgba(254,254,254,1));
}

.evacuationList:not(:last-child) {
    margin-bottom: 5px;
}

/*====================================================================================
ライフライン情報
====================================================================================*/
.lifeLine_ttl{
  display: none;
}
.lifeLineList {
  border:solid 2px #ED7D31;
}

.lifeLineList:not(:last-child) {
  margin-bottom: 5px;
}

.lifeLineList__item {
  position: relative;
}

.lifeLineList__date {
  position: absolute;
  right: -5px;
  bottom: -10px;
  line-height: 1em;
  z-index: 1000;
  font-size:12px;
}

.lifeLineList__title {
  min-width: 5em;
  text-align: center;
  display: inline-block;
  margin-bottom: 10px;
  padding: 8px 8px 6px;
  border-radius: 6px;
  color: #fff;
  background-color: #ED7D31;
  font-size: 18px;
  font-weight: bold;
  line-height: 1em;
}

.lifeLineList__text {
  font-size: 14px;
  font-weight:bold;
}

.lifeLineList__text + .lifeLineList  .LifeLine_closeButton {
  margin-top: 20px;
}

/*------------------------------------------
ON/OFF
------------------------------------------*/

/* OFF
------------------------------------------*/
.lifeLineList.off .lifeLineList__item:before{
  content: "";
  display: block;
  width: 100%;
  height: 32px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1) 60%);
  z-index: 1;
}


.lifeLineList.off .lifeLineList__item .lifeLineList__info {
  height: 70px;
  overflow: hidden;
}

/* ON
------------------------------------------*/
.lifeLineList.on .lifeLineList__text {
}

/*------------------------------------------
OPEN BUTTON
------------------------------------------*/
.lifeLineList .LifeLine_openButton:hover {
  opacity: .75;
  cursor: pointer;
}
.lifeLineList .LifeLine_openButton {
  content: "+全て表示";
  display: block;
  color: #3795C4;
  font-weight: bold;
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: -10px;
  left: 0px;
  z-index: 2;
}

.lifeLineList.on .LifeLine_openButton
 {
  display: none;
}

/*------------------------------------------
CLOSE BUTTON
------------------------------------------*/
.lifeLineList  .LifeLine_closeButton {
  text-align: center;
  position: relative;
  z-index: 2;
  margin-top: 20px;
  bottom:-8px;
}

.lifeLineList  .LifeLine_closeButton:hover {
  opacity: .75;
  cursor: pointer;
}


.lifeLineList  .LifeLine_closeButton > * {
  min-width: 120px;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  background-color: #FAFAFA;
  border: 1px solid #D8D9DA;
  line-height: 1em;
  padding: 10px;
  border-radius: 6px;
}

/*====================================================================================

====================================================================================*/

.disp-none {
  display: none;
}

.initial-hide {
  display: none;
}

@media screen and (min-width: 700px) {
  .initial-hide {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    opacity: 0;
  }
  .fadein {
    opacity: 1;
  }
}

/*
@media screen and (min-width: 700px) {
  .initial-hide {
    opacity: 0;
    transition: all 300ms;
  }
  .initial-hide.show-on {
    display: inline-block !important;
    opacity: 1;
  }
}
*/
.no-alert {
  margin: 0 -10px;
  padding: 35px 10px;
  background-color: rgba(0, 87, 154, 0.05);
}

.no-alert-msg {
  text-align: center;
  font-weight: bold;
}
.no-alert_lifeline {
/*
  margin: 0 -10px;
  padding: 20px 10px;
  background-color:#F2F6FA;
*/
padding: 15px 10px;
    background-color: #F2F6FA;
    border-top: 8px solid #fff;
    border-bottom: 8px solid #fff;
}

/*====================================================================================
他のエリアの情報
====================================================================================*/
.channelList {
  display: table;
  width: calc(100% + 16px);
  margin: 0 -8px;
  table-layout: fixed;
}

@media screen and (min-width: 700px) {
  .channelList {
    width: 360px;
    margin: 0 auto;
  }
}

.channelList__item {
  display: table-cell;
  padding: 0 0.5px;
}

@media screen and (max-width: 374px) {
  .channelList__item {
    padding: 0 .4px;
  }
}

@media screen and (min-width: 700px) {
  .channelList__item {
    padding: 0 1px;
  }
}

.channelList__link {
  display: block;
  border: 1px solid #d1d1d1;
  border-radius: 6px;
  text-align: center;
  min-width: 58px;
}

.channelList__icon {
  margin: 10px 0;
}

.channelList__text {
  padding-bottom: 10px;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: -0.05em;
  line-height: 10px;
}

@media screen and (max-width: 374px) {
  .channelList__text {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    font-size: 10px;
    letter-spacing: -0.1em;
  }
}

/*▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼
▼ 災害に関するニュースを確認できます。
▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼*/
.newsList {
  border: 1px solid #d1d1d1;
}

.newsList__item {
  position: relative;
  padding: 10px;
}

.newsList__item:not(:last-child) {
  border-bottom: 1px solid #d1d1d1;
}

.newsList__link {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.newsList__inner {
  position: relative;
  width: 100%;
  padding-right: 55px;
}

.newsList__inner > * {
  display: table-cell;
}

.newsList__thumb {
  -webkit-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 0px;
  width: 45px;
  height: 45px;
  transform: translateY(-50%);
}

.newsList__thumb img {
  -o-object-fit: cover;
  width: 45px;
  height: 45px;
  object-fit: cover;
}

.newsList__title {
  font-size: 15px;
  font-weight: bold;
}

.newsList__info {
  margin-top: 10px;
  font-size: 12px;
  line-height: 12px;
  opacity: .75;
}

@media screen and (max-width: 374px) {
  .newsList__info {
    margin-top: 5px;
    font-size: 11px;
  }
}

@media screen and (min-width: 700px) {
  .newsList {
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    border: none;
  }
  .newsList__item {
    width: 50%;
    border-bottom: 1px solid #d1d1d1;
  }
  .newsList__item:nth-child(1), .newsList__item:nth-child(2) {
    border-top: 1px solid #d1d1d1;
  }
  .newsList__item:nth-child(odd) {
    border-right: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
  }
  .newsList__item:nth-child(even) {
    border-right: 1px solid #d1d1d1;
  }
}

.newsPickup {
  position: relative;
  border: 1px solid #ccc;
  background-color: #fff;
}

.newsPickup a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.newsPickup__thumb {
  position: relative;
  width: 100%;
  height: 0px;
  padding-bottom: 75%;
}

.newsPickup__thumb img {
  -o-object-fit: cover;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.newsPickup__content {
  padding: 10px;
}

.newsPickup__title {
  font-size: 15px;
  font-weight: bold;
}

.newsPickup__info {
  margin-top: 10px;
  font-size: 12px;
}

@media screen and (min-width: 700px) {
  .newsPickup__inner {
    display: table;
    position: relative;
    width: 100%;
    padding: 10px;
  }
  .newsPickup__inner > * {
    vertical-align: top;
  }
  .newsPickup__thumb {
    position: absolute;
    right: 10px;
    width: 30%;
  }
  .newsPickup__content {
    position: relative;
    width: 443px;
    height: 146px;
    padding: 0;
    padding-left: 10px;
  }
  .newsPickup__title {
    font-size: 15px;
  }
  .newsPickup__thumb, .newsPickup__thumb img {
    width: 195px;
    height: 146px;
  }
  .newsPickup__thumb img {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .newsPickup__info {
    position: absolute;
    bottom: 0;
  }
}

@media screen and (max-width: 374px) {
  .newsPickup__info {
    font-size: 11px;
  }
}

.no-news {
  margin: 0 -10px;
  padding: 35px 10px;
  background-color: rgba(0, 87, 154, 0.05);
}

.no-news-msg {
  text-align: center;
  font-weight: bold;
}

/*▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼
▼ 避難所情報
▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼*/
.shelter {
  overflow-y: scroll;
}

.shelter.off {
  height: 135px !important;
  overflow: hidden;
}

.shelter.on {
  height: 330px;
  overflow-y: scroll;
}

.shelter::-webkit-scrollbar { /* スクロールバーの高さと幅 */
/*
  width : 4px;
  height: 4px;
*/
}
  
.shelter::-webkit-scrollbar-track { /* スクロールバー背景 */
  background-color: #e5e4e5;
  box-shadow: none;
}
  
.shelter::-webkit-scrollbar-thumb { /* スクロールバー */
  border-radius: 100px;
  background: #4079ab;
}


.shelterList {
  display: table;
  width: 100%;
  overflow: hidden;
  border-collapse: collapse;
  table-layout: fixed;
}

.shelterList__item {
  display: table-row;
  overflow: hidden;
}

.shelterList__item > * {
  display: table-cell;
  padding: 5px 10px;
  overflow: hidden;
  border: 1px solid #d1d1d1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shelterList__name {
  position: relative;
  width: 58%;
  border-left: none solid #000;
  background-color: #FAFAFA;
}

.shelterList__name.hinanbasyo:before, .shelterList__name.hinanjo:before {
  display: inline-block;
  width: 1.45em;
  height: 1.45em;
  margin-right: 0.55em;
  background-size: cover;
  line-height: 1em;
  vertical-align: middle;
  content: "";
}

.shelterList__name.hinanbasyo:before {
  background-image: url("../images/icon_hinanbasyo.svg");
}

.shelterList__name.hinanjo:before {
  background-image: url("../images/icon_hinanjo.svg");
}

.shelterList__name > * {
  color: #00579a;
  font-weight: bold;
  text-decoration: underline;
}

.shelterList__address {
  width: 50%;
}

.buttonGroup {
  overflow: hidden;
}

.buttonGroup > * {
  display: inline-block;
}

.buttonGroup > *:first-child {
  float: left;
}

.buttonGroup > *:last-child {
  float: right;
}

.button.prev, .button.next {
  border: 1px solid #D3D3D3;
  border-radius: 6px;
  background-color: #FAFAFA;
}

.button.prev > *, .button.next > * {
  display: block;
  padding: 2px 12px;
  font-size: 12px;
  font-weight: bold;
}

.button.prev > *:before, .button.next > *:after {
  -webkit-transform: rotate(45deg);
  display: inline-block;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border: 2px solid #333;
  vertical-align: middle;
  content: "";
}

.button.prev > *:before {
  margin-right: 5px;
  border-top: 0;
  border-right: 0;
}

.button.next > *:after {
  margin-left: 5px;
  border-bottom: 0;
  border-left: 0;
}

.no-shelter {
  margin: 0 -10px;
  padding: 35px 10px;
  background-color: rgba(0, 87, 154, 0.05);
}

.no-shelter-msg {
  text-align: center;
  font-weight: bold;
}

/*====================================================================================
スクロールバー
===================================================================================*/
.mCSB_scrollTools {
  width: 6px;
}

.mCSB_inside > .mCSB_container {
  margin-right: 16px;
}

/*------------------------------------------
バー
------------------------------------------*/
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #00579a;
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  -ms-filter: "alpha(opacity=90)";
  background-color: #00579a;
  filter: "alpha(opacity=90)";
}

/*------------------------------------------
背景
------------------------------------------*/
.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #E0E0E0;
}

/*====================================================================================
オーバーレイ
====================================================================================*/
.shelterOverlay {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
}

.shelterOverlay .title02 {
  margin-bottom: 20px;
}

.shelterOverlay__content {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 85%;
  min-width: 300px;
  max-width: 600px;
  max-height: 500px;
  padding: 15px 10px;
  overflow: hidden;
  border-radius: 10px;
  background-color: #fff;
}

.shelterOverlay__content .close {
  padding: 20px 0 0px;
  background-color: #fff;
}

.shelterOverlay__content .close > * {
  display: block;
  width: 95%;
  max-width: 340px;
  margin-right: auto;
  margin-left: auto;
  padding: 10px 0px;
  border: 1px solid #D3D3D3;
  border-radius: 6px;
  background-color: #FAFAFA;
  font-weight: 600;
  line-height: 1em;
  text-align: center;
}

.shelterOverlay__inner {
/*  overflow-y: scroll;
*/
  flex: 1;
}


.shelterOverlay__inner::-webkit-scrollbar { /* スクロールバーの高さと幅 */
  width : 4px;
  height: 4px;
}
  
.shelterOverlay__inner::-webkit-scrollbar-track { /* スクロールバー背景 */
  border-radius: 100px;
  background-color: rgb(243, 243, 243);
}
  
.shelterOverlay__inner::-webkit-scrollbar-thumb { /* スクロールバー */
  border-radius: 100px;
  background: #4081B3;
  border: 0px solid rgba(0,0,0,0);
}

.shelterContent {
  overflow: hidden;
  margin-bottom: 20px;
}

.shelterContent__title {
  color: #00579a;
  font-weight: 600;
}

.shelterContent__item {
  margin-bottom: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid #ccc;
}
.hinandisplay{
  display:block;
}
.nodisplay{
  display:none;
}
/*避難所マップ map */
.map{
    background-color:#fff;
    margin-bottom: 20px;
}
.map_figure{
    width:100%;
}
#map_content {
    width: 100%;
    height: 0;
    padding-bottom: 80%;
    background-color: #ccc;
    opacity: 0;
}
.map_top {
    color: #fff;
    font-weight: 600;
    text-align: center;
    line-height: 1em;
    padding: 10px 0;
    background-color: #4169E1;
}
.shelterList_title{
    color: #fff;
    font-weight: 600;
    text-align: center;
    line-height: 1em;
    padding: 10px 0;
    background-color: #00579a;
    margin-bottom: 0px !important;
}
.map_popup_content h3{
  margin-bottom: 10px;
}
.map_popup_content p{
  font-size:13px;
  margin:0 0 0 5px;
}
.map_popup_content span b{
  color: #00579a;
  font-weight:600;
}
.google_map{
  text-align: center;
  position: relative;
}
.google_map:after {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 12px;
    height: 12px;
    transform: translateY(-50%) rotate(-45deg);
    border: 3px solid #00579a;
    border-top: 0px;
    border-left: 0px;
    content: "";
}
.google_map a{
  color:#00579a; 
  font-weight:600;
}
.leaflet-popup-content{
    max-width : 270px;
    margin: 10px 7px;
    line-height: 1em;
}
.leaflet-control-attribution a {
    font-size: 11px;
    display: inline;
}
.regend_map{
    text-align:right;
}
.regend_map img{
    width:16px;
    height:20px;
    margin-right:2px;
}
.group{
    margin-bottom:0px !important;
}
/*▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼
▼ ドコモの災害対策
▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼*/
.infoList {
  border: 1px solid #d1d1d1;
  border-radius: 8px;
}

.infoList__item {
  padding: 15px 10px;
}

.infoList__item:not(:last-child) {
  border-bottom: 1px solid #d1d1d1;
}

.infoList__item > *:not(:last-child) {
  margin-bottom: 5px;
}

.infoList__content {
  position: relative;
  padding-left: 15px;
}

.infoList__content:before {
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 0px;
  height: 0px;
  border: 0.5em solid transparent;
  border-right: 0;
  border-left: 0.75em solid #d1d1d1;
  content: "";
}

.infoList__content > * {
  color: #00579a;
}

.infoList__date {
  font-size: 13px;
  opacity: 0.75;
}

/*====================================================================================
各種リンク
====================================================================================*/
.infoLink {
  border-top: 1px solid #d1d1d1;
}

.infoLink__item {
  border-bottom: 1px solid #d1d1d1;
}

.infoLink__link {
  display: block;
  position: relative;
  height: 100%;
  padding: 10px;
  padding-right: 30px;
}

.infoLink__link:after {
  -webkit-transform: translateY(-50%) rotate(-45deg);
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 12px;
  height: 12px;
  transform: translateY(-50%) rotate(-45deg);
  border: 3px solid #00579a;
  border-top: 0px;
  border-left: 0px;
  content: "";
}

.infoLink__title {
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: bold;
}

.infoLink__text {
  font-size: 13px;
  line-height: 20px;
}

.infoLink__icon {
  margin-right: 10px;
  vertical-align: top;
}

@media screen and (min-width: 700px) {
  .infoLink {
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    border: none;
  }
  .infoLink__item {
    width: 50%;
    border-bottom: 1px solid #d1d1d1;
  }
  .infoLink__item:nth-child(1), .infoLink__item:nth-child(2) {
    border-top: 1px solid #d1d1d1;
  }
  .infoLink__item:nth-child(odd) {
    border-right: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
  }
  .infoLink__item:nth-child(even) {
    border-right: 1px solid #d1d1d1;
  }
}

/***numa robo area****/
.numaroboArea {
  font-size: 0;
}

.area-notice01 {
  width: 100%;
  padding: 5px 10px;
  background-color: #FFFFF0;
  display: table;
  box-sizing: border-box;
  margin-bottom:10px;
}

.area-notice01 > * {
  vertical-align: middle;
  display: table-cell;
}

.area-notice01__thumb {
  width: 88px;
}

.area-notice01__thumb img {
  width: 100%;
}

.area-notice01__content {
  padding-left: 10px;
}

.area-notice01 .icon {
  width: 18px;
  margin-right: 3px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

.area-notice01 *[class^="btn-dtl"] {
  margin-top: 5px;
}

.btn-dtl--blue02 > *:link, .btn-dtl--blue02 > *:visited {
  font-size: 16px;
  display: block;
  text-align: center;
  color: #FFF;
  line-height: 1em;
  padding: 10px 0;
  border-radius: 4px;
  background: linear-gradient(#4C77AE, #325C92);
  background: -moz-linear-gradient(#4C77AE, #325C92);
  background: -webkit-linear-gradient(#4C77AE, #325C92);
  background: -webkit-gradient(linear, left top, left bottom, from(#4C77AE), to(#325C92));
  position: relative;
}
.button01.btn_yellow{
  margin-bottom: 10px;
  background-color: #FFFFF0;
}

.button04 {
  display: inline-block;
}

.button04 > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
  background-color: #fff;
  padding: 10px;
  border-radius: 6px;
  box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.16);
}

.button04 .icon {
  margin-right: 5px;
}

.button04 .text {
  line-height: 1em;
}


.button05 {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.button05 > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
  vertical-align: middle;
  background-color: #fff;
  padding: 10px;
  border-radius: 100px;
  box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.16);
}

.button05 .icon {
  margin-right: 5px;
}

.button05 .text {
  line-height: 1em;
}


/*▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼
▼ 路線情報
▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼*/
.linkList {
  border: 1px solid #d1d1d1;
}

.linkList__item:not(:last-child) {
  border-bottom: 1px solid #d1d1d1;
}

.linkList__link {
  display: block;
  position: relative;
  padding: 10px;
  font-weight: bold;
  text-align: center;
  padding-right: 22px;
}

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

.linkList__link:after {
  -webkit-transform: translateY(-50%) rotate(-45deg);
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 12px;
  height: 12px;
  transform: translateY(-50%) rotate(-45deg);
  border: 3px solid #00579a;
  border-top: 0px;
  border-left: 0px;
  content: "";
}

@media screen and (max-width: 374px) {
  .linkList__link {
    font-size: 13px;
  }
}

.linkList__icon {
  margin-right: 10px;
}

@media screen and (min-width: 700px) {
  .linkList {
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    border: none;
  }
  .linkList__item {
    width: 50%;
    border-bottom: 1px solid #d1d1d1;
  }
  .linkList__item:nth-child(1), .linkList__item:nth-child(2) {
    border-top: 1px solid #d1d1d1;
  }
  .linkList__item:nth-child(odd) {
    border-right: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
  }
  .linkList__item:nth-child(even) {
    border-right: 1px solid #d1d1d1;
  }
}

.no-trouble-msg {
  font-size: 16px;
  font-weight: bold;
}

.no-rosen {
  margin: 0 -10px;
  padding: 35px 10px;
  background-color: rgba(0, 87, 154, 0.05);
}

.no-rosen-msg {
  text-align: center;
  font-weight: bold;
}

/*▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼
▼ SNSリスト
▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼*/
.snsList {
  font-size: 0;
  text-align: center;
}

.snsList__item {
  display: inline-block;
  vertical-align:top;
  line-height:1em;
}

.snsList__item:not(:last-child) {
  margin-right: 5px;
}
.snsList_wrapper {
  margin-bottom: 5px;
}

/*▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼
▼ 未設定
▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼*/
.noSet {
  margin: 0 -10px;
  padding: 20px 10px ;
  background-color: rgba(0, 87, 154, 0.05);
}

.noSet > *:not(:last-child) {
  margin-bottom: 15px;
}

.noSet__title {
  font-weight: bold;
  text-align: center;
}

.noSet .notice {
  margin: 0 -10px;
  padding: 20px 10px;
  background-color: #fff;
}

.noSet .notice > *:not(:last-child) {
  margin-bottom: 15px;
}

.noSet .alertList__item {
  display: block;
  margin: 0 auto;
}

@media screen and (min-width: 700px) {
  .noSet {
    margin: 0 -15px;
  }
}

/* loading */
.loadingBase { top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.2); position: absolute; z-index: 900; border-radius: 8px; }
.circleLoading { width: 100px; height: 100px; position: absolute; top: 45%; left: 50%; z-index: 20; }
.circleLoading div { position: absolute; width: 30px; height: 30px; top: -15px; left: -15px; }
.circleLoading span { opacity: 0; display: block; background: #333333; width: 8px; height: 8px; border-radius: 4px; -webkit-animation: fadeout 0.8s ease-in infinite forwards; -moz-animation: fadeout 0.8s ease-in infinite forwards; -ms-animation: fadeout 0.8s ease-in infinite forwards; -o-animation: fadeout 0.8s ease-in infinite forwards; }
.circleLoading div:nth-child(1) { -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); }
.circleLoading div:nth-child(2) { -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); }
.circleLoading div:nth-child(3) { -webkit-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); }
.circleLoading div:nth-child(4) { -webkit-transform: rotateZ(135deg); -moz-transform: rotateZ(135deg); }
.circleLoading div:nth-child(5) { -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); }
.circleLoading div:nth-child(6) { -webkit-transform: rotateZ(225deg); -moz-transform: rotateZ(225deg); }
.circleLoading div:nth-child(7) { -webkit-transform: rotateZ(270deg); -moz-transform: rotateZ(270deg); }
.circleLoading div:nth-child(8) { -webkit-transform: rotateZ(315deg); -moz-transform: rotateZ(315deg); }
.circleLoading div:nth-of-type(1) span { -moz-animation-delay: 0s; -ms-animation-delay: 0s; -o-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; }
.circleLoading div:nth-of-type(2) span { -moz-animation-delay: 0.1s; -ms-animation-delay: 0.1s; -o-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }
.circleLoading div:nth-of-type(3) span { -moz-animation-delay: 0.2s; -ms-animation-delay: 0.2s; -o-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
.circleLoading div:nth-of-type(4) span { -moz-animation-delay: 0.3s; -ms-animation-delay: 0.3s; -o-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }
.circleLoading div:nth-of-type(5) span { -moz-animation-delay: 0.4s; -ms-animation-delay: 0.4s; -o-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
.circleLoading div:nth-of-type(6) span { -moz-animation-delay: 0.5s; -ms-animation-delay: 0.5s; -o-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.circleLoading div:nth-of-type(7) span { -moz-animation-delay: 0.6s; -ms-animation-delay: 0.6s; -o-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.circleLoading div:nth-of-type(8) span { -moz-animation-delay: 0.7s; -ms-animation-delay: 0.7s; -o-animation-delay: 0.7s; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }
@-webkit-keyframes fadeout { 0% { opacity: 0.1; } 10% { opacity: 1; } 100% { opacity: 0.1; } }
@-moz-keyframes fadeout { 0% { opacity: 0.1; } 10% { opacity: 1; } 100% { opacity: 0.1; } }

/* gps panel */
#map_gps {
	position: absolute;
	width: 50px;
	height: 60px;
	bottom: 20px;
	right: 1px;
	z-index: 899;
}

.map-gps-btn {
	background-image: url('https://dcsgtk.wni.co.jp/s/img/btn_gps.png');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	width: 40px;
	height: 40px;
}

.map-gps-txt {
	font-size: 13px;
	font-weight: 700;
	line-height: 1em;
	width: 100%;
	text-align: left;
	text-shadow: #fff 1px 1px 0, #fff -1px -1px 0, #fff -1px 1px 0, #fff 1px -1px 0, #fff 0px 1px 0, #fff 0-1px 0, #fff -1px 0 0, #fff 1px 0 0;
}

.about_this_page_content{
  margin-left:10px;
}
.about_this_page_content p{
  margin:10px 0px;

}
.about_this_page_content p a{
  display:inline;
  text-decoration: underline;
  color: #00579a;
  font-size:12px;
}
.about_this_page_area, 
.about_this_page_content p{
  font-size:12px;
  line-height: 1.2em;
}