@charset "UTF-8";

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

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

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



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

html,
body {
	width: 100%;
}


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

#container {
	padding-top: 85px;
    background:#ffffff;
    clear:both;
}

#header {
	width: 100%;
	background-color: #fff;
	position:fixed;
    top: 0;
	z-index: 999;
	height: 85px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#header h1 {
  width:50%;
  margin-bottom:10px;
}

#header_adsense {
    display:none;
}


#header_adsense{
    display:none;
}


#keyImage{
  clear:both;
  padding:1em 0;}



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

/*メニューボタン共通設定*/
#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: url(../images/s_bg_footer.gif) repeat-x center bottom;*/
	background-color:#FFF4A8;
    border-top:solid 7px #F7E000;
}
#footerInner {
	position: relative;
	/*height: 170px;*/
	margin: 0 auto;
}
#social_area a img{
    margin:0 10px;
}


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


#area1 {
	padding: 0 10px;
}
.common #programInfo {
	float: none;
	width:100%;
	margin-bottom:5em;
	/*width: 90%;
	padding-right: 6px;*/
}
.common #programInfo h2 {
	margin-bottom: 20px;
	font-size: 150%;
}
.common #programInfo .infoTxt1 {
	margin-bottom: 10px;
	font-size: 120%;
}
.common #programInfo .infoTxt2 {
	margin-bottom: 30px;
	font-size: 120%;
}
.common #programInfo .infoTxt2 span {
	font-size: 70%;
}
/*deco.cssで指定してます
.common #programInfo h3 {
	margin-bottom: 10px;
	padding-left: 5px;
	border-left: 8px solid #333333;
	font-size: 130%;
}*/
.common #programInfo dl {
	margin-left: 10px;
}
.common #programInfo dt {
	margin-bottom: 5px;
}
.common #programInfo dd {
	margin-bottom: 20px;
}
.list dl{
	width: 100%;
	overflow: hidden;
}
.list dt{
	clear: both;
	padding-bottom: 5px;
}
.list dt,
.list dd{
	text-align: center;
}
.list dd{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #666666;
}
.list .titleImage {
	width: 100%;
}
.list .titleTxt {
	width: 100%;
	margin-bottom: 20px;
	font-size: 90%;
}
.list_title{
	padding-bottom:15px;
}
.list .data1,
.list .data2 {
	display: none;
}

/* color of day*/
.Sun{
	background-color: #FF0000;
	color:#f3f3f3;
}
.Mon{
	background-color: #fcfa39;
}
.Tue{
	background-color: #EC6CA5;
	color:#f3f3f3;
}
.Wed{
	background-color: #008000;
	color:#f3f3f3;
}
.Thu{
	background-color: #ff8b0e;
	color:#f3f3f3;
}
.Fri{
	background-color: #1C4F9E;
	color:#f3f3f3;
}
.Sat{
	background-color: #4800ff;
	color:#f3f3f3;
}


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


#area2 {
	/*padding: 0 10px;*/
}

#area2Left {
	width: 100%;
	/*margin-bottom: 20px;*/
}


#area2 #sideMenu {
	margin-bottom: 2em;
}

#area2 #sideMenu li {
	display: block;
	cursor: pointer;
	background: #ffffff;
	margin-bottom: 5px;
	padding: 0 0 5px 10px;
	border-bottom: 1px dotted #aaaaaa;
	border-top:0;
	text-align: left;
	line-height: 1.5em;
}

#area2 #sideMenu li:first-child {
padding-top: 5px;
border-top: 1px dotted #aaaaaa;}

#area2 #sideMenu li a{
	display:block;
	padding-top:1em;
	padding-bottom:1em;}

#other {
	display: none;
}

.menu_bnr{
	width:234px;
	margin:0 auto 15px auto;}


#bannerArea1 {
	clear: both;
	width:234px;
	margin:0 auto;
}
#bannerArea1 ul {
	overflow: hidden;
	margin-right: -8px;
	margin-bottom: 20px;
}
#bannerArea1 li {
	float: left;
	margin-right: 8px;
	margin-bottom: 10px;
}


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

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



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

