@charset "utf-8";
/* CSS Document */

/*-------------------------------------------
コンテンツ全体｜リルリルフェアリル
-------------------------------------------*/

#rfTopBox {
	width: 100%;
	height: 850px;
	background: url(../images/kv.jpg) no-repeat 0 0;
	position: relative;
}
@media screen and (max-width: 619px){
	#rfTopBox {
		min-height: 0;
		height: auto;
		background: none;
	}
}

#rfLogo {
	position: absolute;
	top:-15px;
	left: -5px;
}

@media screen and (max-width: 619px){
	#rfLogo {
		display: none;
	}
}

#program_logo h1 {
	display: none;
}

/* 時間変更 */
.time_change{ /*★*/
    text-align:center; 
	margin:0 auto; 
	padding:3px 0; 
	background:#f7a3a3;
}
@media screen and (max-width: 619px){
	.time_change {
		display: none;
	}
}

.onairinfo{ 
    background:#EF4062; 
	margin: 0 0 0; 
	padding:5px 0; 
	font-size:0.8em; 
	color:#FFF;
	text-align:center;
	display:block; 
}

/* 放送文言 */
#rfPro {
	position: absolute;
	left: 30px;
	top: 605px;
}

@media screen and (max-width: 619px){
	#rfPro {
		display: none;
	}
}

.onairtxt{
	display:none;
}


	@media screen and (max-width: 619px){
		
		.onairtxt{
			background:#e9707a;
			margin:0;
			padding:5px 0;
			line-height:1;
			display:block;
			white-space:nowrap;
		}
		.onairtxt h2{
			background:none;
			width:100%;
			height:auto;
			color:#fff;
			font-size:0.8em;
			line-height:1.2;
			font-weight:normal;
		}
	}

/*おしらせ*/
#newsbg {
	width:312px;
	height:235px;
	position:absolute;
	top:365px;
	left:30px;
	margin:0;
	padding:87px 28px 0 28px;
	background:url(../images/news_frame.png) no-repeat 0 0;
}

#newsbg .title {
	display: none;
}

.slide-wrapper{ 
    display:block;
}

#news{ 
    margin: 0;
	padding:0;
	overflow:auto;
	width:255px;
	height:120px;
}

.slide-wrapper .glide__arrows{ 
    display:none;
}

.slide-container {　
    display: block;	
	width: 100%;
}

#news.slide-wrapper .flip-arrow {
	display: none;
}
.slide-container .flip-viewport {
	overflow:auto;
	display:block;
}
.flip-list {
	width:100%;
	margin: 0;
}

.glide__wrapper { /*PC*/
}

.glide__track { /*PC*/
	overflow:hidden;
}

.glide__track li a,.glide__track li a:hover {
	padding: 0;
	display: block;
}

.glide__track li a:hover {
	background: #ffebc9;
}

.glide__slide a .program_contents{  /*おしらせテキスト*/
    padding:0 0 4px 5px;
	margin:0; 
	color:#666666; 
	font-weight:normal; 
	line-height:1.2em;
	width:100%;
}
.glide__slide .program_day{ /*おしらせ日付*/
	color:#e26a73; 
	font-weight: 500;
	font-family: 'Noto Sans Japanese', sans-serif;
	text-decoration:none; 
	padding:4px 0 3px 5px;
	margin:0;
	line-height:1.2em;
}
.glide__slide .program_day span{ 
    display:none;
}

@media screen and (max-width: 619px){
	#program_new_logo {
	margin:15px 0 5px;
	}
	
	#program_new_logo img {
	width: 100%;
	}
	
	#newsbg {
	background:none;
	position:static;	
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	border: none;
}

#newsbg .title {
	display:none;
}

.slide-wrapper{
	border: solid 1px #a4dff2 !important; /*全体ボーダー*/
	box-sizing:border-box;
	width: 90% !important;
	height:auto;
	margin: 0 auto 15px auto !important;
	padding:0;
	line-height:1.5;
	top:inherit;
	left:inherit;
	text-align:left;
	overflow:inherit;
}

#news{ 
    width: auto; 
	height: auto; 
	margin: 0 auto;
	padding:0;
	overflow:inherit;
}

.slide-wrapper .glide__arrows{
	display:block;
	background-color:#a4dff2; /*矢印背景*/
}

