.j-font {
    font-family: "Montserrat","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
    font-size: 1rem;
    color: #ffffff;
}
.text-title {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', sans-serif;
    text-transform: none;
}
h2.j-title {
  font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  font-weight: 600;
}
.Jtext-body {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', sans-serif;
    text-transform: none;
    color: #242424;
    font-size: 1rem;
    line-height: 1.8;
}
.Jtext-note {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', sans-serif;
  text-transform: none;
  color: #242424;
  font-size: 1.2rem;
  line-height: 1.8;
}

.notation {
    color:rgb(201, 5, 5);
}

.bg-gray {
    background-color: rgb(156, 156, 156) !important;
  }

figcaption.cd-cap {
    text-align: center;
    margin-top: 8px;
    color:#ffffff;
  }

  .bg-foot {
    background-color: #363d44 !important;
  }

  .item a img:hover {
    opacity: 0.7;
  }

  .btn-back-to-top {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 999;
    background: rgb(79, 154, 216);
    display: none;
    height: 3rem;
    width: 3rem;
    text-align: center;
    line-height: 3rem;
    font-size: 18px;
    color: rgb(255, 255, 255);
    opacity: 0.6;
    border-radius: 3px;
  }
  
  .btn-back-to-top:hover {
    color: rgb(255, 253, 253);
    opacity: 1;
  }

  @media (max-width: 768px){
      h4.apporo {
          font-size: 1.2rem;
      }
  }

  h1.live-title {
    font-size: 1.8rem;
  }
  p.live-date {
    font-size: 2.8rem;
  }

  p.past-live-date {
    font-size: 1.6rem;
  }

  @media (max-width: 768px) {
    h1.live-title {
      font-size: 1.5rem;
      line-height: 2.3rem;
    }
    p.live-date {
      font-size: 2.4rem;
    }
  }

  .indent span {
    display: inline-block;
  }

  .live-poster figcaption {
    color: #222;
    font-size: 11pt;
    text-align: center;
    margin-top: -20px;
    margin-bottom: 20px;
}

p.subtitle {
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 0;
}

.navbar-theme .navbar-nav > .nav-item > .nav-link:active > .nav-link-text,
.navbar-theme .navbar-nav > .nav-item > .nav-link.active > .nav-link-text,
.navbar-theme .navbar-nav > .nav-item > .nav-link:hover > .nav-link-text,
.navbar-theme .navbar-nav > .nav-item.show > .nav-link > .nav-link-text {
  background-color: rgb(179, 179, 179);
  color: #000;
  border-radius: 0.125rem;
}

h4.text-normal {
  text-transform: none;
  font-family:  "Helvetica Neue", Arial,'ヒラギノ角ゴ Pro W3',Meiryo,sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
}

.fs80p {
  font-size: 80%;
}

span.del {
  text-decoration-line: line-through;
  text-decoration-style:double;
  text-decoration-color: rgb(201, 5, 5);
}

.boldTitle {
  font-weight: 600;
  font-size: 1.8rem;
}

.textBold {
  font-weight: 600;
}

hr.row-div {
  margin: 10px 0 30px;
  border-top: dotted 2px #9b9b9c;
}