/* 台風メニュー用 */
.m-second-nav ul li a:hover dd {
    height: 135px;
    padding: 18px 8px 0;
}

@media screen and (max-width: 3840px) {
    .btn-contents-wrap .typhoon-contents-title a {
        max-width: 66%;
    }
}

@media screen and (max-width: 1024px) {
    .m-second-nav ul li a:hover dd {
        height: 145px;
    }
    .btn-contents-wrap .typhoon-contents-title a {
        max-width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .m-second-nav ul li a:hover dd {
        height: auto;
        padding: 18px 8px 28px;
    }
    .typhoon-home-title img {
        max-width: 100%;
    }
    .btn-contents-wrap .typhoon-contents-title a {
        max-width: 100%;
    }
}

.btn-contents-wrap .typhoon-contents a {
    padding: 20px 14px 30px 14px;
    text-align: left;
}

.btn-contents-wrap .typhoon-contents a:hover {
    border: 3px solid #0c6db1;
    padding: 18px 12px 28px 12px;
}

.btn-contents-wrap .typhoon-contents a.orange:hover {
    border: 3px solid #e27408;
    padding: 18px 12px 28px 12px;
}

/* 見出し(青) */

.btn-contents-wrap .typhoon-contents-title a {
    border: 5px solid #0c6db1;
    padding: 20px 14px 30px 14px;

}

.btn-contents-wrap .typhoon-contents-title a:hover {
    border: 7px solid #0c6db1;
    padding: 18px 12px 28px 12px;

}

.btn-contents-wrap .typhoon-contents-title a .btn-contents-title-long {
    font-size: 2.8rem;
}

.btn-contents-wrap .typhoon-contents-title a .btn-contents-sub {
    font-size: 1.8rem;
    text-align: left;
}

  .typhoon-prerelease {
    margin-bottom: 10px
  }

  .typhoon-prerelease .m-heading-04 h2 {
    display: inline-block
  }

  .typhoon-prerelease .m-heading-04 span {
    padding: 0;
    background: none;
    font-size: 1.4rem;
    display: inline-block;
    float: right;
    margin-left: 20px;
    margin-top: 7px
  }

  @media screen and (max-width: 359px) {
    .typhoon-prerelease .m-heading-04 span {
      font-size: 1.2rem;
      margin-left: 15px
    }
  }

  .typhoon-prerelease .m-heading-04 span a {
    text-decoration: none;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: #232323
  }

  .typhoon-prerelease .m-heading-04 span a:hover {
    text-decoration: underline
  }

  .typhoon-prerelease .m-heading-04 span a.link {
    background-image: url(../img/common/arrow-list-blue.svg);
    background-size: 7px auto;
    background-repeat: no-repeat;
    background-position: 0 2px;
    padding-left: 15px
  }

  @media all and (-ms-high-contrast: none) {
    .typhoon-prerelease .m-heading-04 span a.link {
      background-size: 7px 100%;
      background-position: 0 -2px
    }
  }

  .typhoon-prerelease .m-heading-04 span a.rss {
    color: #e27408;
    background-image: url(../img/common/icon-rss.svg);
    background-size: 14px auto;
    background-repeat: no-repeat;
    background-position: 0 1px;
    padding-left: 20px
  }

  @media all and (-ms-high-contrast: none) {
    .typhoon-prerelease .m-heading-04 span a.rss {
      background-size: 14px 100%;
      background-position: 0 -2px
    }
  }

  .typhoon-prerelease dl {
    border-top: 1px solid #bcbcbc
  }

  .typhoon-prerelease dl:after {
    content: '';
    display: block;
    clear: both
  }

  .typhoon-prerelease dl dt {
    width: 15%;
    float: left;
    color: #737373;
    font-size: 1.4rem;
    padding-top: 21px
  }

  @media screen and (max-width: 1024px) {
    .typhoon-prerelease dl dt {
      width: 20%
    }
  }

  @media screen and (max-width: 767px) {
    .typhoon-prerelease dl dt {
      font-size: 1.0rem;
      width: 100%;
      float: none;
      padding-top: 18px
    }
  }

  .typhoon-prerelease dl dt span.label-attention {
    color: #fff;
    font-size: 1.1rem;
    padding: 6px 15px;
    border-radius: 4px;
    background-color: #e33d49
  }

  @media screen and (max-width: 767px) {
    .typhoon-prerelease dl dt span.label-attention {
      margin-bottom: 5px;
      padding: 3px 5px;
      font-size: 1.0rem;
      display: inline-block
    }
  }

  .typhoon-prerelease dl dd {
    width: 85%;
    float: right;
    padding-top: 18px;
    padding-bottom: 18px
  }

  @media screen and (max-width: 1024px) {
    .typhoon-prerelease dl dd {
      width: 80%
    }
  }

  @media screen and (max-width: 767px) {
    .typhoon-prerelease dl dd {
      width: 100%;
      float: none;
      border-top: none;
      padding-top: 0
    }
  }