@charset "utf-8";


/*----------------------------------------------------
ジャンル別一覧 #programGUide
----------------------------------------------------*/





/*メインエリア
-------------------------*/
#programGuide .main-box{
	padding: 30px 0;
}
/*各ジャンル*/
#programGuide.drama .main-box{background: url(../images_renew/main_bg_drama.png) #FF8C97 right bottom no-repeat;}
#programGuide.document .main-box{background: url(../images_renew/main_bg_document.png) #c7df6e right bottom no-repeat;}
#programGuide.entame .main-box{background: url(../images_renew/main_bg_entame.png) #ffe368 right bottom no-repeat;}
#programGuide.sports .main-box{background: url(../images_renew/main_bg_sports.png) #6ccee2 right bottom no-repeat;}
#programGuide.music .main-box{background: url(../images_renew/main_bg_music.png) #82e2ca right bottom no-repeat;}
#programGuide.cinema .main-box{background: url(../images_renew/main_bg_cinema.png) #ffb160 right bottom no-repeat;}
#programGuide.report .main-box{background: url(../images_renew/main_bg_report.png) #cba0e2 right bottom no-repeat;}


/*左ボックス----------*/
#programGuide .main-box .lbox{
	width: 460px;
}


/*メインイメージ----------*/
#programGuide .main-box .lbox .mainImg{
	width: 460px;
	height: 460px;
	display: table-cell;
	vertical-align: middle;
	border-radius: 4px;
}
/*各ジャンル*/
#programGuide.drama .main-box .lbox .mainImg{ background-color: #ff727d;}
#programGuide.document .main-box .lbox .mainImg{background-color: #b3cc57;}
#programGuide.entame .main-box .lbox .mainImg{background-color: #f2c94e;}
#programGuide.sports .main-box .lbox .mainImg{background-color: #1bb0ce;}
#programGuide.music .main-box .lbox .mainImg{background-color: #59caae;}
#programGuide.cinema .main-box .lbox .mainImg{background-color: #fe9746;}
#programGuide.report .main-box .lbox .mainImg{background-color: #af78cc;}

#programGuide .main-box .lbox a{
	display: inline-block;
}
#programGuide .main-box .lbox img{
	display: inline-block;
	max-width: 460px;
	height: auto;
	margin-top:auto;
	margin-bottom: auto;
}


/*右ボックス----------*/
#programGuide .main-box .rbox{
	width: 620px;
}

/*OA*/
#programGuide .main-box .rbox .oa{
	font-size: 26px;
	padding: 10px 30px;
	border-radius: 5px;
	background-color: #333;
	color: #fff;
	display: inline-block;
	margin-bottom: 30px;
}
/*各ジャンル*/
#programGuide.drama .main-box .rbox .oa{ background-color: #e83446;}
#programGuide.document .main-box .rbox .oa{ background-color: #a3cf05;}
#programGuide.entame .main-box .rbox .oa{ background-color: #efa902;}
#programGuide.sports .main-box .rbox .oa{ background-color: #02c8f0;}
#programGuide.music .main-box .rbox .oa{ background-color: #00dea6}
#programGuide.cinema .main-box .rbox .oa{ background-color: #f07d02;}
#programGuide.report .main-box .rbox .oa{ background-color: #992ad4;}

/*タイトル*/
#programGuide .main-box .rbox .title{
	font-size: 30px;
}

/*snsボタン*/
#programGuide .main-box .rbox .sns-2nd{
	margin-bottom: 30px;
}
#programGuide .main-box .rbox .sns-2nd ul li{
	display: inline-block;
	margin-right: 15px;
}


/*コンテンツエリア
-------------------------*/
#programGuide .contents-box{
	background-color: #fff;
}
#programGuide .contents-box a:hover{
	opacity: 0.7;
}
#programGuide .contents-box .box_inner.btn-box{
	padding-top: 30px;
	padding-bottom: 30px;
}

#programGuide .list-wrapper{
	padding: 40px 20px;
}

/*番組リスト*/
#programGuide .list-program li{
	margin-bottom: 1em;
}
#programGuide .list-program li span{
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: .5em;
}
#programGuide .list-program li p{
	font-size: 14px;
}


	/*インポートタグ用------------------------*/
	#programGuide .import-list li{
		margin-bottom: 1em;
	}
	#programGuide .import-list li .import-date{
		display: inline-block;
		font-size: 16px;
		font-weight: bold;
		margin-bottom: .5em;
	}
	#programGuide .import-list li .import-date span{
		color: #ff0808;
		margin-left: .5em;
		margin-right: .5em;
	}
	#programGuide .import-list li .import-txt{
		font-size: 14px;
	}



/*出演者リスト*/
#programGuide .list-performer li{
	font-size: 14px;
	margin-bottom: 1em;
}

/*写真リスト*/
#programGuide .list-photo{
	font-size: 0;
	margin-bottom: 20px;
}
#programGuide .list-photo li{
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 20px;
}
#programGuide .list-photo li:nth-child(3n){
	margin-right: 0;
}

#programGuide .list-photo4n{
	font-size: 0;
	margin-bottom: 20px;
}
#programGuide .list-photo4n li{
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 20px;
}
#programGuide .list-photo4n li:nth-child(4n){
	margin-right: 0;
}
#programGuide .list-photo4n li img{
	display: block;
	max-width: 262px;
	height: auto;
}

#programGuide .list-photo5n{
	font-size: 0;
	margin-bottom: 20px;
}
#programGuide .list-photo5n li{
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}
#programGuide .list-photo4n li:nth-child(4n){
	margin-right: 0;
}
#programGuide .list-photo4n li img{
	display: block;
	max-width: 262px;
	height: auto;
}



/* 音楽の番組ガイド（DAM CHANNEL） */
#music-guide #programGuide .list-wrapper{
	overflow: hidden;
}
#music-guide #programGuide .list-wrapper p{
	float: left;
}
#music-guide #programGuide .list-wrapper .tit{
	font-size: 20px;
}
#music-guide #programGuide .list-wrapper img{
	float: right;
}