@charset "UTF-8";

/*-----------------------------------------------------------

1. common-共通部分
2. #area1
3. #area2
4. #area3
5. others

-----------------------------------------------------------*/



/* common
-----------------------------------------------------------*/

html,
body {
	width: 100%;
}



#wrapper {
	margin: 0 auto;
    background:#ffffff;
	/*padding: 0 10px;*/
	/*padding-top: 3px;*/
}


#header {
	height: 85px;
	margin: 0 10px;
	display: flex;
	align-items: center;
}
#header h1 {
  width:50%;
  margin-bottom:10px;
}

#header_adsense {
    display:none;
}

/*メニュー
----------------------------------------------------------*/


/*メニューボタン共通設定*/
#navi-area ul li{
  float:right;
  /*width:50px;*/
  margin-left:3px;
}
#navi-area ul li a{
  display:block;  
}
#navi-area .icon{
  color:#ffffff;
  font-size:20px;
  padding:10px;
  border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
  /*transition: all 1s ease;
    -webkit-transition: all 1s ease;*/
}
/*
.icon:hover{
  transform: rotate(720deg);
  -webkit-transform: rotate(720deg);
}*/

/*メニューボタン個別設定*/

/*グローバルナビ*/
.icon-menu{
  background:#ffe100;
}

/*番組ナビ*/
.icon-search{
  background:#CDDC39;
}

/*メニューリスト共通設定(ドロップダウン) ※必ず％指定で調整すること*/
#gNav, #oaNav{
  clear:both;
  display:none;/*最初は非表示*/
  position: fixed;
  z-index:999;
  top: 80px;
  left: 0px;
  width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0 0 3px 0 #333;
  margin:0;
  padding:3%;
}
#gNav ul, #oaNav ul{
    width:100%;
}
#gNav ul li, #oaNav ul li{
  text-align:center;
  float:left;
  width:44%;
  margin:2% 3%;
  font-size:90%;
  border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
  background:#ffffff;
}
#gNav a, #oaNav a{
  color:#353535;
  display:block;
  padding:0.6em 0.1em;
  border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}




/*メニューリスト個別設定*/

/*グローバルナビ*/
#gNav{
  background:#ffe100;
}
#gNav a{
  tap-highlight-color:rgba(186,151,123, 0.3)!important; /* タップした色 */
    -webkit-tap-highlight-color:rgba(186,151,123, 0.3)!important; /* タップした色 */
}

/*番組ナビ*/
#oaNav{
  background:#CDDC39;
}
#oaNav a{
  tap-highlight-color:rgba(151,186,123, 0.3)!important; /* タップした色 */
    -webkit-tap-highlight-color:rgba(151,186,123, 0.3)!important; /* タップした色 */
}

/*カスタム検索設定 15.06.10変更*/
.gsc-control-cse, .cse .gsc-control-cse, .gsc-control-cse{
  background:none !important;
  border:none !important;
}
#gNav ul li:last-child{
  margin-bottom:2em;
}

/*最後に*/
#header{
  clear:both;
}







#footer {
	width: 100%;
	background-color:#FFF4A8;
    border-top:solid 7px #F7E000;
}
#footerInner {
	position: relative;
	/*height: 170px;*/
	margin: 0 auto;
}
.footer_map li{
    padding-top:5px;
    padding-bottom:5px;
}

/* #area1
-----------------------------------------------------------*/

#area1{
	padding: 0 10px;
}


#slide {
	float: left;
	width: 100%;
	margin-right: 10px;
}

/*
#slide img, .flexslider .slides img{
	width: 50% !important;
	display:inline-block !important;
}
*/

.slider-nav{
width:100%;
}


#programToday {
    display:none;
/*	float: left;
	width: 300px;
	margin-bottom: 20px;
    height:300px;
    overflow:auto;
    -webkit-overflow-scrolling: touch;
    */
}


#bannerArea1, #suntv_recommend{
	clear: both;
