/* フロート解除 */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* 週間番組表(#container_pgr_week)
-------------------------------------------------------------------------------------- */

/* ページ全体を全画面にする(週間番組表のみ) */
#container_pgr_week{
  width:100%;
  margin:0 auto;
  padding-bottom:35px;
  background:#ffffff;
}

/* 番組表ページタイトルや詳細部分 */
.pgr_pagetitle{
  padding:0 10px;
  margin:15px 0;
}
/* 番組表ページタイトル */
.pgr_pagetitle h2{
  font-size:200%;
}

/* 説明と時間帯ボタンを横並びに(PCのみ) */
@media screen and (min-width: 651px){
  #container_pgr_week .weektext{
    width:980px;
  }
  #container_pgr_week .weektext .infotext{
    float:right;
    width:730px; 
  }
  #container_pgr_week .weektext .timelink_btnlist{
    float:left;
    width:250px; 
  }
}

/* 番組表ページの詳細部分など */
.pgr_pagetitle p{
  font-size:80%;
}
/* 拡大表示の説明 */
.zoomupinfo{
  background:#DAEBD2;
  display:inline-block;
  padding:2px;
  font-weight:bold;
}
/* S2表示の説明 */
.s2info{
  background:#F3DDDD;
  display:inline-block;
  padding:2px;
  font-weight:bold;
}
/* 説明文内のリンク */
.infotext a{
  text-decoration:underline;
  color:#FF0000;
}
.infotext a:hover{
  color:#7900FF;
}

/* 今日以外のリンクボタンはスマホ用なのでPCでは非表示 */
@media screen and (min-width: 651px){
  .datelink_btnlist{
    display:none;
  }
}

/* 番組表全部 */
.divbox_wrapper{
  background:#EDEDED;
  display:inline-block;
  min-width:1000px;
}

/* 1日分の箱 */
.float_divbox{
  float:left;
  width:12%;
  border:1px solid #949494;
  flex-direction:column;
  height:100%;
  box-sizing:border-box;
}

/* 曜日が表示されている箱 */
.weekbox{
  background:#FFF1DB;
  text-align:center;
  padding:3px 5px;
  font-weight:bold;
}
/* 曜日のリンクを全体に */
.weekbox a{
  display:block;
}
/* 曜日のリンクのホバー時 */
.weekbox:hover{
  background:#ffffff;
}
/* 土曜は青 */
.saturday{background:#95B6FF;}
/*#container_pgr_week .saturday a{color:#FFFFFF;}*/
.saturday:hover{background:#B9CEFC;}
/* 日曜は赤 */
.sunday{background:#FF8174;}
/*#container_pgr_week .sunday a{color:#FFFFFF;}*/
.sunday:hover{background:#FFA49B;}

/* SV1の塊とSV2の塊を包んでいるやつ */
#container_pgr_week .float_divbox_list{
  background:#F0F0F0;
}

/* SV1の塊 */
.float_divbox_list_sv1{
  width:50%;
  float:left;
}
/* SV2の塊 */
.float_divbox_list_sv2{
  width:50%;
  float:right;
}
/* SV1・SV2の表示　※「時」部分と必ず高さ揃える！ */
.sv_midashi{
  font-size:14px;
  text-align:center;
  height:20px;
}
.sv_midashi_sv1{color:#1569FF;background:#DDEEF3;}
.sv_midashi_sv2{color:#FF1572;background:#F3DDDD;}


/* スクロールしたら上部に固定する用メニュー */
#fixedmenu{
  height:50px;
  width:100%;
  z-index:2;
  position: fixed;
  top:0;
  left:0;
  box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.4);
  display:block;
  display:none;
}

/* 表全体(js読み込み時のエラー回避用) */
#divboxBOX{
  width:100%;
}

/* 時間軸の箱全体　#BD7AFF;#D3B5FF;どちらか */
.timebox{
  width:28px;
  background:#BD7AFF;
}
/* 時間軸の箱共通クラス */
.timebar{
  height:300px;
  padding:0 5px;
  font-size:14px;
}
/*「時」部分 */
.timestart{
  background:#FFF1DB;
  padding:3px 5px;
}
/*「SV」部分 */
.timesv{
  height:20px;
  background:#FFF0B5;
  font-size:14px;
}

/* 1番組ごとの箱 */
.box{
  background:#FFFFFF;
  border-top:1px solid #949494;
  border-bottom:1px solid #949494;
  margin:0;
  box-sizing:border-box;
  overflow:hidden;
}
.box div{
  padding-right:4px;
  padding-left:4px;
}

/* 都合よく2列にする */
.sv1{
  float:left;
  width:50%;
}
.sv2{
  float:right;
  width:50%;
  background:#F3DDDD;
}
.sv0{
  clear:both;
}

/* 各番組開始時間 */
.st-time{
  color:blue;
}
#container_pgr_week .st-time{
  font-size:0.8em;
  margin-right:2px;
}

/* 各番組タイトル */
.st-title{
  font-weight:bold;
}
#container_pgr_week .st-title{
  font-size:0.8em;
}

