@charset "utf-8";

body.top {background-color:#68c5ff;color:#585858;}
body.top br { display: none; }
.top .heading {display:none;}
.top article .contents br { display: inline; }
.top article .contents{width:656px;float:left;}
.top article .contents h2, .top article .contents section h2 {padding:0px;background:none;width:100%;border:0px;background:none;}
.top article nav h2{padding:0px;}
.top article .contents section{margin:0px;width:656px; float:left; display:inline;}
.top article div,.top article ul{overflow:hidden;}
.top article .contents ul{margin:0px;}
.top article .contents ul li{padding:0px;background:transparent;}
.top article .contents p{margin:0px;}
.top article .contents section ul{padding-left:0px;}
div.index_bg {margin-top:40px;padding:0px;background: #68c5ff url(../img/index/bg_guriri_ya.png) no-repeat center top;}
.top article{background:#FFFFFF ;}
.top article nav{width:324px; float:right; display:inline;}
.pc_nodisplay { display: none !important; }

/*saigai*/
.top .topsaigai{width:980px;margin:20px auto;padding:0px;background-color:#ffffff;box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2);}
.top .topsaigai br {display: block;}
.top .topsaigai section{margin:5px;padding:5px;font-size:0.9em;}

article .contents ol{margin:0px;padding:0px;}

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

.comWrapA01{padding:0px 0px 0px 15px;}
.comWrapA02{padding:20px 0px 0px 15px;}

.comListA li{width:202px; float:left; display:inline; margin:0 10px 0 0;}

.comListA li .txCommon02{margin-top:10px;padding-left:3px;}
.comListA li .txCommon02 h3{margin:0px;padding:5px 0px;font-size:1.0em;background:none;border:none;}
.comListA li .txCommon02 .date{padding:3px 0px;border-bottom:solid 1px #EDEDED;}
.comListA li .txCommon03{color: #0798fd; font-weight:bold;margin-top:10px;padding-left:3px;text-align:center;}
.comListA li .txCommon03 a:link { color: #0798fd; }
.comListA li .txCommon03 a:visited { color: #0798fd; }
.comListA li .txCommon03 a:hover { color: #0798fd; }
.comListA li .txCommon03 a:active { color: #0798fd; }
.comListA li .txCommon04{font-weight:bold;margin-top:10px;padding-left:3px;text-align:center;}
.comListA li .txCommon04 a:link { color: #2e740b; }
.comListA li .txCommon04 a:visited { color: #2e740b; }
.comListA li .txCommon04 a:hover { color: #2e740b; }
.comListA li .txCommon04 a:active { color: #2e740b; }

.mgt10{margin-top:10px!important;}
.mgt20{margin-top:20px!important;}
.mgt25{margin-top:25px!important;}
.mgt30{margin-top:30px!important;}
.mgNone{margin:0!important;}

.comRight{float:right; display:inline;}
.comLeft{float:left; display:inline;}
.comCenter{text-align:center;}
.comTxRight{text-align:right;}
.comNone{display:none;}

/*--------------------
index
--------------------*/
#generalIndex{}
#generalIndex #mcOuter02{width:980px; margin:0 auto; background:url(../img/index/bg_main02.gif) repeat-y;}
#generalIndex #mcOuter03{width:980px; margin:0 auto; background:url(../img/index/bg_guriri04.gif) no-repeat 725px bottom;}

#mvWrap{ display: none; height: 409px; overflow: hidden; position:relative;}
.top article .contents ol.flex-control-nav{padding-right:10px;list-style:none;}
.top article .contents ul.flex-direction-nav,
.top article .contents ol.flex-control-nav li{padding:0px;}
.flex-prev{position:absolute; top:180px; left:0;}
.flex-prev{display:block; width:29px; height:0; padding-top:57px; background:url(../img/index/ic_arw01_left.png); overflow:hidden; cursor:pointer;}
.flex-next{position:absolute; top:180px; right:0;}
.flex-next{display:block; width:29px; height:0; padding-top:57px; background:url(../img/index/ic_arw01_right.png); overflow:hidden; cursor:pointer;}
.top article .contents ol.flex-control-paging{float:right; padding:0px 18px 4px 0;}
.top article .contents ol.flex-control-paging li{float:left; margin: 0 0 0 12px;}
.top article .contents ol.flex-control-paging li a{display:block; width:12px; height:0; padding-top:12px; background:url(../img/index/bg_slide01.gif); float:left; overflow:hidden; cursor:pointer;}
.top article .contents ol.flex-control-paging li a.flex-active,
.top article .contents ol.flex-control-paging li a:hover.flex-active{background-position:0 -12px;}
.top article .contents ol.flex-control-paging li a:hover{background-position:0 -12px;}

#mvWrap ul.slides{height: 389px; overflow: hidden;}

.top article div.newsWrap01{padding:0px;background:#FFCF0E; position:relative;overflow:visible;}
.newsWrap01 #newsTab{position:absolute; right:10px; bottom:0px; padding: 0;}
.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-top: 2px solid #eee; border-left: 2px solid #cecece; border-right: 2px solid #ffdc4d; }
.newsWrap01 #newsTab .newsTab01 a{background: #ffcf0e;}
.newsWrap01 #newsTab .newsTab01 a.select{background: #fff;}
.newsWrap01 #newsTab .newsTab02 a{background: #ffcf0e;}
.newsWrap01 #newsTab .newsTab02 a.select{background: #fff;}
#newsTab img{cursor:pointer;}
#newsTab img:hover{filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;}

.top article .contents h2, .top article .nodisplay h2 {position:relative;color:#FFF;font-size:18px;background-image:none;text-align: left;}
.top article .contents h2 { margin: 5px 0 10px; padding: 13px !important; }
.top article .nodisplay h2 { padding: 8px !important; }
.top article .contents h2 a, .top article .nodisplay h2 a {white-space:normal;text-indent:0em;color:#fff;color:#fff; text-decoration: none;}
.top article .contents h2 a:hover, .top article .nodisplay h2 a:hover { opacity: 0.8; }
.top article .contents h2 .subtext { display: inline-block; margin-left: 8px; font-size: 0.6em !important; }
.top .nodisplay h2 { margin-bottom: 1px; }
.top .nodisplay h2 .subtext { display: block; margin-left: 0; font-size: 0.6em !important; }
.top article h2.programTitle { background: #aec94c !important; }
.top article .contents h2.live { background: #fe8504 !important; margin:0 !important;}
.top article .contents h2.pickUp { background: #2591dc !important; }
.top article .contents h2.pickUpdrama { background: #cc9fdb !important; }
.top article .contents h2.ondemand { background: #cc9fdb !important; }
.top article .contents h2.Original { background: #aec94c !important; }
.top article .contents h2.Koho { background: #c98a4c !important; }
.top article .movie h2 { background: #794892 !important; margin-bottom: 6px; }
.top article .contents h2.infomation { background: #ec82a7 !important; }
.top article .newsWrap01 h2 { background: #ffcf0e !important; }
.top article .contents h2.sns_ttl, .top article .nodisplay h2.sns_ttl { background: #0ec1a1 !important; }
.top article .nodisplay h2.sns_ttl { margin-bottom:10px !important; }
.top article .contents h2.sns_ttl{ margin-top:5px !important; }
.top article .contents h2.anaBlog_ttl, .top article .nodisplay h2.anaBlog_ttl { background: #ec4346 !important; }
.top article .contents h2.newPost_ttl, .top article .nodisplay h2.newPost_ttl { background: #f7a039 !important; }
.top article .contents h2.guriri { background: #12B8E3 !important; }
.top article .contents a { text-decoration: none; }
.category { cursor: pointer; }

.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); }

.newsWrap02 li{width:202px; float:left; display:inline; margin:0 10px 0 0;}
.newsWrap02 .txDate{font-size:93%; line-height:1.5; font-weight:bold; padding:13px 0 3px; border-bottom:solid 1px #EDEDED;}
.newsWrap02 h3{font-size:100%; line-height:1.5; font-weight:bold; padding:7px 0 12px;}
.newsWrap02 .txNewsMore{text-align:right; padding:0 15px 0 0;}
.txOriginalMore{text-align:right; padding:0 15px 4px 0;}

.bnrWrapA01{margin:35px 0 0; border-top:solid 1px #EBEBEB; padding:0 0 15px 15px;}
.bnrList01 li{display:inline-flex; margin:15px 5px 0 0;}
.bnrWrapA02{float:left; display:inline; background:#FDF2F3; margin:15px 15px 0 0; font-size:77%; line-height:1.2; padding:5px 5px;}
.bnrList02 li{float:left; display:inline;}

.calWrap01{text-transform:uppercase;}
p.calTx01{margin:0px;padding:0px;font-size:100px; float:left; display:inline; padding:3px 0 0 15px; font-family:'Open Sans', sans-serif; font-weight: bold;}
.calWrap02{float:right; display:inline; width:185px; padding:29px 0 0;}
.calWrap02 p{margin:0px;padding:0px;font-family: 'Open Sans', sans-serif;}
.calTx02{font-size:28px; font-family:'Open Sans', sans-serif; line-height:1.1; font-weight: bold;}
.calTx03{font-size:18px; font-family:'Open Sans', sans-serif; line-height:1.4; font-weight: bold;}
.calTx04{font-size:140%; font-weight:bold; line-height:1.8;}


.hol0 .calTx01, .hol0 .calTx02, .hol0 .calTx03 { color: #aec94c; }
.day6 .calTx01, .day6 .calTx02, .day6 .calTx03 { color: #4caac9; }
.day0 .calTx01, .day0 .calTx02, .day0 .calTx03 { color: #ec7a39; }
.hol1 .calTx01, .hol1 .calTx02, .hol1 .calTx03, .hol2 .calTx01, .hol2 .calTx02, .hol2 .calTx03, .hol3 .calTx01, .hol3 .calTx02, .hol3 .calTx03 { color: #ec7a39 !important; }

.weatherWrap01{padding:0 0 15px;}
.weatherWrap01 p{padding:15px 0 0 16px;}

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

.programWrap01 .txTime{font-weight:bold; width:50px; float:left; line-height:1.4;}
.programWrap01 .txProg{width:220px; float:left; line-height:1.4;}
.programWrap01 iframe {	border: 0; width: 100%; }

#twitter-widget-0 {
	height: 520px;
}

.pgList01{padding:13px 30px 13px 20px;}
.pgList02{padding:13px 30px 13px 20px; background:url(../img/index/bg_side01.gif) no-repeat bottom;}
.pgList02 .txProg{width:180px; font-weight:bold;}

.pgList03{padding:13px 30px 13px 20px; background:url(../img/index/bg_side02.gif) no-repeat bottom;}
.pgList04{padding:13px 30px 13px 20px; background:url(../img/index/bg_side03.gif) no-repeat bottom;}
.pgList05{padding:13px 30px 13px 20px; background:url(../img/index/bg_side04.gif) no-repeat bottom;}
.pgList05 .txProg{font-weight:bold;}
.pgList06{padding:13px 30px 13px 20px; background:url(../img/index/bg_side05.gif) no-repeat bottom;}


/* 追加 */

#gFooter03 ul a:link{text-decoration:none; color:#fff;}
#gFooter03 ul a:visited{text-decoration:none; color:#fff;}
#gFooter03 ul a:hover{text-decoration:underline; color:#fff;}
#gFooter03 ul a:active{text-decoration:underline; color:#fff;}
#gFooter03 ul {
	color: #FFF;
}
.txFoot02 {
	color: #FFF;
}
#gHeader h1{position:absolute; left:0px; top:10px;}
#gHeader .logoMain{position:absolute; left:0px; top:10px;}


article h2.newList_ttl, article h2.newPost_ttl { font-size: 18px !important; background: #EC4346 !important; color: #fff; text-align: left !important; margin-bottom: 5px !important; }
article .newList dl { margin: 0; padding: 4px 0; border-bottom: 1px solid #ccc; }
article .newList dl dt { float: left; display: inline-block; width: 25%; padding-left: 10px; color: #000; font-weight: normal; }
article .newList dl dd { float: left; display: inline-block; width: 75%; margin-left: 0; padding-left: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
article nav .newList dl dt { width: 20%; padding-left: 10px; }
article nav .newList dl dd { width: 80%; padding-left: 0px; }
article .newList dl dd a { background: none !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
nav dl dt { margin-top: 0.6em !important; }
.movie .videoBox { text-align: center; }
.movie .videoBox video { width: 100%; }
.youtube_inner { position: relative; width: 100%; padding-top: 56.25%; }
.youtube_inner iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
.top article .nodisplay .sns .sns_insta .insta_inner{ border:solid 2px #57bba9; padding:0; margin:0!important;}
.top article .nodisplay .sns .sns_insta .insta_inner .insta_txt_ttl{ background-color:#57bba9; color:#ffffff; margin:0; padding:10px; font-weight:bold; text-align:center!important;}
.top article .nodisplay .sns .sns_insta .insta_inner .insta_txt_ttl a{ text-decoration: none ;}
.top article .nodisplay .sns .sns_insta .insta_inner .insta_txt_ttl a:link,.top article .nodisplay .sns .sns_insta .insta_inner .insta_txt_ttl a:visited{ color:#ffffff;}
.top article .nodisplay .sns .sns_insta .insta_inner .insta_txt{ margin:0; padding:3px 10px!important;}

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

/* smartphone */
@media screen and (min-width: 0px) and (max-width: 960px) {
div.index_bg {margin:0px;}
.todisplay { display: block; }
.top article .contents{width:100%;}
.top article .contents section{width:100%;}
.top article .contents #mvWrap {max-width:656px;height:auto;margin:0px auto;overflow: hidden; position:relative;text-align:center;}
.top article .contents {padding:0px 4px;}
.top article .contents #mvWrap ul.slides{width:auto;height:auto;padding:0px;}
.top article .contents #mvWrap ul.slides li{width:100%;}
.top article .contents #mvWrap ul.slides li img{width:100%;height:auto;}
.top article .contents #mvWrap ol.flex-control-nav{padding-right:10px;list-style:none;}
.top article .contents #mvWrap ul.flex-direction-nav{height:1px;}
.top article .contents #mvWrap ul.flex-direction-nav,
.top article .contents #mvWrap ol.flex-control-nav li{margin:0px;padding:0px;}
.top article .contents #mvWrap .flex-prev{position:absolute; top:40%; left:0;}
.top article .contents #mvWrap .flex-prev{display:block; width:29px; height:0; padding-top:57px; background:url(../img/index/ic_arw01_left.png); overflow:hidden; cursor:pointer;}
.top article .contents #mvWrap .flex-next{position:absolute; top:40%; right:0;}
.top article .contents #mvWrap .flex-next{display:block; width:29px; height:0; padding-top:57px; background:url(../img/index/ic_arw01_right.png); overflow:hidden; cursor:pointer;}

.top article nav{width:auto;float:none;background-image:none;}
.top article{background-image:none;}
.top article nav h2{padding:3px; text-align:left; background:#f3f3f3; }
.newsWrap01 #newsTab{position:absolute; right:0px; bottom:0px;}
.newsWrap01 #newsTab li a{height:42px !important; width:90px; height:0px; overflow:hidden; cursor:pointer; font-size: 10px;}
.comListA li .txCommon03{text-align:left;}

article .contents .newList { display: block !important; }
.pc_nodisplay { display: block !important; }
.top article .contents h2 { margin: 0 0 10px; padding: 8px !important; }
.top article .contents .newsWrap01 h2 { padding: 13px 8px !important; }
.toggleBox { display: none; }
.category { cursor: default; }
.top .topsaigai{width:100%;;}

.comListA li{width:30%; float:left; display:inline; margin:0 2% 0 1%;}
.comListA li .heightLine-a02 img{width:100%;height:auto;}
.top article nav .programWrap03 img{width:auto;}
.programWrap01 { width: 100%; height:150px; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; }
.programWrap01 iframe { width:100%; height:100%; border: none; overflow-y: auto !important; }


header section .khb_logo { position: absolute; right: 0; bottom: -50px !important; padding: 0; display: block; }
.top article .sns_twitter_ttl{ width:80%; text-align:center; padding:0; margin:0 auto!important; background:#22caf4;}
.top article .sns_twitter{ width:80%; text-align:center; border:solid 2px #22caf4; padding:0; margin:5px auto!important;}

}
@media screen and (min-width: 0) and (max-width: 640px) {
.top article .sns_insta .ttl{ text-align:center; width:100% !important;}
}
@media screen and (min-width: 640) and (max-width: 960px) {
.top article .sns_insta .ttl{ margin:0 3%; text-align:center; width:80% !important;}
}
/* smartphone */
@media screen and (min-width: 0px) and (max-width: 351px) {
.top article .contents h2, h2.programTitle {padding:8px !important;}
.top article .contents h2 .subtext { display: block; margin-left: 0px; }

.comWrapA01{padding:0px 0px 0px 0px;}
.comWrapA02{padding:20px 0px 0px 0px;}
}

/* tablet */
@media screen and (min-width: 351px) and (max-width: 960px) {
.top article .contents h2, .programWrap01 h2 {margin-top:10px; padding:8px !important;}
.top article .contents h2 .subtext { display: block; margin-left: 0px; }

}