@media screen and (min-width: 601px) {
.top_content { position:relative; width:100%; max-width: 1200px; margin: 0 auto;}

.onair_fl { position: relative; width:900px; margin: 0 auto 45px auto; padding: 30px 10px 100px 130px; min-height:500px; }

ul.arr_list { width: 900px; margin:0 0 50px 0; }
ul.arr_list li { display: table; margin:0 0 20px 0; color: #FFF; text-shadow: 0px 0px 6px #F10, 0px 0px 4px #7C0608, 0px 0px 2px #7C0608; }
ul.arr_list li.title { width: 900px; height: 50px; background: url(../images/onair/bload_bn00.png) no-repeat center center; background-size:auto 100%; margin: 0 0 10px 0;  }
ul.arr_list li.menu_sp { position: relative; padding:20px 16px; background: url(../images/onair/st_frame_body_arr.png) center repeat-x; background-size:auto 100%; color: #FFF; border-radius:3px; }
ul.arr_list li .sp01t { display: table-cell; width: 300px; font-size:18px; font-weight: 600; }
ul.arr_list li .sp01 { display: table-cell; width: 300px; font-size:18px; font-weight: 600; padding:0 0 0 20px; }
ul.arr_list li .sp02 { display: table-cell; width: 120px; font-size:16px; font-weight: 600; }
ul.arr_list li .sp03 { display: table-cell; width: 150px; font-size:16px; font-weight: 600; }
ul.arr_list li .sp04 { display: table-cell; width: 290px; font-size:16px; font-weight: 600; }

ul.tv_list { width: 900px; margin:0 0 50px 0; }
ul.tv_list li { display: table; margin:0 0 20px 0; color: #FFF; }
ul.tv_list li.title { width: 900px; font-size:22px; font-weight: 600; text-align: center; }
ul.tv_list li.menu_sp { position: relative; padding:20px 16px; background: url(../images/onair/st_frame_body.png) center repeat-x; background-size:auto 100%; color: #FFF; border-radius:3px; }
ul.tv_list li .sp01t { display: table-cell; width: 300px; font-size:18px; font-weight: 600; }
ul.tv_list li .sp01 { display: table-cell; width: 300px; font-size:18px; font-weight: 600; padding:0 0 0 20px; }
ul.tv_list li .sp02 { display: table-cell; width: 280px; font-size:16px; font-weight: 600; }
ul.tv_list li .sp03 { display: table-cell; width: 280px; font-size:16px; font-weight: 600; }
ul.broad_list { width: 900px; margin:0 0 50px 0; }
ul.broad_list li { display: table; margin:0 0 20px 0; color: #FFF; }
ul.broad_list li.title { width: 900px; height: 50px; background: url(../images/onair/bload_bn01.png) no-repeat center center; background-size:auto 100%; margin: 0 0 10px 0;  }
ul.broad_list li.menu_sp { position: relative; padding:20px 16px; background: url(../images/onair/st_frame_body.png) center repeat-x; background-size:auto 100%; color: #FFF; border-radius:3px; }
ul.broad_list li .sp01t { display: table-cell; width: 300px; font-size:18px; font-weight: 600; }
ul.broad_list li .sp01 { display: table-cell; width: 300px; font-size:18px; font-weight: 600; padding:0 0 0 20px; }
ul.broad_list li .sp02 { display: table-cell; width: 280px; font-size:16px; font-weight: 600; }
ul.broad_list li .sp03 { display: table-cell; width: 280px; font-size:16px; font-weight: 600; }
ul.broad_list li a { color:#FFF;}

.onair_info { position: absolute; top: 30%; left:50%; margin: 0 0 -150px -100%;  height: 300px; width: 200%; transform: rotate(0deg); background: url(../images/onair/bload_info01.png) center center no-repeat, linear-gradient(90deg, rgba(14,52,78,0.7), rgba(24,90,135,0.7)); background-size: auto 180px , auto 100%;  }

html[data-lc-type=inline] #lightcase-case, html[data-lc-type=ajax] #lightcase-case {
	width: 920px;
}

.menu_sp .st_frm01 { position: absolute; top:-2px; left: -10px; width: 30px; height: 62px; background: url(../images/onair/st_frame_sidea.png) no-repeat; background-size: auto 100%; } 
.menu_sp .st_frm02 { position: absolute; top:-2px; right: -10px; width: 30px; height: 62px; background: url(../images/onair/st_frame_sideb.png) no-repeat; background-size: auto 100%; }

}


@media screen and (max-width: 600px) {
.top_content { position:relative; width:600px; margin: 0 auto;}

.onair_fl { position: relative; width:600px; margin: 0 auto 45px auto; padding: 30px 0 100px 0; min-height:500px; }

ul.arr_list { width: 500px; margin:0 auto 50px auto; }
ul.arr_list li { margin:0 0 30px 0; color: #FFF; text-shadow: 0px 0px 6px #F10, 0px 0px 4px #7C0608, 0px 0px 2px #7C0608; }
ul.arr_list li.title { width: 500px; height: 50px; padding: 0 0 20px 0; background: url(../images/onair/bload_bn00.png) no-repeat center center; background-size:auto 100%; margin: 0 0 10px 0; }
ul.arr_list li.menu_sp { position: relative; padding:10px 16px; background: url(../images/onair/st_frame_body_arr.png) center repeat-x; background-size:auto 100%; color:#FFF; margin: 0 10px 10px 10px; }
ul.arr_list li .sp01t { font-size:18px; width: 300px; font-weight: 600; padding: 10px 0; }
ul.arr_list li .sp01 { float: left; width: 460px; font-size:24px; font-weight: 600; column-span: 2; padding: 10px 0; margin: 0 0 0 20px; border-bottom: 2px dotted #222; }
ul.arr_list li .sp02 { float: left; width: 70px; font-size:18px; font-weight: 600; padding: 20px 0 20px 20px; }
ul.arr_list li .sp03 { float: left; width: 130px; font-size:18px; padding: 20px 0; }
ul.arr_list li .sp04 { float: left; width: 260px; font-size:18px; padding: 20px 0; }

ul.tv_list { width: 500px; margin:0 auto 50px auto; }
ul.tv_list li { margin:0 0 30px 0; color: #FFF;  }
ul.tv_list li.title { width: 500px; font-size:30px; font-weight: 600; text-align: center; padding: 0 0 20px 0; }
ul.tv_list li.menu_sp { position: relative; padding:10px 16px;  background: url(../images/onair/st_frame_body.png) center repeat-x; background-size:auto 100%; color: #FFF; margin: 0 10px 10px 10px; }
ul.tv_list li .sp01t { font-size:18px; font-weight: 600; column-span: 2; padding: 10px 0; }
ul.tv_list li .sp01 { float: left; width: 460px; font-size:24px; font-weight: 600; column-span: 2; padding: 10px 0; margin: 0 0 0 20px; border-bottom: 2px dotted #222; }
ul.tv_list li .sp02 { float: left; width: 230px; font-size:18px; font-weight: 600; padding: 20px 0 20px 20px; }
ul.tv_list li .sp03 { float: left; width: 230px; font-size:18px; padding: 20px 0; }
ul.broad_list { width: 500px; margin:0 auto 50px auto; }
ul.broad_list li { margin:0 0 20px 0; color: #FFF;  }
ul.broad_list li.title { width: 500px; height: 50px; padding: 0 0 20px 0; background: url(../images/onair/bload_bn01.png) no-repeat center center; background-size:auto 100%; margin: 0 0 10px 0; }
ul.broad_list li.menu_sp { position: relative; padding:10px 16px; background: url(../images/onair/st_frame_body.png) center repeat-x; background-size:auto 100%; color:#FFF; margin: 0 10px 10px 10px; }
ul.broad_list li .sp01t { font-size:18px; font-weight: 600; column-span: 2; padding: 10px 0; }
ul.broad_list li .sp01 { float: left; width: 460px; font-size:24px; font-weight: 600; column-span: 2; padding: 10px 0; margin: 0 0 0 20px; border-bottom: 2px dotted #222; }
ul.broad_list li .sp02 { float: left; width: 230px; font-size:18px; font-weight: 600; padding: 20px 0 20px 20px; }
ul.broad_list li .sp03 { float: left; width: 230px; font-size:18px; padding: 20px 0; }
ul.broad_list li a { color:#FFF;}
.menu_sp .sp02, .menu_sp .sp03, .menu_sp .sp04 { display: none; }

.onair_info { position: absolute; top: 30%; left:0; margin: 0 0 -150px 0;  height: 300px; width: 100%; transform: rotate(0deg); background: url(../images/onair/bload_info01.png) center center no-repeat, linear-gradient(90deg, rgba(14,52,78,0.7), rgba(24,90,135,0.7)); background-size: auto 160px , auto 100%;  }

.menu_sp .st_frm01 { position: absolute; top:-2px; left: -10px; width: 30px; height: 62px; background: url(../images/onair/st_frame_sidea.png) no-repeat; background-size: auto 100%; } 
.menu_sp .st_frm02 { position: absolute; top:-2px; right: -10px; width: 30px; height: 62px; background: url(../images/onair/st_frame_sideb.png) no-repeat; background-size: auto 100%; }
}

/* sliderPro */
@media screen and (min-width: 601px) {
#chara { min-width:100%; max-width: 1200px; }
.sp_block { position: relative; width:100%; max-width: 1100px; margin: 0 auto; }
.sliderPro {width:100%; }
.sp-slide { min-height:770px; }
#chara img { width:100%;}
}

@media screen and (max-width: 600px) {
#chara { min-width:600px; max-width:600px; }
.sp_block { position: relative; width:540px; margin: 0 auto;  }
.sliderPro {width:540px; }
.sp-slide { min-height:1200px;}
#chara img { width:540px; margin:0 0 65px 0;}
}