/* 各番組リンク */
.st-title a{
  text-decoration:underline;
  color:#E36868;
}
.st-title a:hover{
  color:#FFAAAB;
}

/* 各番組ラテ */
.st-detail{
  display:block;
  font-size:0.7em;
  color:#626262;
  padding:0 0.5em;
}

/* 各話数 */
.st-number{
  font-weight:bold;
  padding-right:1em;
}

/* 時間ページ内リンクボタン */
.timelink_btnlist{
  display:flex;
  margin-top:1em;
}
.timelink_btn a{
  text-align:center;
  display:inline-flex;
  padding:2px 10px;
  font-size:1.2em;
  font-weight:bold;
  margin-right:10px;
}

/* 時間帯別色分け共通色
  「時間軸（偶数）」「時間ページ内リンクボタン」
  「時間ページ内リンクボタン（奇数）」「時間ページ内リンクボタンのホバー時」
  「時間ページ内リンクボタンのボーダー色」
*/
/* 朝の色 */
.time_morning:nth-child(even), .tlb_morning a{
  background:#FFE57A;
}
.time_morning:nth-child(odd), .tlb_morning a:hover{
  background:#FFF0B5;
}
.tlb_morning a{
  border:3px solid #FFCC00;
}
/* 昼の色 */
.time_noon:nth-child(even), .tlb_noon a{
  background:#FF9090;
}
.time_noon:nth-child(odd), .tlb_noon a:hover{
  background:#FFBDBD;
}
.tlb_noon a{
  border:3px solid #FF0000;
}
/* 夜の色 */
.time_night:nth-child(even), .tlb_night a{
  background:#7A9DFF;
}
.time_night:nth-child(odd), .tlb_night a:hover{
  background:#B5D2FF;
}
.tlb_night a{
  border:3px solid #0043FF;
}
/* 夜中の色 */
.time_lateatnight:nth-child(even), .tlb_lateatnight a{
  background:#BD7AFF;
}
.time_lateatnight:nth-child(odd), .tlb_lateatnight a:hover{
  background:#D3B5FF;
}
.tlb_lateatnight a{
  border:3px solid #8000FF;
}

/* 放送アイコン説明文 */
.tvicon_list{
  font-size:0.8em;
  border:2px dotted #A4A4A4;
  padding:0.5em;
  margin-bottom:0.5em;
}
.tvicon_list li{
  display:inline-block;
  margin-right:0.7em;
}

