@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  list-style: none; }

.timetable {
  position: relative;
  width: 94.67vw;
  margin: 0 auto;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
  box-sizing: border-box;
  padding-top: 40px;
  background-color: white; }

.timetable[data-showtype="2k"] .timetable_tab[data-type="2k"] {
  background: #ffcd8d !important;
  height: 10.67vw !important; }

.timetable[data-showtype="2k"] .timetable_tab[data-type="2k"]:after {
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transform: scale(1) !important; }

.timetable[data-showtype="4k"] .timetable_tab[data-type="4k"] {
  background: #ffcd8d !important;
  height: 10.67vw !important; }

.timetable[data-showtype="4k"] .timetable_tab[data-type="4k"]:after {
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transform: scale(1) !important; }

.timetable * {
  box-sizing: border-box; }

.timetable a {
  text-decoration: none;
  color: black; }

.timetable .tt_header {
  position: absolute;
  background: #ffffff;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000; }

.timetable .tt_header[data-disp="fixed"] {
  position: fixed;
  width: 94.67vw;
  margin: auto;
  left: 0;
  right: 0; }

.timetable .tt_header[data-disp="none"] {
  display: none; }

.timetable .tt_header .tt_header_lower {
  height: 40px;
  background: #323232;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.timetable .tt_header .tt_header_lower.tt_day_first .tt_prev_day,
.timetable .tt_header .tt_header_lower.tt_day_last .tt_next_day {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.timetable .tt_header .tt_header_lower .tt_select_arrow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 31px;
  height: 100%;
  font-size: 14px;
  color: #ffffff;
  cursor: pointer; }

.timetable .tt_header .tt_header_lower .tt_select_arrow .tt_select_arrow_left {
  width: 12px;
  height: 12px;
  border: 2px solid;
  border-color: transparent transparent white white;
  transform: rotate(45deg);
  transform-origin: center;
  margin-left: 6px; }

.timetable .tt_header .tt_header_lower .tt_select_arrow .tt_select_arrow_right {
  width: 12px;
  height: 12px;
  border: 2px solid;
  border-color: white white transparent transparent;
  transform: rotate(45deg);
  transform-origin: center;
  margin-right: 6px; }

.timetable .tt_header .tt_header_lower .tt_select_arrow.tt_prev_day {
  background: #323232;
  border-right: 1px solid #ffffff; }

.timetable .tt_header .tt_header_lower .tt_select_arrow.tt_next_day {
  background: #323232;
  border-left: 1px solid #ffffff; }

.timetable .tt_header .tt_header_lower .tt_select_day {
  position: relative;
  padding: 5px 0;
  /* IE10以上で矢印を消す */ }

.timetable .tt_header .tt_header_lower .tt_select_day .tt_select_elm {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  cursor: pointer;
  width: 100%;
  height: 100%;
  border: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 2; }

.timetable .tt_header .tt_header_lower .tt_select_day .tt_select_elm::-ms-expand {
  display: none; }

.timetable .tt_header .tt_header_lower .tt_select_day .tt_select_day_str {
  text-align: center;
  color: #ffffff;
  line-height: 1;
  font-size: 16px;
  padding-top: 7px; }

.timetable .tt_header .tt_header_lower .tt_select_day .sat {
  color: #43CEFF; }

.timetable .tt_header .tt_header_lower .tt_select_day .sun {
  color: #FF462E; }

.timetable .tt_prog {
  position: relative; }

.timetable .tt_prog .tt_prog_hour {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 30px;
  background-color: #abb9c4; }

.timetable .tt_prog .tt_prog_hour .tt_prog_hour_row {
  position: absolute;
  width: 30px;
  height: auto;
  display: none; }

.timetable .tt_prog .tt_prog_hour .tt_prog_hour_row .tt_prog_hour_val {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  top: 0;
  left: 0;
  width: 30px;
  bottom: 1px;
  background: #abb9c4;
  border-top: 1px solid white; }

.timetable .tt_prog .tt_prog_hour .tt_prog_hour_row .tt_prog_hour_val .tt_prog_hour_num {
  width: 100%;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0; }

.timetable .tt_prog .tt_prog_hour .tt_prog_hour_row .morning {
  background: #8AB6C6; }

.timetable .tt_prog .tt_prog_hour .tt_prog_hour_row .evening {
  background: #BEAE7A; }

.timetable .tt_prog .tt_prog_hour .tt_prog_hour_row .night {
  background: #5984A7; }

.timetable .tt_prog .tt_prog_list {
  padding-left: 30px;
  position: relative; }

.timetable .tt_prog .tt_prog_list .tt_prog_box {
  padding: 5px 0;
  border-bottom: 1px solid #b4b4b4;
  border-right: 1px solid #b4b4b4;
  min-height: 80px; }

.timetable .tt_prog .tt_prog_list .tt_prog_box .tt_prog_box_inner {
  display: -ms-flexbox;
  display: flex; }

.timetable .tt_prog .tt_prog_list .tt_prog_box .tt_prog_box_inner .tt_prog_left {
  min-width: 20px;
  margin: 5px 10px; }

.timetable .tt_prog .tt_prog_list .tt_prog_box .tt_prog_box_inner .tt_prog_left .tt_prog_min {
  color: #EB972A;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.34; }

.timetable .tt_prog .tt_prog_list .tt_prog_box .tt_prog_box_inner .tt_prog_left .prog_icon {
  margin-top: 5px; }

.timetable .tt_prog .tt_prog_list .tt_prog_box .tt_prog_box_inner .tt_prog_right {
  margin: 5px 0;
  padding-right: 5px; }

.timetable .tt_prog .tt_prog_list .tt_prog_box .now_on_air:before {
  content: "NOW ON AIR";
  color: white;
  background-color: #ed9529;
  font-size: 13px;
  font-weight: bold;
  border-radius: 25px;
  padding: 2px 6px;
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 100px; }

.timetable .tt_prog .tt_prog_list .tt_prog_box .prog_top_line {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.timetable .tt_prog .tt_prog_list .tt_prog_box .prog_top_line .prog_start_time {
  display: inline-block;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  color: #ed9529; }

.timetable .tt_prog .tt_prog_list .tt_prog_box .prog_title {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.34;
  letter-spacing: 0.27vw; }

.timetable .tt_prog .tt_prog_list .tt_prog_box .prog_box_detail .prog_synopsis {
  display: -webkit-box;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: 13px;
  margin-top: 4px;
  line-height: 1.25;
  letter-spacing: 1px; }

.timetable .tt_prog .tt_prog_list .tt_prog_box .prog_box_detail .prog_site_btn {
  display: block;
  margin: 4vw auto 0;
  width: 42.67vw;
  height: 9.33vw;
  background: #ed9529;
  color: #ffffff;
  font-size: 4vw;
  font-weight: 700;
  text-align: center;
  line-height: 9.33vw;
  border-radius: 4.67vw;
  letter-spacing: 0.27vw; }

.timetable-parts {
  position: relative; }

.timetable-parts .timetable {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background-color: #e6eef5; }

.timetable-parts .timetable .tt_prog {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll; }

.tt_icon:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain; }

.tt_icon_4k:after {
  background-image: url(../img/timetable/mark/icon_4k.png); }

.tt_icon_de:after {
  background-image: url(../img/timetable/mark/icon_de.png); }

.tt_icon_ji:after {
  background-image: url(../img/timetable/mark/icon_ji.png); }

.tt_icon_kai:after {
  background-image: url(../img/timetable/mark/icon_kai.png); }

.tt_icon_ni:after {
  background-image: url(../img/timetable/mark/icon_ni.png); }

.tt_icon_shin:after {
  background-image: url(../img/timetable/mark/icon_shin.png); }

.tt_icon_sou:after {
  background-image: url(../img/timetable/mark/icon_sou.png); }

.tt_icon_ss:after {
  background-image: url(../img/timetable/mark/icon_ss.png); }

.tt_icon_syuu:after {
  background-image: url(../img/timetable/mark/icon_syuu.png); }