/*	display: none; */
}
#bannerArea1 ul, #suntv_recommend ul{
	overflow: hidden;
	margin-right: ;
	margin: 20px auto;
}
#bannerArea1 li, #suntv_recommend li{
  float:left;
	width: 47%;
  margin:0 4px 10px 4px;
}

/* #area2
-----------------------------------------------------------*/


#area2 {
	/*margin:0 10px;
  box-sizing:border-box;*/
}

#area2Left {
	float: left;
	width: 100%;
	margin-bottom: 20px;
    line-height:30px;
}


.bannerArea h2,
#area2Left h2 {
	margin-bottom: 10px;
	padding: 0 0 0 5px;
	color: #ffffff;
}
.bannerArea h2,
#area2Left #updates h2,
#area2Left #entry h2,
#area2Left #announcement h2,
#suntv_recommend h2,
#suntv_special h2 {
	background: #8e8e8e;
}


/*#suntv_recommend li {
	width: 100%;
	margin-right: 8px;
	margin-bottom: 10px;
  text-align:center;
}

#suntv_special li{
  border-bottom:1px dotted #606060;
  }*/
  
#suntv_special{
  padding:inherit 10px;
}
  
#suntv_special img{
	float:left;
  width:30%;
  margin:0.5em 1em 0.5em 0.5em;
}

.original_p{
	float:left;
  width:50%;
  line-height:1.2 !important;
  padding-top:0.3em;
}
.original_txt{
  font-weight:bold;
  padding-bottom:0.5em;  
  }
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}


#area2Left #updates {
	/*margin-right: 8px;*/
	margin-bottom: 20px;
    /*overflow:hidden;
    height:220px;*/
}
#area2Left #updates dt{
	clear: both;
	float: left;
	width: 60px;
	padding-left: 5px;
}
#area2Left #updates dd{
	padding-left: 60px;
}
#area2Left #updates li{
	padding-left:0.5em;}

#area2Left #entry {
	margin-bottom: 20px;
    /*overflow:hidden;
    height:220px;*/
}


#area2Left #announcement {
	clear: both;
    margin-bottom: 1em;
    /*overflow:hidden;
    height:400px;*/
}
#area2Left #announcement ul {
	list-style: disc inside;
}
#area2Left #announcement li {
	margin-left: 35px;
	text-indent: -25px;
}


#area2Left #announcement .important,
#area2Left #announcement .important a,
#area2Left .new {
	color: #cc0000;
}


#other {
	display: none;
}

/* #area3
-----------------------------------------------------------*/

#area3 {
	clear: both;
	padding: 0 10px;
	padding-bottom: 2em;
}


#area3 #programList {
	background: #f7e000;
	max-width: 940px;
	margin-bottom: 20px;
	padding: 10px;
	border-radius: 10px;
}
#area3 #programList h2 {
	float: none;
	text-align:center;
	font-size: 120%;
	font-weight:bold;
}
#area3 #programList #tabMenu {
	clear:both;
	overflow: hidden;
	margin:0.5em 0;
	padding-bottom:0.3em;
}
#area3 #programList #tabMenu li{
	float:left;
	width: 20px;
	margin-left:5px;
	padding:0.3em;
	font-weight:bold;
	/*border-left: 1px solid #333;*/
}
#area3 #programList #tabMenu li:first-child{
	border-left: none;
	margin-left:0;	
}
#area3 #programList #tabMenu li a{
	padding:0.5em;
	background: #ffffff;
	border-radius:2em;
	}
#area3 #programList #tabMenu li a:hover{
	color:#FFFFFF;
	background: #E02171;
	border-radius:2em;
}
#area3 #programList #tabBoxes{
	clear: both;
}
#area3 #programList #tabBox1,
#area3 #programList #tabBox2,
#area3 #programList #tabBox3,
#area3 #programList #tabBox4,
#area3 #programList #tabBox5,
#area3 #programList #tabBox6,
#area3 #programList #tabBox7,
#area3 #programList #tabBox8{
	width: 100%;
	height: 100%;
	background:#ffffff;
	padding: 0 0 20px 0;
	display:none;
}
#area3 #programList div ul {
	margin-top: 0px;
	padding-top: 20px;
}
#area3 #programList div li {
	float: left;
	width: 140px;
	height:110px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 80%;
	text-align: center;
	border-bottom: 1px dotted #f7e000;
}