/* 放送アイコン */
.prg-icon-new{
  background:#DD3636;color:#FFFFFF;font-size:0.8em;margin:0 2px;padding:0 2px;/* 新 */
}
.prg-icon-end{
  background:#D26900;color:#FFFFFF;font-size:0.8em;margin:0 2px;padding:0 2px;/* 終 */
}
.prg-icon-re{
  background:#4683D8;color:#FFFFFF;font-size:0.8em;margin:0 2px;padding:0 2px;/* 再 */
}
.prg-icon-lang{
  background:#60BF00;color:#FFFFFF;font-size:0.8em;margin:0 2px;padding:0 2px;/* 二 */
}
.prg-icon-sub{
  background:#7B79CA;color:#FFFFFF;font-size:0.8em;margin:0 2px;padding:0 2px;/* 字 */
}
.prg-icon-sign{
  background:#DD5797;color:#FFFFFF;font-size:0.8em;margin:0 2px;padding:0 2px;/* 手 */
}
.prg-icon-cmnt{
  background:#10709F;color:#FFFFFF;font-size:0.8em;margin:0 2px;padding:0 2px;/* 解 */
}
.prg-icon-ss{
  background:#30B1B1;color:#FFFFFF;font-size:0.8em;margin:0 2px;padding:0 2px;/* SS */
}
.prg-icon-dubb{
  background:#305F00;color:#FFFFFF;font-size:0.8em;margin:0 2px;padding:0 2px;/* 吹 */
}
.prg-icon-sec{
  background:#335976;color:#FFFFFF;font-size:0.8em;margin:0 2px;padding:0 2px;/* 多 */
}
.prg-icon-fp{
  background:#EC9300;color:#FFFFFF;font-size:0.8em;margin:0 2px;padding:0 2px;/* 多 */
}
.prg-icon-lp{
  background:#6C031A;color:#FFFFFF;font-size:0.8em;margin:0 2px;padding:0 2px;/* 多 */
}


/* 週間番組表のみ全体の枠を小さくする */
#container_pgr_week .tvicon_list{
  display:inline-block
}


/* ▼スマホCSS ＜週間番組表＞
-------------------------------------------------------- */
@media screen and (max-width: 650px){

/* 今日以外非表示 */
#container_pgr_week .day1,
#container_pgr_week .day2,
#container_pgr_week .day3,
#container_pgr_week .day4,
#container_pgr_week .day5,
#container_pgr_week .day6,
#container_pgr_week .day7{
  display:none;
}

/* 番組表全部 */
.divbox_wrapper{
  min-width:200px;
  width:100%;
  margin-bottom:0;
}

/* 今日の箱を大きく */
#container_pgr_week .day0{
  width:90%;
}

/* 時間軸の箱をもすこし大きく */
.timebox{
  width:8%;
}

/* 今日以外のリンクボタン */
.datelink_btnlist{
  display:flex;
  margin-top:1em;
  justify-content: space-between;
}
.datelink_btn{
  display:flex;
}
.datelink_btn a{
  display:flex;
  text-align:center;
  padding:2px 5px;
  font-size:0.8em;
  font-weight:bold;
  border:1px solid #000000;
}
.datelink_btn a:hover{
  background:#FF9F26;
}

}



/* 各日番組表(.prg_date_page)
-------------------------------------------------------------------------------------- */

/* 番組表全部 */
.prg_date_page .divbox_wrapper{
  height:auto;
  background:#FFFFFF;
}
@media screen and (min-width: 651px){/* IEのみ間延びする対策 */
  .prg_date_page .divbox_wrapper{
    width:980px;
  }
}

/* 大きく表示 */
.prg_date_page .float_divbox{
  width:95%;
  margin:0 auto;
  background:#FFFFFF;
  float:none;
  border:none;
}

/* 番組詳細箱 */
.oa_datebox{
  padding:1em;
  border-top:1px solid #BFBFBF;
  margin-bottom:2px;
}

/* 放送開始時間 */
.oa_datebox .st-time{
  padding:2px 5px;
  background:#6F6FA4;
  display:inline-block;
  margin-right:3px;
  color:#FFFFFF;
  font-weight:bold;
  font-size:0.9em;
}
/* 番組詳細テキスト */
.oa_datebox .oa_text{
  line-height:1.5;
  margin:0.7em 1em 0 1em;
  font-size:0.9em;
}
/* 番組タイトル */
.oa_datebox .st-title{
  margin-left:1px;
}
/* SV2のみ、終了時間 */
.endtimetext{
  padding:2px 5px;
  display:inline-block;
  margin-right:3px;
  color:#FF1572;
  font-weight:bold;
  font-size:0.9em;
  margin-top:1em;
}

