/*�^�u�؂��ւ��S�̂̃X�^�C��*/
/* .tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width: 700px;
  margin: 0 auto;} */

/*�^�u�̃X�^�C��*/

/* .tabs {
    margin-top: 40px;
} */

.tab_item {
  width: calc(100%/8);
  height: 50px;
  border-bottom: 3px solid #fff;
  background-color: #f2f2f2;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  margin-bottom: 40px;
  position: relative;
}
.font_15{
  font-size: 15px;
}
.tab_item:hover {
  opacity: 0.75;
}
.tab_item_wide {
  width: calc(100%/2);
  height: 50px;
  border-bottom: 3px solid #fff;
  background-color: #f2f2f2;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item_wide:hover {
  opacity: 0.75;
}
.tab_item_week {
  width: calc(100%/7);
  height: 50px;
  border-bottom: 3px solid #fff;
  background-color: #f2f2f2;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  margin-bottom: 40px;
  position: relative;
}
@media all and (-ms-high-contrast: none) {
  /* �����ɏ��� */
  .tab_item_week {
    width: 14.28%; /* IE11 */
  }
}

.tab_item_week:hover {
  opacity: 0.75;
}

/*���W�I�{�^�����S���*/
input[name="tab_item"] {
  display: none;
}
input[name="tab_item_wide"] {
  display: none;
}
input[name="tab_item_week"] {
  display: none;
}

/*�^�u�؂��ւ��̒��g�̃X�^�C��*/
.tab_content {
  display: none;
  /* padding: 40px 40px 0; */
  clear: both;
  overflow: hidden;
}


/*�I�������Ă����^�u�̃R���e���c�݂̂��\��*/
#genre:checked ~ #genre_content,
#mon:checked ~ #mon_content,
#tue:checked ~ #tue_content,
#wen:checked ~ #wen_content,
#thu:checked ~ #thu_content,
#fri:checked ~ #fri_content,
#sat:checked ~ #sat_content,
#sun:checked ~ #sun_content,
#week:checked ~ #week_content,
#bsn:checked ~ #bsn_content,
#drama:checked ~ #drama_content,
#report:checked ~ #report_content,
#variety:checked ~ #variety_content,
#sports:checked ~ #sports_content,
#anime:checked ~ #anime_content,
#documentary:checked ~ #documentary_content,
#end:checked ~ #end_content {
  display: block;
}

/*�I�������Ă����^�u�̃X�^�C�����ς���*/
.tabs input:checked + .tab_item_wide {
  background-color: #0052A5;
  color: #fff;
  /* position: relative; */
}

.tab_item:after {
    content: '';
    border-color: #fff transparent;
    border-width: 12px;
    border-style: solid solid none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 0;
    margin: 0 auto;
    transition: all 0.2s ease;
}

.tab_item_week:after {
    content: '';
    border-color: #fff transparent;
    border-width: 12px;
    border-style: solid solid none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 0;
    margin: 0 auto;
    transition: all 0.2s ease;
}

.tabs input:checked + .tab_item:after {
    content: '';
    border-color: #0052A5 transparent;
    border-width: 12px;
    border-style: solid solid none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 0;
    margin: 0 auto;
    transition: all 0.2s ease;
}

.tabs input:checked + .tab_item_week:after {
    content: '';
    border-color: #0052A5 transparent;
    border-width: 12px;
    border-style: solid solid none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 0;
    margin: 0 auto;
    transition: all 0.2s ease;
}

.program .tab_content_description .pList:nth-child(4n+1) {
    clear: left;
}

.program .pList:nth-child(3n+1) {
    clear: none;
}

.tab_content_description .pList {
    width: 22.75%;
    margin-right: 3%;
}

/* .program .tab_content_description .pList:nth-child(3n) {
    margin-right: 1.2%;
} */

.program .tab_content_description .pList:nth-child(4n) {
    margin-right: 0;
}

.syllabary-box {
  clear: both;
}

.syllabary {
  text-align: right;
  font-weight: bold;
  font-size: 150%;
}

.program .pList .detail-title {
    display: block;
    margin-bottom: 4px;
    font-size: 14px;
    color: #1d1d1d;
    font-weight: bold;
}