@charset 'utf-8';

body {
  background-color: black;
  /* padding-top: 2rem; */
  color: #fff;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

a {
  color: #4082c0;
  word-break: break-all;
}
a > h3,
.list-group-item a.text-decoration-none {
  color: #fff;
}
a > h3:hover,
.list-group-item a.text-decoration-none:hover {
  color: #ccc;
}
.container {
  max-width: 960px;
  padding: 0 1rem;
}
.btn {
  border-radius: 0;
}
.moreBtnWrapper {
  min-width: 4rem !important;
}
header h1 {
  font-size: 1rem;
  letter-spacing: 0.1rem;
  text-align: center;
}
/* main section > p,
main section > ul,
section.live article {
  line-height: 1.75;
  max-width: 680px;
  margin: 0 auto 2rem;
} */
main section {
  line-height: 1.75;
  max-width: 680px;
  margin: 0 auto 5rem;
  padding: 1rem 0;
}
h1.pageTitle {
  font-size: 1.2rem;
  /* font-weight: 100; */
  border: 1px #fff solid;
  /* display: inline-block; */
  padding: 0.4rem 5rem;
  /* font-family: "Russo One", sans-serif; */
  text-align: center;
  margin-bottom: 4rem;
}
section h2.title {
  text-align: center;
  margin-bottom: 2.5rem;
  /* font-family: "Source Sans Pro", sans-serif; */
  font-family: "Russo One", sans-serif;
}
section h2.title > span,
section h2.title > .accordion-button span {
  font-size: 2.5rem;
  border-bottom: #fff 7px solid;
  padding: 0 1.3rem;
}
section h2.title > .accordion-button > div {
  width: 90%;
}
.nav-link:focus,
.nav-link:hover {
  background-color: #333;
}
/* NEWS記事 */
ul.list-group.list-group-flush,
ul.list-group.list-group-flush .list-group-item {
  color: white !important;
  background-color: black !important;
}
section.news .list-group-item p {
  margin-bottom: 0;
}
ul.list-group.list-group-flush .list-group-item {
  border-color: #444;
}
/* PLAYLIST */
section.playlist article {
  margin-bottom: 1.5rem;
}
section.playlist article > h3 {
  margin-bottom: 0.25rem;
  font-size: 1rem;
}
/* LIVE情報 */
section.live article {
  margin: 0 auto 3rem;
}
section.live article p {
  margin-bottom: 0;
}
section.live article h4 {
  /* 日付 */
  font-size: calc(1.2rem + 0.3vw);
  background-color: #666;
  padding: 6px 10px;
  margin-bottom: 0;
}
section.live article h3 {
  /* タイトル */
  font-size: calc(1.2rem + 0.6vw);
  border-bottom: 1px solid #666;
  border-top: 1px solid #666;
  padding: 0.4rem 0;
}
section.live article dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
section.live article dl dt {
  width: 3rem;
  font-weight: normal;
  margin-bottom: 0.2rem;
}
section.live.detail article dl dt {
  width: 5rem;
  margin-bottom: 0.8rem;
}
section.live article dl dd {
  width: calc(100% - 3rem);
  margin-bottom: 0.2rem;
}
section.live.detail article dl dd {
  width: calc(100% - 5rem);
  margin-bottom: 0.8rem;
}
@media (min-width: 576px) {
  section.live.detail article dl dt {
    width: 5rem;
  }
  section.live.detail article dl dd {
    width: calc(100% - 5rem);
  }
}
/* Pagenation */
.page-link {
  color: #333;
}
.pagination .page-item.active .page-link {
  background-color: #333;
  border-color: #444;
  box-shadow: 0 2px 5px hsl(0deg 0% 7% / 30%);
}
footer {
  height: 6rem;
  padding: auto;
}

@media (min-width: 576px) {
  header h1 {
    font-size: 1.8rem;
    letter-spacing: 0.5rem;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  header h1 {
    font-size: 1.4rem;
    letter-spacing: 0.3rem;
  }
}
/* Alert */
.alert-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

/* -------------------------------------------------- */
/* 個別ページ */
/* -------------------------------------------------- */
.tableTitle {
  font-size: 1rem;
}
table.equipmentTable thead th {
  background-color: #444;
}
.fromSummerNote h1 {
  font-size: 1.5rem;
  color: #ddd;
  font-weight: bold;
}
.fromSummerNote h2 {
  font-size: 1.3rem;
  color: #ccc;
  font-weight: bold;
}
.fromSummerNote h3 {
  font-size: 1.1rem;
  color: #ddd;
  font-weight: bold;
}
.fromSummerNote p {
  font-size: 1rem;
}
/* NEWS記事詳細 */
.news.detail h4 {
  font-size: 1rem;
  font-weight: normal;
  font-family: "Times New Roman", Times, serif;
}
.news.detail h3.title {
  font-size: 1.5rem;
  line-height: 1.5;
  border-top: 1px #999 solid;
  border-bottom: 1px #999 solid;
  margin-bottom: 2rem;
  padding: 0.5rem 0.2rem;
}
.news.detail .description {
  padding-bottom: 0.5rem;
  border-bottom: 1px #999 dotted;
  margin-bottom: 1rem;
}

/* -------------------------------------------------- */
/* accordion */
/* -------------------------------------------------- */
.accordion-item {
  background-color: inherit;
  color: inherit;
  border: none;
}
.accordion-button {
  color: #fff;
  background-color: inherit;
  text-align: center;
}
.accordion-button:not(.collapsed) {
  color: #fff;
  background-color: inherit;
  box-shadow: none;
}
.accordion-button::after {
  font-family: "Bootstrap-icons";
  content: "\F282";
  color: #fff;
}
.accordion-button:not(.collapsed)::after {
  /* font-family: "Bootstrap-icons";
  content: "\F286";
  color: #fff; */
  background-image: none;
}