/* 週間番組表に戻るボタン（時間ページ内リンクボタンCSSを流用） */
.prg_date_page .timelink_btnlist{
  justify-content:center;
}

/* 曜日と日付 */
.prg_date_page .weekbox{
  /*pointer-events:none;当日のリンクを無効化*/
  background:none;
  font-size:1.5em;
  padding:0.5em;
  margin-bottom:0.5em;
  border-top:5px dotted #D0D0D0;
  border-bottom:5px dotted #D0D0D0;
  border-left:none;
  border-right:none;
  display:flex;
  justify-content:space-between;
}
.prg_date_page .weekbox a{
  display:inline;
}
.prg_date_page .weekbox a:hover{
  color:#FF0004;
}

/* SV1とSV2を、きれいに横並びしてもらう */
.prg_date_page .sv1{
  width:47%;
  border-right:1px solid #BFBFBF;
}
.prg_date_page .sv2{
  width:46%;
  background:none;
  border-bottom:none;
  border-left:1px solid #BFBFBF;
  /*background:#F3DDDD;*/
}

/* SV2ですよの案内文 */
.sv2info{
  margin-bottom:0.5em;
  color:#FF1572;
  font-weight:bold;
}

/* スマホは全て1列にしてみた */
@media screen and (max-width: 650px){
  .prg_date_page .sv1,
  .prg_date_page .sv2,
  .prg_date_page .sv0{
    float:none;
    width:95%;
  }
  .prg_date_page .sv2{
    background:#F3DDDD;
  }
}

/* 出演者などの題字 */
.ex_name{
  color:#0015FF;
}

/* 番組内容 */
.ex_item{
  margin-left:1em;
}

/* 下部分アンカー */
.foot_pnday{
  margin-top:1.5em;
}
.foot_pnday .today_weekbox{
  display:none;
}

/* 今日の番組表(.prg_today_page)
-------------------------------------------------------------------------------------- */

/* 埋め込めるように幅合わせる　※埋込時はコメントアウトする */
.prg_today_page .divbox_wrapper{
  width:295px;
  min-width:295px;
  background:#000000;
}

/* 番組表示行調整 */
.prg_today_page .oa_datebox{
  padding:0.2em;
}
.prg_today_page .oa_datebox .st-time{
  padding:0;
  background:none;
  display:inline-block;
  color:#000000;
  font-weight:normal;
  font-size:0.7em;
}
.prg_today_page .oa_datebox .st-title{
  font-weight:normal;
  font-size:0.8em;
}
.prg_today_page .endtimetext{
  display:block;
  color:#000000;
  font-weight:normal;
  font-size:0.7em;
  margin:0;
  padding:0;
}
/*見出しに合わせる*/
.prg_today_page .sv1{
  width:50%;
}
.prg_today_page .sv2{
  width:44%;
  background:none;
}


/* 曜日と日付 */
.prg_today_page .weekbox{
  background:none;
  font-size:0.9em;
  padding:0;
  margin:0;
  border:none;
  display:block;
}

/* 埋め込み用に調整 */
.prg_today_page .divbox_wrapper{
  /*float:right;*/
}
.prg_today_page .tab_con{
  height:250px;
  overflow:scroll;
  position:relative;
}
/* スマホ対応 */
@media screen and (max-width: 650px){
  .prg_today_page .tab_con{
    height:100px;
    overflow:scroll;
  }
}

/* 下部分 */
.h2_end{
  background:#1f1f1f;
  padding-right:1em;
  font-size:13px;
  padding:3px 10px;
  text-align:right;
}
.h2_end a{
  color:#FFFFFF;
}