@charset "utf-8";

.top-out{background-color:#ffffff; color:#585858; width:100%;}
h2{padding:0px;background:none; width:100%; border:0px; background:none;}
.comNone{display:none;}
.flame-out{margin:10px 0 0 0;}
br.pc{display: none;}
img{backface-visibility: hidden; -webkit-backface-visibility: hidden;}

/*h2*/
h2{color:#333F; font-size:1.6em; background-color:#fff; text-align: left; margin: 5px 0 20px; padding:10px 15px 0 15px !important; border-bottom:2px double #bfbcbc;}
/*h4*/
h4{background:#393939; color:#fff; padding:10px 0; text-align: center; font-size:1.2em; margin-bottom: 0; width:100%; word-wrap: break-word;}
.subtext{text-align: center; border:solid 4px #393939; padding:5px 0;}

/*SP広告バナー*/
.top .kTextTop{text-align:center;}


/*saigai*/
.top .topsaigai{margin:0 auto 20px auto; padding:10px 0 0 0; background-color:#ffffff;border:double 4px #f00; font-size: 0.9em;}
.top .topsaigai a{text-decoration: none;}

.streaming { position: relative; width: 100%; padding-top: 56.25%; }
.streaming iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

/*news*/
.comClear:after{content:"."; display:block; clear:both; height:0; visibility:hidden;}
.comClear{min-height:1px;}
* html .comClear{height:1px; /*\*//*/ height:auto; overflow:hidden; /**/}

/*news-tab*/
.newsWrap01{width:100%; margin:0 auto; padding:0px;background:#FFCF0E; position:relative;overflow:visible;}
.newsWrap01 #newsTab{position:absolute; right:10px; bottom:0px; padding: 0; margin-bottom:0; font-size:0.8em;}
.newsWrap01 #newsTab li{float:left; display:inline; margin:0 5px 0 0;}
.newsWrap01 #newsTab li a{display:table-cell; width:120px; height:42px; text-align: center; vertical-align: middle; cursor:pointer; text-decoration: none; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 2px solid #bfbcbc;}
.newsWrap01 #newsTab .newsTab01 a,.newsWrap01 #newsTab .newsTab02 a{background: #fff; color:#333;}
.newsWrap01 #newsTab .newsTab01 a.select,.newsWrap01 #newsTab .newsTab02 a.select{background: #333; color:#fff;}

/*news-記事*/
.comListA li{width:100%; margin:0; display: -webkit-box; display: -ms-flexbox; display: flex;  -ms-flex-wrap: wrap; flex-wrap: wrap; padding:2px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 2px solid #eee;}
.comListA .heightLine-a02 p{width:40%; height:auto; padding:5px; margin-bottom: 0;}
.comListA li .txCommon02{width:60%; height:auto; padding:0 5px;}
.comListA li .txCommon02 .date{width: 95%; padding:5px 5px 5px 10px; background:#EDEDED; margin-bottom: 0; font-size: 0.9em;}
.newsWrap02 h3{font-size:85%; line-height:1.5; font-weight:bold; padding:5px; margin-bottom:0;}
.newsWrap02 h3 a:link,.newsWrap02 h3  a:visited{color:#585858; text-decoration: none;}
.newsWrap02 h3 a:hover,.newsWrap02 h3  a:active{color:#585858; text-decoration: none;}
.txNewsMore{text-align:right; margin:0 10px 0 0;}

/*大窓*/
.flexslider{margin:10px 0;}
.flexslider .flex-prev{	display:block; position:absolute;	top:30%; left:0; width:29px; height:0; padding-top:57px; background:url(../img/index/ic_arw01_left.png); 	overflow:hidden; cursor:pointer;}
.flexslider .flex-next{display:block; position:absolute; top:30%;	right:0; width:29px; height:0; padding-top:57px; background:url(../img/index/ic_arw01_right.png); overflow:hidden;	cursor:pointer;}
.flexslider ul .slides li img{width: 100%; height: auto; margin:0 auto;}
.flexslider ul .flex-caption{text-align: center; margin:0; padding:7px 0 0 0;	background:#f5f6f3;}
.flexslider ul .flex-caption a{text-decoration: none;	color:#000;	font-size:0.8em;}

/*バナーエリア*/
.bn-area .bn-out ul li{margin:10px 0; list-style: none;}
.bn-area .bn-out ul li .bn-txt{padding:3px; background: #EDEDED; font-size:0.9em; text-align: center;}
.bn-area .bn-out ul li .bn-txt a:link,.bn-area .bn-out ul li .bn-txt a:visited{color:#585858; text-decoration: none;}
.bn-area .bn-out ul li .bn-txt a:hover,.bn-area .bn-out ul li .bn-txt a:active{color:#00441A; text-decoration: none;}
.bn-area .bn-out ul li img{width:100%; height: auto;}

/*週刊番組表*/
.programTitle{background:#afc94c; color:#fff; padding:10px; margin:0 5px 20px 5px;}
.programTitle a:link,.programTitle a:visited,.programTitle a:hover,.programTitle a:active{color:#fff;}

.arrow{ position: relative; display: block; width: 100%; height: 100%; vertical-align: middle; text-decoration: none; }
.arrow::before,
.arrow::after{ position: absolute; top: 0; bottom: 0; right: 0; margin: auto; content: ""; vertical-align: middle; }
.arrowshape::before{ box-sizing: border-box; width: 23px; height: 23px; border: 2px solid #fff; -webkit-border-radius: 50%; border-radius: 50%; }
.arrowshape::after{ right: 8px; width: 9px; height: 9px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.programWrap01{display: none;}

/*movie-tab*/
.movieWrap01{width:100%; margin:0 auto; padding:0px;background:#FFCF0E; position:relative;overflow:visible;}
.movieWrap01 #movieTab{position:absolute; right:10px; bottom:0px; padding: 0; margin-bottom:0; font-size:0.8em;}
.movieWrap01 #movieTab li{float:left; display:inline; margin:0 5px 0 0;}
.movieWrap01 #movieTab li a{display:table-cell; width:120px; height:42px; text-align: center; vertical-align: middle; cursor:pointer; text-decoration: none; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 2px solid #bfbcbc;}
.movieWrap01 #movieTab .movieTab01 a,.movieWrap01 #movieTab .movieTab02 a{background: #fff; color:#333;}
.movieWrap01 #movieTab .movieTab01 a.select,.movieWrap01 #movieTab .movieTab02 a.select{background: #333; color:#fff;}

/*youtube*/
.youtube li{display: -webkit-box; display: -ms-flexbox; display: flex;  -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 2px solid #eee; padding:2px 0;} 
.youtube li a{width:40%; padding:5px;}
.youtube li a img{width:100%; height: auto;}
.youtube li .Youtube-txt{width:60%;}
.youtube li .Youtube-txt{font-size:85%; line-height:1.5; font-weight:bold; padding:5px; margin-bottom:0;}
.youtube li .Youtube-txt a:link,.youtube li .Youtube-txt a:visited{color:#585858; text-decoration: none;}
.youtube li .Youtube-txt a:hover,.youtube li .Youtube-txt a:active{color:#585858; text-decoration: none;}
.youtube li .Youtube-txt p{margin-bottom: 0;}
.youtube li .Youtube-txt .bangumi{width: 95%; padding:5px 5px 5px 10px; background:#EDEDED; margin-bottom: 0; font-size: 1.0em;}

/*ondemand*/
.ondemand li{display: -webkit-box; display: -ms-flexbox; display: flex;  -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 2px solid #eee; padding:2px 0;} 
.ondemand li a{width:40%; padding:5px;}
.ondemand li a img{width:100%; height: auto;}
.ondemand li .ondemand-txt{width:60%;}
.ondemand li .ondemand-txt{font-size:85%; line-height:1.5; font-weight:bold; padding:5px; margin-bottom:0;}
.ondemand li .ondemand-txt a:link,.ondemand li .ondemand-txt a:visited{color:#585858; text-decoration: none;}
.ondemand li .ondemand-txt a:hover,.ondemand li .ondemand-txt a:active{color:#585858; text-decoration: none;}
.ondemand li .ondemand-txt p{margin-bottom: 0;}
.ondemand li .ondemand-txt .bangumi{width: 95%; padding:5px 5px 5px 10px; background:#EDEDED; margin-bottom: 0; font-size: 1.0em;}

/*original*/
.original{display: -webkit-box; display: -ms-flexbox; display: flex;  -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0;} 
.original li{padding:5px 3px; width:33.3333%; list-style: none;} 
.original li a img{width:100%; height: auto;}
.original li .original-txt{font-size:85%; line-height:1.5; font-weight:bold; padding:5px 0; margin-bottom:0; text-align: center;}
.original li .original-txt a:link,.original li .original-txt a:visited{color:#585858; text-decoration: none;}
.original li .original-txt a:hover,.original li .original-txt a:active{color:#585858; text-decoration: none;}
.original li .original-txt p{margin-bottom: 0;}
.original li .original-txt .bangumi{padding:5px 0; background:#EDEDED; margin-bottom: 0; font-size: 1.0em;}

/*minkame*/
.minkame{margin:30px 0 20px 0; padding:0;}
.minkame .minakame-area{text-align: center; padding:0;}
.minkame .minakame-area img{width:90%; height: auto;}
.minkame .minakame-area .minkame-m{position: relative; width:100%; padding-top:56.25%;}
.minkame .minakame-area .minkame-m iframe{position: absolute; top:0; right:0; width:100%; height: 100%;}
.minkame .minakame-area .txt-a{margin:0; background:#ef6d1f; color:#fff; padding:10px 0; font-style: italic;}
.minkame .minakame-area .ttl{margin: 10px 0;}
.minkame .minakame-area .ttl img{width: 80%;}

/*bottombn*/
.bottombn{text-align: center;}
.bottombn img{width:70%; margin:8px 0;}
.bottombn .bottombn-area .bn-out .bn li{list-style: none;}

/*otherbn*/
.otherbn .otherbn-area .bn-out .bn{display: -webkit-box; display: -ms-flexbox; display: flex;  -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.otherbn .otherbn-area .bn-out .bn li{width:33.3333%; list-style: none;}
.otherbn .otherbn-area .bn-out .bn li img{padding:5px; width:100%; height: auto;}

/*movie*/
.movieWrap01{margin:0 auto 20px auto;} 

/*bottombn*/
.minkame,.bottombn,.otherbn{margin:20px 0 0 0 !important;}


@media screen and (min-width: 640px){
.flame-out{margin:40px 0 0 0;}
.fl{display: -webkit-box; display: -ms-flexbox; display: flex;  -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}  
br.pc{display: block;}
br.sp{display: none;}
h4{font-size:1.3em;}  

/*news*/
.newsWrap01{width:100%; margin:0 auto;} 
.newsWrap01 #newsTab li a{width:200px; font-size: 1.4em;}  
.comListA{width:100%; margin:0; display: -webkit-box; display: -ms-flexbox; display: flex;  -ms-flex-wrap: wrap; flex-wrap: wrap;}  
.comListA li{display: block; width:33.3333%; border-bottom: none;  margin-bottom:0;}
.comListA .heightLine-a02 p{width:100%;} 
.comListA li .txCommon02{width:100%;}
.comListA li .txCommon02 .date{width:100%;}  
.newsWrap02 .heightLine-a02 img{border:solid 2px #585858;}
  
/*週刊番組表*/
#divTimeTable{margin:0;}  
.ttiPrgName{width:180px !important;} 
.programTitle{margin:0;}
  
/*バナーエリア*/
.fl .flexslider{width:70%;}
.fl .bn-area{width:30%;}
.fl .info-r{width:100%;}
.bn-area .bn-out .bn{margin-bottom:0;}  
.bn-area .bn-out ul li{margin:4px 0 10px 0; padding-right:4px;}
.bn-area .bn-out ul li:last-child{margin:4px 0 0 0;}  
  
/*movie*/
.movieWrap01{margin:40px auto;} 
.movieWrap01 #movieTab li a{width:200px; font-size: 1.4em;}    
.youtube{width:100%; margin:0; display: -webkit-box; display: -ms-flexbox; display: flex;  -ms-flex-wrap: wrap; flex-wrap: wrap;}  
.youtube li{display: block; width:33.3333%; border-bottom: none;  margin-bottom:20px; padding: 5px;}
.youtube li .Youtube-txt{width:100%; padding:5px 0; text-align: center;}
.youtube li .Youtube-txt .bangumi{width: 100%;} 
.youtube li a{padding:0;}  
.youtube li .Youtube-txt p{margin-top: 5px;}  
.ondemand{width:100%; margin:0; display: -webkit-box; display: -ms-flexbox; display: flex;  -ms-flex-wrap: wrap; flex-wrap: wrap;}  
.ondemand li{display: block; width:33.3333%; border-bottom: none;  margin-bottom:20px; padding: 5px;}
.ondemand li .ondemand-txt{width:100%; padding:5px 0; text-align: center;}
.ondemand li .ondemand-txt .bangumi{width: 100%;} 
.ondemand li a{padding:0;}  
.ondemand li .ondemand-txt p{margin-top: 5px;} 
 
/*original*/
.original li{display: block; width:16.6666%; border-bottom: none;  margin-bottom:20px; padding: 5px;}
.original li .original-txt{width:100%; padding:5px 0; text-align: center;}
.original li .original-txt .bangumi{width: 100%;} 
.original li a{padding:0;}  
.original li .original-txt p{margin-top: 5px;} 
  
/*最下段横並び*/
.fl .minkame{width:40%; margin:0;}
.fl .bottombn{width:30%; padding:0 10px 0 15px;}
.fl .otherbn{width:30%; text-align: center;}
  
/*minkame*/
.minkame .minakame-area .ttl{margin:15px 0 5px 0;} 
/*bottombn*/ 
.bottombn img{width:90%;}
.bottombn .bottombn-area .bn-out .bn{margin-bottom: 0;}  
.bottombn .bottombn-area .bn-out .bn li:last-child{margin-bottom:0;} 
.bottombn img{margin:14px 0;}  
/*otherbn*/
.otherbn .otherbn-area .bn-out .bn{margin-bottom:0;}  
.otherbn .otherbn-area .bn-out .bn li{margin:10px 0;}  
}


@media screen and (min-width: 640px) and (max-width: 1023px){
.top-out{margin-bottom:40px;}  
  
/*週刊番組表*/
.program{margin:0 5px;}

/*最下段横並び*/
.fl .minkame{width:60%; margin:0; padding:10px;}
.fl .bottombn{width:40%; padding:0 10px 0 0;}
.fl .otherbn{width:100%; text-align: center; margin-top:40px;}
  
/*youtube*/
.youtube li{margin-bottom:0;}  
  
/*bottombn*/
.bottombn .bottombn-area .bn-out .bn li{margin-bottom:0;} 
.bottombn .bottombn-area .bn-out .bn li:first-child img{margin-top:0;}  

/*otherbn*/
.otherbn .otherbn-area .bn-out .bn li{width:16.6666%; list-style: none; padding:5px; margin:0;} 

/*original*/
.original{margin-bottom: 0 !important;}  
.original li{margin-bottom:0;}  
}


@media screen and (min-width: 1024px){
.pc_nodisplay {display: none !important; }
.flame-out{margin:60px 0 0 0;}

/*saigai*/
.top .topsaigai{margin:30px auto 20px auto; font-size:1.0em;}
  
/*news*/
.news-out{margin:40px 0;}  
.comListA{margin:20px 0 0 0;}  
.comListA li{margin-bottom:20px;}    
.comListA li .txCommon02 .date{text-align: center;}
.newsWrap02 h3{text-align: center; margin-top:5px;}
h2{font-size:2.5em; text-align:center;}

 /*バナーエリア*/
.fl .flexslider{width:50%;}
.fl .bn-area{width:20%; padding:0;}
.fl .info-r{width:300px; padding-top:4px; text-align: center;}
.bn-area .bn-out ul li{margin:4px 0 20px 0;}
  
/*週刊番組表*/
.program{padding:0;}  
.programWrap01{width:100%; height: 200px; overflow:auto; -webkit-overflow-scrolling:touch; border:solid 4px #afc94c;}
.programTitle{text-align:left; padding:10px 10px 5px 20px;}  
.programWrap01 iframe{width:100%; height: 100%; }
  
/*週刊番組表*/
.program{padding:0;}  
.programWrap01{width:100%; height: 200px; overflow:auto; -webkit-overflow-scrolling:touch; border:solid 4px #afc94c; 
 display: inline-block;}
.programWrap01 iframe{width:100%; height: 100%;  border:none; display: block;}

}

@media screen and (min-width: 1280px){
.top-out{width:1280px; margin:0 auto 60px auto;}

/*バナーエリア*/
.fl .bn-area{width:24%;  padding:0 18px;}
.bn-area .bn-out ul li{margin:4px 0 14px 0;}
  
.bottombn img{margin:16px 0;}  
/*週刊番組表*/
.programWrap01{width:100%; height: 330px;}
  
}

@media screen and (max-width: 640px){
/*news*/
.txNewsMore img{width: 20%; height: auto;}  
  
.bn-area .bn-out{padding-bottom: 0;}  
.bn-area .bn-out ul{display: -webkit-box; display: -ms-flexbox; display: flex;  -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom:0; padding-bottom: 0;}
.bn-area .bn-out ul li{width:50%; padding:3px; margin:0;}
}
@media screen and (max-width: 1024px){
header section .khb_logo{bottom:-50px !important;}  
}