.slider{
	width:100%;
	display:table;
	table-layout:fixed;
	overflow:hidden;
	position:relative;
	/*border-left: solid 1px #fff; 内側境界線*/
	/*border-right: solid 1px #fff; 内側境界線*/
}

.glide__wrapper{
	background:rgba(255,255,255, 1); /*テキストエリア背景*/
}
	
.glide__track li a,.glide__track li a:hover {
	padding: 0;
}

.glide__track li a:hover {
	background: none;
}

.glide__slide a .program_contents{  /*おしらせテキスト*/
    padding:3px 0 0 10px;
	margin:0 3px 0 0; 
}
.glide__slide .program_day{ /*おしらせ日付*/
	padding:0 0 3px 12px;
	margin:0;
	float: none;
	line-height:1.2em;
}
}

/* 次回予告 */
.program_nexttrailer {
	display:none;
}

@media screen and (max-width: 619px){
	.program_nexttrailer {
	display:block;
}

.program_nexttrailer_logo {
	margin:15px 0 5px;
}
	
.program_nexttrailer_logo img {
	margin: 0;
	width:100%;
}
	
.program_next{ 
    border: solid 1px #a4dff2; 
	background:rgba(255,255,255, 1);
	margin:0 auto !important;
	width:90% !important;
}		
.program_next table tr td { /*日付*/
	color:#e26a73;
	font-weight: 500;
	font-family: 'Noto Sans Japanese', sans-serif;
}
	
.program_next table tr .program_title {
    color:#666;
	font-weight:normal !important;
	font-size: 15px;
	padding: 3px 0 0 3px;
}
	
.program_bangumiinfo_logo img{
	paddingm:0px;
	margin: 0;
	text-align:center;
	width:100%;
}
	
.program_degitalcont img{
	paddingm:0px;
	margin: 0;
	-align:center;
	width:100%;
}
}

/*動画配信*/
.mvBox {
	background:url(../images/movie_frame.png) no-repeat 0 0;
	text-align: center;
	position: absolute;
	top: 167px;
	left: 60px;
	width: 255px;
	height: 190px;
	padding: 48px 0 0 0;
}

.mvBox .mv {
}

.mvBox .mv img{    
	width:220px;
	height:auto;
}

.mvBoxTit {
	display: none;
}

.mvBoxTit span {
	display:none;
}

@media screen and (max-width: 619px){
	.mvBox  {
	display:none;
}
}

/* nav
------------------*/

nav#rfNav {
	background: url(../images/line_navi.png) no-repeat 0 0;
	width: 980px;
	height: 144px;
	position: absolute;
	bottom: 0;
	left: 0;
}

#nav{ 
    width:100%; 
	margin:21px auto 0 auto; 
	padding:0; 
	text-align: center;
	font-size: 0;
}

#nav li {
	display: inline-block;
	margin: 0 3px;
}

#nav li a { 
    display:block; 
	width:118px; 
	height:127px; 
	margin:0 auto; 
	padding: 0;
	/*background:#666;*/
	transition: 0.8s;
}

#nav li a:hover {
	display:block;
	/*background: #000;*/
}

@media screen and (max-width: 619px){
	nav#rfNav {
		background: none;
		width: 100%;
		height: auto;
		position: static;
	}
	
	#nav{ 
    width:100%; 
	margin:10px auto 20px auto; 
	padding:0; 
	text-align: center;
	font-size: 0;
}

#nav li {
	width:48%;
	margin:0 1% 5px 1%;
	display: inline-block;
}

#nav li a { 
    margin:0;
	padding:0;
	width:100%;
	height: 0;
	padding:25% 0 0 0 ;
	display:block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	transition: .0s;
}

#nav li a:hover {
	display:block;
	/*background: #000;*/
}

}

/*social
------------------*/

#social{
	width:100%; 
	/*height:32px;*/
	margin:20px auto; 
	padding:0;
	/*background:#eee;*/
	text-align:center;
}
.so01, .so02, .so03{
	width:120px; 
	margin:0 auto; 
	display:inline-block;
	vertical-align:central;
}

iframe.twitter-share-button {
	width:120px!important;
}

@media screen and (max-width: 619px){
	.tx_social_table {
	margin: 0 auto;
}

#social {
	display:none;
}

#sp_social_area {
    padding:0;
	margin:0 0 10px 0 !important;
	display:block !important;
	}
}