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

/* 20201020追加 */
#nav {
    top: 320px;
}
.bnr_final {
    position: absolute;
	width: 250px;
	top: 700px;
	left: 16px;
}
.bnr_final img {
   width: 100%;
   border: 1px solid #000;
}
	@media screen and (max-width: 619px){
		.bnr_final {
			position: static;
			width: 80%;
			margin: 5% auto;
		}
	}

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

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

/*放送文言*/
#pro{ 
	width:696px;
	box-sizing:border-box;
	padding:40px 0 23px 0; 
	margin:0; 
	position: absolute; 
	right: 0; 
	bottom: 0px;
	z-index: 10;
	text-align:left;
}

#pro h2 {
	display: none;
}

#onairtxt{
	display:none;
}


	@media screen and (max-width: 619px){
		#pro{
			display: none;
		}
		
		#onairtxt{
			background:#000;
			margin:0;
			padding:5px 0;
			line-height:1;
			display:block;
			white-space:nowrap;
			color:#fff;
		}
	
	}


/*キービジュアル
-------------------------------*/
#rightclm .kv {
	background: url(../images/kv11.jpg) no-repeat 0 0;
	width: 696px;
	height: 1028px;
}

@media screen and (max-width: 619px){
	#rightclm .kv {
		background: none;
		width: 100%;
	height: auto;
	}
}

/*ソーシャル
-------------------------------*/
#social{ 
	width:360px; 
	height:30px; 
	margin:0 ; 
	padding: 0; 
	position:absolute; 
	bottom:0; 
	right:0px;
	z-index: 11;
}
.so01, .so02, .so03{
	width:120px;
	height: 30px; 
	padding:0; 
	float:left;
}
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;
	}
}



/*バナーエリア
-------------------------------*/
.bnrGintamaFilm { /*170511追加 銀魂映画バナー*/
	background: url(../images/bnr/bnr_gintama_film.png) no-repeat 0;
	width: 170px;
	height: 80px;
}

ul#bnrarea{ 
	text-align:center; 
	padding:0; 
	margin-bottom:20px;
	font-size: 0;
}
ul#bnrarea li{ 
	margin:0 5px 10px;
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
}

@media screen and (max-width: 619px){
	ul#bnrarea{ 
		font-size: 0;
	}
	ul#bnrarea li{ 
	margin:0 3px 5px;
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
		width: 45%;
}

}


/*おしらせ
-------------------------------*/
#newsbg {
	width:255px;
	height:220px;
	margin:305px auto 0;
	padding:57px 0 0 20px;
	background:url(../images/info.png) no-repeat 0 0;
}

#newsbg .title {
	display: none;
}

.slide-wrapper{ 
    display:block;
}

#news{ 
    margin: 0;
	padding:0;
	overflow:auto;
	width:220px;
	height:140px;
}

.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;
	margin-bottom: 8px;
}

.glide__slide a .program_contents{  /*おしらせテキスト*/
    margin:0; 
	width:100%;
	font-size:12px;
	color:#333333; 
	padding: 0;
	line-height:1.4em; 
	font-weight: normal;
	color:#333333;
	font-size:12px; 
	text-decoration:none;
}
.glide__slide .program_day{ /*おしらせ日付*/
	text-decoration:none; 
	margin:0;
	font-size:12px;
	color:#e40013; 
	font-weight:bold; 
	padding:0;
	line-height:1.4em;

}
.glide__slide .program_day span{ 
    display:none;
}

@media screen and (max-width: 619px){
	#program_new_logo {
	margin:0 0 10px;
	}
	
	#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 #000 !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:#000; /*矢印背景*/
}

.slider{
	width:100%;
	display:table;
	table-layout:fixed;
	overflow:hidden;
	position:relative;
}

.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;
	font-size: 14px;
}
}

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

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

.program_nexttrailer_logo {
	margin:15px 0 10px;
}
	
.program_nexttrailer_logo img {
	margin: 0;
	width:100%;
}
	
.program_next{ 
    border: solid 1px #000; 
	background:rgba(255,255,255, 1);
	margin:0 auto !important;
	width:90% !important;
}		
.program_next table tr td { /*日付*/
	color:#e40013; 
	font-weight: bold;
	font-size: 14px;
}
	
.program_next table tr .program_title {
    color:#000;
	font-weight:normal !important;
	font-size: 12px;
	padding: 3px 0 0 3px;
}
	
.program_bangumiinfo_logo img{
	padding:0;
	margin: 0 0 10px;
	text-align:center;
	width:100%;
}
	
.program_degitalcont img{
	paddingm:0px;
	margin: 0;
	-align:center;
	width:100%;
}
}

/*アニモバ誘導バナー
-------------------------------*/

.bnrAnimoba {
	display: none;
}

@media screen and (max-width: 619px){
	.bnrAnimoba {
		display: block;
		text-align: center;
}
	.bnrAnimoba img {
		width: 70%;
		margin: 0 auto 15px;
	}
}

/*映画プロモ
-------------------------------*/
.eigaPro {
	position: absolute;
	bottom: 60px;
	left: 320px;
	z-index: 2;
}

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

/*Popup
-------------------------------*/
.mov{
	margin:20px auto 0;
	text-align:center;
	clear:both;
	width:600px;
	height:auto;
}
.mov_inner{
	width:100%;
	height:auto;
	padding-top:56.25%;
	position:relative;
}
.mov iframe{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

.mov>div{margin:0 auto;}

	@media screen and (max-width: 619px){
		.popin{min-width:300px/*100%*/; min-height:calc(337px/2);}
		.mov{
			width:100% /*90%*/;
		}
		/*.mov_inner{
			width:inherit;
		}
		.mov iframe{
			width:inherit;
			height:inherit;
		}*/
	}