@charset "UTF-8";

.top__sub--xmas {
  padding: 50px 0 30px;
}

.top__sub--xmas > img {
  width: 835px;
  height: auto;
}

.top__onair {
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 20px;
}

.top__box {
  display: flex;
  justify-content: center;
}

.top__person {
  /* margin-top: -15px; */
  margin-left: 30px;
}

.top__name {
  margin-top: 5px;
  font-size: 1.4rem;
  line-height: 1.4;
}

.top__name > span {
  font-weight: bold;
}

.radio__title {
  margin: 30px auto 20px;
  font-size: 5.6rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}

.radio__desc {
  margin-bottom: 20px;
  font-size: 3.0rem;
  font-weight: bold;
  text-align: center;
}

.radio__text {
  text-align: center;
}

.radio__time {
  margin: 20px auto 20px;
  text-align: center;
}

.radio__time > img {
  width: 580px;
  height: auto;
}

.radio__contents {
  padding-top: 40px;
  text-align: center;
}

.radio__contents .contents__title {
  margin-bottom: 20px;
}

.radio__contents .contents__title > img {
  width: 580px;
  height: auto;
}

.radio__coming {
  margin-bottom: 20px;
}

.radio__coming .coming__main {
  font-size: 4.8rem;
  font-weight: bold;
}

.radio__coming .coming__time {
  font-size: 2.0rem;
  font-weight: bold;
}

.present {
  text-align: center;
}

.present__title {
  text-align: center;
}

.present__title > img {
  width: 800px;
}

.present__tag {
  display: flex;
  justify-content: center;
  margin: 40px auto 20px;
  font-weight: bold;
}

.present__tag a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 60px;
  text-decoration: none;
  background: #88B83E;
  color: #fff;
  font-size: 2.4rem;
  border-radius: 40px;
  /* box-shadow: 0 5px #88B83E; */
}

.present__tag a:first-child {
  margin-right: 20px;
  margin-bottom: 20px;
  background: #4376BA;
  /* box-shadow: 0 5px #4376BA; */
}

.present__text {
  margin-bottom: 20px;
}

.present__text:last-child {
  margin-bottom: 0;
}

.present__text--hit {
  font-size: 3.0rem;
  font-weight: bold;
}

.present__notice {
  margin: 0 auto 20px;
  width: 600px;
  height: auto;
  font-size: 1.4rem;
  text-align: left;
}

.rule__title {
  margin-bottom: 20px;
  font-weight: bold;
}

.rule__list {
  margin: 0 auto;
  width: 600px;
  height: 200px;
  font-size: 1.2rem;
  text-align: left;
  list-style: none;
  overflow-y: scroll;
}

.rule__prohibit {
  margin: 5px 20px;
  list-style: none;
}

.sns.sns--xmas {
  margin: 0 auto 50px;
  text-align: center;
}

.podcast__item {
  margin: 0 auto 30px;
  padding-bottom: 10px;
  width: 580px;
  text-align: left;
  border-bottom: 2px solid #ddd;
}

.podcast__item:first-child {
  padding-top: 20px;
}

.audiojs {
  margin-bottom: 5px;
  width: 580px;
  background: #555;
  background-image: none;
  box-shadow: none;
}

.audiojs .play-pause {
  width: 40px;
}

.audiojs .scrubber {
  width: 410px;
}

.audiojs .progress,
.audiojs .loaded {
  background-image: none;
}

.podcast__title {
  font-size: 3.2rem;
  font-weight: bold;
}

.podcast__item--1 .audiojs {
  background: #4376BA;
}

.podcast__item--1 .audiojs .loaded {
  background: #333;
}

.podcast__title--1 {
  margin-bottom: 5px;
  line-height: 1.2;
  color: #88B83E;
}

.podcast__item--2 .audiojs {
  background: #88B83E;
}

.podcast__item--2 .audiojs .loaded {
  background: #333;
}

.podcast__title--2 {
  margin-bottom: 5px;
  line-height: 1.2;
  color: #4376BA;
}