@charset "UTF-8";

area {
  outline-style: none;
}

a img:hover {
  opacity: 1.0;
}

.premium .content_head h2 {
  padding: 0 !important;
}

#premium_nav ul li.selected a {
  border: none;
}

#premium_nav ul li a:hover {
  border-bottom: 2px solid #e40011;
}

.premium .index_list {
  margin-top: 0;
}

.sub-title {
  font-weight: bold;
}

.u-line {
  text-decoration: underline;
}

a {
  text-decoration: none !important;
  color: #231715;
}

.background {
  padding: 20px;
  border: solid 2px #8F1D28;
  margin-bottom: 30px;
}

.sentence-font-size {
  font-size: 20px;
  border-bottom: solid 1px black;
  padding-bottom: 5px;
}

.sentence-font-size2 {
  font-size: 20px;
  border-bottom: solid 1px black;
  padding-bottom: 5px;
  text-align: center;
}

.font-size30 {
  font-size: 30px;
}

.font-size20 {
  font-size: 20px;
}

.time-slider-neo {
  display: inline-block;
  font-size: 25px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 20px;
  padding: 10px;
  color: white;
  background-color: #8F1D28;
  margin-left: 6.516px;
}

.sub-program-title {
  font-size: 17px;
  font-weight: bold;
}

.schedule-program-title2 {
  font-size: 23px;
  font-weight: bold;
}

.border-bottom2 {
  border-bottom: 1px solid #8F1D28;
}

.margin-30 {
  margin-bottom: 30px;
}

.margin-t-20 {
  margin-top: 20px;
}

.program-detail {
  margin-top: 10px;
  font-size: 15px;
}

.douga-link {
  text-align: center;
  color: #8F1D28 !important;
  background-color: white;
  border: solid 2px #8F1D28;
  border-radius: 30px;
  font-size: 35px;
  margin-top: 15px;
  margin-bottom: 15px;
  display: inline-block;
  padding: 10px 20px;
}

.douga-link:hover {
  background-color: #8F1D28;
  color: white !important;
}

.douga-link2 {
  text-align: center;
  color: #8F1D28 !important;
  background-color: white;
  border: solid 2px #8F1D28;
  border-radius: 30px;
  font-size: 25px;
  margin-top: 15px;
  margin-bottom: 15px;
  display: inline-block;
  padding: 10px 20px;
}

.douga-link2:hover {
  background-color: #8F1D28;
  color: white !important;
}

.center {
  text-align: center;
  margin-top: 30px;
}

.date {
  font-size: 30px;
  padding-right: 0px !important;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  color: white;
  background-color: #8F1D28;
  border: solid 4px #8F1D28;
  border-radius: 3px;
  transition: .4s;
}

.flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.border-line {
  background-color: yellow;
  padding: 10px;
  font-weight: bold;
  font-size: 15px;
  border: solid 2px #8F1D28;
  margin-top: 10px;
}

.margin-bottom20 {
  margin-bottom: 15px;
}

.broadcast-pr {
  background-color: #8F1D28;
  font-size: 30px;
  text-align: center;
  padding: 5px;
  color: white;
}

.margin-top20 {
  margin-top: 20px;
}

.font-size17 {
  font-size: 17px;
}

.font-size15 {
  font-size: 15px;
}

.rank-attention {
  margin-top: 20px;
}

.font-index {
  font-weight: bold;
  display: inline-block;
  margin-left: 30px;
  font-size: 30px;
  background: linear-gradient(transparent 80%, #EB640F 80%);
}

.font-index2 {
  font-weight: bold;
  display: inline-block;
  margin-left: 30px;
  font-size: 30px;
  background: linear-gradient(transparent 0%, #8F1D28 0%);
  text-align: center;
  color: white;
  padding: 10px;
  margin-top: 60px;
  margin-bottom: 20px;
}

.bold {
  font-weight: bold;
}

.youtube-douga {
  text-align: center;
  margin-top: 20px;
	position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}

.youtube-douga iframe{
	position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.mini-attention {
  color: red;
  font-size: 13px;
  text-align: left;
  font-weight: bold;
}

.red {
  color: red;
}

.red-underline {
  color: red;
  text-decoration: underline;
}

.margin-top10 {
  margin-top: 10px;
}

.margin-bottom10 {
  margin-bottom: 10px;
}

table.colorful {
  width: 100%;
  border-collapse: collapse;
  margin-top: 30px;
  margin-bottom: 30px;
}

table th.two {
  width: 26.7%;
}

table th.one {
  width: 10%;
}

table.colorful tr {
  background: black;
}

table.colorful tr.gold1 {
  background: #C1AB05;
}

table.colorful tr.gold2 {
  background: #CAA846;
}

table.colorful tr.silver1 {
  background: #979C9A;
}

table.colorful td.silver1 {
  background: #979C9A;
}

table.colorful tr.silver2 {
  background: #A5A5A5;
}

table.colorful tr.regular1 {
  background: #00b379;
}

table.colorful tr.regular2 {
  background: #3f9877;
}

table.colorful th, table td {
  border: solid 1px black;
  color: white;
  text-align: center;
  padding: 10px 0;
}

.gold-background {
  display: inline-block;
  font-size: 25px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 20px;
  padding: 10px;
  color: white;
  background-color: #CAA846;
  margin-left: 6.516px;
}

.silver-background {
  display: inline-block;
  font-size: 25px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 20px;
  padding: 10px;
  color: white;
  background-color: #979C9A;
  margin-left: 6.516px;
}

.regular-background {
  display: inline-block;
  font-size: 25px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 20px;
  padding: 10px;
  color: white;
  background-color: #00b379;
  margin-left: 6.516px;
}

.right_up_border {
  background-image: linear-gradient(-45deg,
      /*角度*/
      transparent 49%,
      black 49%,
      /*斜線の色*/
      black 51%,
      /*斜線の色*/
      transparent 51%,
      transparent);
}

@media screen and (max-width: 970px) {}

@media screen and (max-width: 750px) {
  h2 {
    width: 100% !important;
  }
}

@media screen and (min-width: 750px) {
  .sp-br {
    display: none;
  }
}

@media screen and (max-width: 520px) {
  h2 {
    width: 100% !important;
  }
}

@media screen and (max-width: 420px) {
  .douga-link {
    font-size: 20px;
  }

  .date {
    font-size: 20px;
  }

  .time-slider-neo {
    margin-left: 0px;
  }
}