#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,
#footerInner #fNav #fgroup2,
#footerInner #fNav #fgroup3{
	text-align: center;
}

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

#social_area{
    margin-top:30px;
	text-align: center;
}
#social_area img{
    margin-left:10px;
}
/* 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;
}








/* 出演者　A=写真のみ　B=写真+文章
-----------------------------------------------------------*/

.cast_listA{
	clear:both;}

.cast_listA li{
	clear:both;
	width:160px;
	margin:0 auto 2em auto;}


.cast_listB li{
	clear:both;
	margin:0 auto 2em auto;}

.cast_listB li img{
	clear:both;
	width:160px;
	margin:0 auto;}

.cast_listB li p{
	clear:both;
	width:100%;}

.cast_listB li .sgPlofTxt{
	clear:both;
	width:100%;}




/* 写真ギャラリー　A=一点　B=複数　C=ギャラリー
-----------------------------------------------------------*/

.photo_gallery_listA{}

.photo_gallery_listC{
	clear:both;
	overflow:hidden;
	margin:1em auto 2em auto;}

.photo_gallery_listC:last-child{
	margin-bottom:0;}

.photo_gallery_listC li{
	float:left;
	margin:0.5em 0.35em 0 0.35em;}

.photo_gallery{
    border: 1px solid #aaa;
    display:block;
    width:85px; /*トリミング後の横幅85*/
    height:45px; /*トリミング後の縦幅50*/
    overflow:hidden;
    position:relative;
    z-index:1;
}

.photo_gallery img{
    float:left;
    /*position:absolute;*/
}




/* 動画ギャラリー
-----------------------------------------------------------*/

.youtube_wrapper{
position: relative ;
margin-top: 1.2em ;
margin-bottom: 1.2em ;
padding-top: 20px ;
padding-bottom: 50% ;
overflow: hidden ;
}

.youtube_wrapper iframe {
position: absolute ;
top: 0 ;
left: 0 ;
height: 100% ;
width: 100% ;
}


.movie_gallery{
	margin-bottom:1em;}

/*ギャラリー用リストアコーディオン*/
.open{
	font-weight:bold;
	border:1px solid #727272;
	padding:10px;
	margin-bottom:1em;}

.open:hover{
	background:#D5D5D5;}

.text{
    line-height:1.3em;
/*	text-align:center; */
}

.title_only{
	font-weight:bold;
	border:1px solid #727272;
	padding:10px;
	margin-bottom:1em;}




/* 放送内容アーカイブ　
-----------------------------------------------------------*/

.archive_text{
	line-height:1.3em;
	text-align:left;}

.archive_text ul li{
    margin:0 auto;
	text-align:center;
    font-size:1.2em;
    font-weight:bold;
    border:#D5D5D5 solid thin;
    width:80%;}

.archive_text ul li a{
    display:block;
    width:100%;
	padding:20px 0;
}
.archive_text ul li a:hover{
    background-color:#D5D5D5;
}
.archive_text ul li a:active{
    background-color:#E7E7E7;
}




/* #submenu
-----------------------------------------------------------*/

.pulldown_menu_style{
display: none; /* 通常は表示しない */
padding-left: 1em; /* 2段目の左位置 */
}

.pulldown_menu_style li {
text-align: center;
border-top:solid thin #FFFFFF;
}

.mega_pulldown_menu_style{
display: none; /* 通常は表示しない */
padding-left: 2em; /* 2段目の左位置 */
}

.mega_pulldown_menu_style li{
text-align: right;
border-top:solid thin #FFFFFF;
}



/* プレゼントフォーム
-----------------------------------------------------------*/

#file{
    font-size:0.8em;
}

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

/*文字のタイトルにしてる時用*/
.p_title{
  clear:both;
  padding:1em;
  font-weight:bold;
  margin-bottom:1em;
  }

.wpcf7c-elm-step2{
  margin:1em 0;
  padding:1em;
  background:#ffba6d;
  font-weight:bold;
  }
.wpcf7c-btn-back{
  padding:0.5em;
  background:#ffffff;}