.saihousou{
    font-size:90%;
    display:inline;
    background:#0057A8;
    color:#FFFFFF;
    padding-left:1px;
    padding-right:1px;
    margin-right:3px;}

.shinbangumi{
    font-size:90%;
    display:inline;
    background:#FF7E00;
    color:#FFFFFF;
    padding-left:1px;
    padding-right:1px;
    margin-right:3px;}




#area3 #contents {
	margin-bottom: 20px;
	padding-bottom: 10px;
}
#area3 #contents h2 {
	margin-bottom: 10px;
	padding: 2px 0;
	padding-left: 40px;
	color: #ffffff;
	background: #7a7a7a url(../images/icon_onpu.png) no-repeat 10px center;
}
#area3 #contents ul {
	overflow: hidden;
}
#area3 #contents li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #666666;
	font-size: 75%;
	cursor: pointer;
	overflow: hidden;
}
#area3 #contents li a {
	display: block;
	margin-right: 10px;
}
#area3 #contents li img {
	float: left;
	width: 100px;
	margin-right:0.7em;
}
#area3 #contents li p {
	float: left;
	width: 235px;
	margin-top: 20px;
}
#area3 #contents li span {
	display: block;
	font-size: 115%;
}

#area3 #bannerArea2 {
	/*height: 290px;*/
	clear:both;
	display:none;
	
}
#area3 #bannerArea2 li {
	width: 100%;
	margin-right: 8px;
	margin-bottom: 10px;
	text-align: center;
}



/* #footer
-----------------------------------------------------------*/

#footerInner .privacy {
	display: block;
	margin-left: 20px;
	padding-top: 20px;
}


#footerInner #fNav #fgroup2,
#footerInner #fNav #fgroup3,
#footerInner #fNav #fgroup4,
#footerInner #fNav #fgroup5,
#footerInner #fNav #fgroup6 {
	display: none;
}
#footerInner #fNav > li{
	width: 100%;
	line-height:2em;
}
#footerInner #fNav #fgroup0 {
	display: block;
	margin: 30px 0 0 20px;
	list-style-type: disc;
}

#footerInner #fNav #fgroup1{
	text-align: center;
}

#social_area{
    margin-top:30px;
	text-align: center;
}
#social_area img{
    margin-left:10px;
}

.pc_top_ad_area{
	display: none;
}
/*.pc_top_ad_area{
	margin: 0 auto;
	text-align: center;
}*/
/* other
-----------------------------------------------------------*/

.s_open {
display: block;
float: left;
width: 25px;
height: 18px;
margin: 20px 20px 0 0;
background: url(../images/bt_menu.png) center center no-repeat #ffffff;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.pcview a {
	display: block;
}




/* PC用コンテンツを非表示
-----------------------------------------------------------*/
.pc_display{
    display:none !important;
}


/* テレホンバナー
-----------------------------------------------------------*/
#tel_pre_S{
  margin:0 auto 1em auto;
  padding:0.5em;
  text-align:center;
}
#tel_pre_HP{
  display:none;}

/* いちおし！ひょうご館（twitter上部）
-----------------------------------------------------------*/
.ichioshi_movie{
  /*border:4px solid #ff2929;
  padding:8px;*/
  box-sizing:border-box;
  margin-bottom:1em;
  }
.ichioshi_movie p{
  font-size:75%;
  }
.ichioshi_movie img{
  /*margin:0.5em 0;*/
  text-align:center;
  }
.ichioshi_btn{
  margin:0.6em 0;
  text-align:center;
  }
 .ichioshi_btn a:hover{
  opacity:0.7; 
  }

/* テレホンバナー表示（神戸マラソン2015）
-----------------------------------------------------------*/
.tel_pre_bnrlist{
  margin:0 auto 1em auto;
  text-align:center;
  }
.tel_pre_bnrlist li{
  margin-bottom:1em;
  }