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

/*-------------------------------------------
コンテンツ全体｜遊☆戯☆王　ヴレインズ
-------------------------------------------*/

#yHeader {
	margin: 0;
	padding: 0;
	background: url(../images/header.png) no-repeat 0 0;
	width: 980px;
	height: 196px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

#logo {
	padding:0;
	margin: 0 auto;
	position: absolute;
	top: 3px;
	left: 5px;
}

@media screen and (max-width: 619px){
	#yHeader {
		background: none;
		width: 100%;
		height: auto;
		position: static;
	}
	
	#u_logo,#yHeader h1 {
		display: none;
	}
	
}

/*右カラム*/
#rightclm {
	padding:155px 0 0 0;
}

@media screen and (max-width: 619px){
	#rightclm {
	padding:0;
}
}

/* キービジュアル */
#yKV {
	background: url(../images/kv.jpg) no-repeat 0;
	width: 700px;
	height: 982px; /*170524更新｜最大1019pxまで可*/
}
@media screen and (max-width: 619px){
	#yKV {
	display: none;
}
}

/* 時間変更 */
.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 0; 
	font-size:0.8em; 
	color:#FFF;
	text-align:center;
	display:block; 
}

/* 放送文言 */
#onairtxt{
	display:none;
}

#pcPro {
	position: absolute;
	top: 730px;
	left: 300px;
}


	@media screen and (max-width: 619px){
		
		#onairtxt{
			background:#002f8f;
			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;
		}
		#pcPro {
			display: none;
		}
}

/*おしらせ*/
#news {
	width:570px;
	height:100px;
	position:absolute;
	top:20px;
	right:15px;
	margin:0;
	padding:0;
	z-index: 20;
	overflow: auto;
}

.slide-wrapper{ 
    display:block;
}

.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__slide a .program_contents{  /*おしらせテキスト*/
    padding:0px 10px 3px 130px;
	margin:0;
	font-weight:normal; 
	font-family: 'Noto Sans Japanese', sans-serif;
	line-height:1.6em;
	width:100%;
	border-bottom: 1px solid #cbcbcb;
	color: #666 !important;
}

.glide__slide a:hover .program_contents {
	color:#e879b8 !important;
}
.glide__slide .program_day{ /*おしらせ日付*/
	color:#ff9f41; 
	font-weight: 700;
	font-size: 16px;
	font-family: 'Poppins', "メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
	text-decoration:none; 
	padding:5px 0 0px 15px;
	margin:0;
	line-height:1.3em;
	float: left;
	background: url(../images/list_icon.png) no-repeat left center;
}
.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%;
	}

.slide-wrapper{
	border: solid 1px #3d68b2 !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;
	position: static;
	top:0;
	right:0;
}

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

.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:0 0 0 10px;
	margin:0 3px 0 0; 
	border: none;
	font-size: 15px;
}
.glide__slide .program_day{ /*おしらせ日付*/
	padding:0 0 3px 10px;
	margin:0;
	float: none;
	line-height:1em;
	text-shadow: none;
	font-size: 16px;
}
}

/* 次回予告 */
.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 #3d68b2; 
	background:rgba(255,255,255, 1);
	margin:0 auto !important;
	width:90% !important;
}		
.program_next table tr td { /*日付*/
	color:#ff9f41;
	font-weight: 500;
	font-family: 'Poppins', 'Noto Sans Japanese',"メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
	font-size: 16px;
}
	
.program_next table tr .program_title {
    color:#666;
	font-weight:normal !important;
	font-size: 15px;
	padding: 3px 0 0 3px;
	font-family: 'Noto Sans Japanese', sans-serif;
}
	
.program_bangumiinfo_logo img{
	paddingm:0px;
	margin: 0;
	text-align:center;
	width:100%;
}
	
.program_degitalcont img{
	paddingm:0px;
	margin: 0;
	-align:center;
	width:100%;
}
}

/*フッター
-----------------------------*/
.yFoot {
	position: relative;
}

.yFoot .copyright {
	position: absolute;
	top: 0;
	right: 0;
}

@media screen and (max-width: 619px){
	.yFoot,.yFoot .copyright {
	position: static;
}

}

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

#social{
	width:400px; 
	/*height:32px;*/
	margin:0 auto; 
	padding:0;
	/*background:#eee;*/
	text-align:left;
	position: absolute;
	top: 14px;
	left: 15px;
}
.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;
	}
}

/*下部バナーエリア
-----------------------------*/

article#container .bnrArea {
	width: 100%;
	background: url(../images/bnr_bg.gif) repeat 0;
	padding: 20px 0 10px;
	text-align: center;
}

article#container .bnrArea ul {
	font-size: 0;
}

article#container .bnrArea li {
	display: inline-block;
	margin: 0 5px 10px;
	vertical-align: middle;
}

/*動画配信中バナー
-----------------------------*/

.bnrMV {
	margin: 0 auto 15px;
	text-align: center;
}

.bnrMV img {
	margin: 0 auto;
}

.bnrMV a:hover {
	opacity: 0.8;
}

.bnrMV .spBnr {
	width: 90%;
	margin: 0 auto;
}


/*----------あにてれヘッダーバナー----------*/

.anibnr {
	padding: 10px 0;
	background: #332f31;
	text-align: center;
	position: relative;
	z-index: 10;
}
.anibnr a {
	display: block;
	margin: 0 auto;
	width: 900px;
}
	@media screen and (max-width: 619px){
		.anibnr {
			padding: 10px;
		}
		.anibnr a {
			width: auto;
		}
	}