/* @override http://nb.kago.net/newsbird/css_rw/lineup_archive.css */

/* @override http://nb.kago.net/newsbird/css_rw/lineup_archive.css */

/* MAIN VISUAL ----------------------------------- */
#MAINVISUAL{
}

#MAINVISUAL .inner{direction:rtl;}
#MAINVISUAL p.title{display:table-cell;width:402px;vertical-align:middle;text-align:left;}
#MAINVISUAL p.img{display:table-cell;width:540px;vertical-align:middle;text-align:left;}
*:first-child+html .inner:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*:first-child+html .inner{overflow:hidden;min-height:1em;direction:ltr;}
* html .inner{overflow:visible;height:1%;direction:ltr;}
*:first-child+html #MAINVISUAL p.title,
*:first-child+html #MAINVISUAL p.img{float:right;}
* html #MAINVISUAL p.title,
* html #MAINVISUAL p.img{float:right;}


#MAINVISUAL p.img{
	width: 540px;
	height: 373px;
}

#MAINVISUAL p.img img{
	background-size: 100% auto;
}

#MAINVISUAL p.title{
	padding: 0px;
}

#MAINVISUAL p.title img{
	width:402px;
	height: auto;
}

p.catch{
	padding: 50px 0px 60px 0px;
	font-size: 19px;
	font-weight: 500;
	line-height: 1.5;
}




/* LINEUP ----------------------------------- */

#ARCHIVELIST{
	margin: auto;
	padding: 0;
	width: 100%;
}

#ARCHIVELIST div.tabBODY{
	margin: 0px 0 55px 0;
	padding: 0;
	background: url(/newsbird/img_rw/lineup/programs/tab_bg.png) bottom repeat-x;
	width: 100%;
}

#ARCHIVELIST ul.tab{
	position: relative;
	margin: 0px auto;
	padding: 0;
	display: table;
	table-layout: fixed;
	width: 980px;
	height: 52px;
}

#ARCHIVELIST ul.tab li{
	margin: 0;
	padding: 0;
	text-align: center;
	display: table-cell;
	overflow: hidden;
	vertical-align: bottom;
	width: 50%;
}

#ARCHIVELIST ul.tab li p{
	margin: 0px;
	padding: 0px 0px 4px 0px;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.5;
	width: 345px;
	display: block;
}

#ARCHIVELIST ul.tab li.left p{
	margin: 0px 0px 0px 113px;
}

#ARCHIVELIST ul.tab li.right p{
	margin: 0px 0px 0px 65px;
}

#ARCHIVELIST ul.tab li p span.btn{
	display:inline-block;
	position:relative;
	padding:0px 0px 0px 0px;
	color:#fff;
}

#ARCHIVELIST ul.tab li p a span.btn{
	color:#000;
}
#ARCHIVELIST ul.tab li p.on a span.btn{
	color:#fff;
}
#ARCHIVELIST ul.tab li p a span.btn:hover{
	color:#00a7eb;
}
#ARCHIVELIST ul.tab li p.on a span.btn:hover{
	color:#fff;
}
#ARCHIVELIST ul.tab li p.on span::after{
	content:"";
	display:block;
	width:13px;
	height:13px;
	position:absolute;
	top:0;
	right:-20px;
	bottom:0;
	margin:auto;
	background:url(../img_rw/parts.png) no-repeat 0px -230px;
	vertical-align:baseline;
	-ms-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
}



#ARCHIVELIST .newsList{
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}
#ARCHIVELIST .newsList h3.title span.monthtit{
	margin: 0px;
	padding: 8px 0px 8px 18px;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.5;
	 display: block;
}
#ARCHIVELIST .newsList h3.title a{
	margin: 0px;
	padding: 16px 0px 16px 18px;
	background: url(/newsbird/img_rw/lineup/programs/dott_white.png) #ededed;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.5;
	 display: block;
}
#ARCHIVELIST .newsList h3.title span.link{
	display:inline-block;
	position:relative;
	padding:0px 0px 0px 0px;
	color:#0075c1;
}
#ARCHIVELIST .newsList h3.title span.nolink{
	display:inline-block;
	position:relative;
	padding:0px 0px 0px 0px;
	color:#000;
}

#ARCHIVELIST .newsList h3.title span.link:hover{ color:#00a7eb;}

#ARCHIVELIST .newsList h3.title span.link::after{
	content:"";
	display:block;
	width:13px;
	height:13px;
	position:absolute;
	top:0;
	right:-20px;
	bottom:0;
	margin:auto;
	background:url(../img_rw/parts.png) no-repeat 0px -200px;
}


#ARCHIVELIST .newsList ul.list{
	margin: 0px auto;
	padding: 20px 18px;
}
#ARCHIVELIST .newsList ul.list li{
	clear: both;
	margin: 0px 0px 12px 4em;
	padding: 0px 0px;
	list-style-type: none;
	font-size: 16px;
	line-height: 1.5;	
}

#ARCHIVELIST .newsList ul.list li span.no{
	float: left;
	margin: 0px 0px 0px -4em;
	padding: 0px 0px;
}


#ARCHIVELIST .backnumber a{
	margin: 50px auto 50px auto;
	padding: 4px 40px 4px 30px;
	display: block;
	font-size: 28px;
	line-height: 1.5;
	font-weight: 600;
	text-align: center;
	width: 680px;
}



#ARCHIVELIST .article{
	margin: 0 auto 0px;
	padding: 0px 0px;
	display: block;
	overflow: hidden;
}

#ARCHIVELIST .article .titleBOX{
	margin: 0px auto 30px;
	padding: 30px 0px 20px 0px;
	background: url(/newsbird/img_rw/lineup/programs/dott_white.png) #ededed;
	display: block;
	overflow: hidden;
}

#ARCHIVELIST .article .titleBOX h3{
	margin: 0;
	padding: 0px 24px 10px 24px;
	font-size: 21px;
	font-weight: 600;
	line-height: 1.5;
}

#ARCHIVELIST .article .titleBOX h4{
	margin: 0;
	padding: 0px 24px 0px 24px;
	font-size: 19px;
	font-weight: 600;
	line-height: 1.5;
}

#ARCHIVELIST .article .titleBOX h4 span.day{
	margin: 0;
	padding: 0px 0px 10px 0px;
	display: block;
}

#ARCHIVELIST .article .titleBOX p.caption{
	margin: 0;
	padding: 0px 24px 0px 24px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
}

#ARCHIVELIST .article .txt{
	float: left;
	margin: 0;
	padding: 0px;
	width: 596px;
}
#ARCHIVELIST .article .txt p{
	margin: 0;
	padding: 0px 24px 30px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
}

#ARCHIVELIST .article ul.img{
	float: right;
	margin: 0;
	padding: 0px 0px 0px 0px;
	width: 384px;
}
#ARCHIVELIST .article ul.img li{
	padding: 0px 24px 30px;
	list-style: none;
}

/* 
#ARCHIVELIST .article ul.img li:last-child{
	padding: 0px 24px 0px 24px;
}
*/



@media screen and (min-width:768px){
.spBR{ display: none !important;}

#ARCHIVELIST .article ul.img li img{
	background-size: contain;
	width: 336px;
	height: 189px;
}

}




/* SP ----------------------------------- */
@media screen and (max-width:767px){



/* MAIN VISUAL ----------------------------------- */
#MAINVISUAL{
	}
#MAINVISUAL p.img{
	margin: 0px 14px;
	padding: 0px 0px;
	float: none;
	display: block;
	width:  auto;
	height: auto;
	overflow: hidden;
}

#MAINVISUAL p.img img{
	margin-top: 20px;
	background: no-repeat;
	background-size: 100% auto !important;
	width: 100%;
	height: auto;
}

#MAINVISUAL p.title{
	display: block;
	margin: 0;
	padding-top: 15px;
	padding-bottom: 40px;
	padding-left: 14px;
	display: block;
	vertical-align: top;
	width: 100%;
	max-width: 100%;
	height: inherit;
	float: none;
}

#MAINVISUAL p.title img{
	max-width: 100%;
}

p.catch{
	padding: 40px 14px 40px 14px;
	font-size: 19px;
	font-weight: 500;
	line-height: 1.5;
}



	
/* LINEUP ----------------------------------- */


#ARCHIVELIST{
	margin: auto;
	padding: 0;
	width: 100%;
}

#ARCHIVELIST div.tabBODY{
	margin: 0px 0 55px 0;
	padding: 0;
	background: url(/newsbird/img_rw/lineup/programs/dott_white.png) #e5e5e5;
	border-bottom: 4px solid #00a7eb;
	width: 100%;
}

#ARCHIVELIST ul.tab{
	position: relative;
	margin: 0px auto 0px auto;
	padding: 0;
	display: table;
	table-layout: fixed;
	width: 100%;
	height: auto;
}

#ARCHIVELIST ul.tab li{
	margin: 0;
	padding: 0;
	text-align: center;
	display: table-cell;
	overflow: hidden;
	vertical-align: bottom;
	width: 50%;
}

#ARCHIVELIST ul.tab li p{
	margin: 0px;
	padding: 5px 2% 5px 2%;
	border-top: 12px solid #FFF;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.5;
	width: 96%;
	display: block;
}

#ARCHIVELIST ul.tab li p.on{
	padding-top: 5px;
	border-top: 10px solid #00a7eb;
	background-color: #00a7eb;
	display: block;
}

#ARCHIVELIST ul.tab li.left p,
#ARCHIVELIST ul.tab li.right p{
	margin: 0px;
}

#ARCHIVELIST .newsList h3.title a{
	margin: 0px 0px 10px 0px;
	padding: 16px 0px 16px 18px;
	background: url(/newsbird/img_rw/lineup/programs/dott_white.png) #ededed;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.5;
	 display: block;
}

#ARCHIVELIST .newsList h3.title span.link{
	display:inline-block;
	position:relative;
	padding:0px 0px 0px 0px;
	color:#0075c1;
}

#ARCHIVELIST .newsList h3.title span.link:hover{ color:#00a7eb;}

#ARCHIVELIST .newsList h3.title span.link::after{
	content:"";
	display:block;
	width:13px;
	height:13px;
	position:absolute;
	top:0;
	right:-20px;
	bottom:0;
	margin:auto;
	background:url(../img_rw/parts.png) no-repeat 0px -200px;
}

#ARCHIVELIST .newsList ul.list{ display: none;}

#ARCHIVELIST .backnumber a{
	padding: 4px 30px 4px 25px;
	display: block;
	font-size: 28px;
	line-height: 1.5;
	font-weight: 600;
	text-align: center;
	width: 75%;
}

#ARCHIVELIST .article{
	margin: 40px auto 0px;
	padding: 0px 0px;
	display: block;
	overflow: hidden;
}
#ARCHIVELIST .newsList{
	margin: 0px 12px 0;
}
#ARCHIVELIST .article .titleBOX{
	margin: 0px 14px 30px 14px;
	padding: 30px 0px 20px 0px;
	background: url(/newsbird/img_rw/lineup/programs/dott_white.png) #ededed;
	display: block;
	overflow: hidden;
}

#ARCHIVELIST .article .titleBOX h3{
	margin: 0;
	padding: 0px 20px 10px 20px;
	font-size: 21px;
	font-weight: 600;
	line-height: 1.5;
}

#ARCHIVELIST .article .titleBOX h4{
	margin: 0;
	padding: 0px 20px 0px 20px;
	font-size: 19px;
	font-weight: 600;
	line-height: 1.5;
}

#ARCHIVELIST .article .titleBOX h4 span.day{
	margin: 0;
	padding: 0px 0px 10px 0px;
	display: block;
}

#ARCHIVELIST .article .titleBOX p.caption{
	margin: 0;
	padding: 0px 20px 0px 20px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
}

#ARCHIVELIST .article .txt{
	float: none;
	margin: 0;
	padding: 0px;
	width: 100%;
}
#ARCHIVELIST .article .txt p{
	margin: 0;
	padding: 0px 24px 30px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
}

#ARCHIVELIST .article ul.img{
	float: none;
	margin: 0;
	padding: 0px 0px 0px 0px;
	width: 100%;
}
#ARCHIVELIST .article ul.img li{
	padding: 0px 24px 30px 24px;
	list-style: none;


}

#ARCHIVELIST .article ul.img li:last-child{
	padding: 0px 24px 0px 24px;
}


#ARCHIVELIST .article ul.img li img{
	background: no-repeat;
	background-size: 100% auto;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: auto;
}

	

}

@media screen and (max-width:479px){

/* MAIN VISUAL ----------------------------------- */

#MAINVISUAL p.img{
	margin: 0px 2px;
	padding: 0px 0px;
	float: none;
	display: block;
	width:  auto;
	height: 20%;
	overflow: hidden;	
}


#MAINVISUAL p.img img{
	margin-top: 14px;
	background: no-repeat;
	background-size: contain;
	overflow: hidden;
	width: 100%;
}

#MAINVISUAL p.title{
	margin: 0;
	padding: 15px 0px 20px 0px;
	display: block;
	vertical-align: top;
	height: inherit;
}

p.catch{
	padding: 20px 2px 20px 2px;
	font-size: 19px;
	font-weight: 500;
	line-height: 1.5;
}


	
/* LINEUP ----------------------------------- */


#ARCHIVELIST ul.tab li p{
	margin: 0px;
	padding: 5px 2% 5px 2%;
	border-top: 12px solid #FFF;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
	width: 96%;
	display: block;
}

#ARCHIVELIST ul.tab li p.on{
	padding-top: 5px;
	border-top: 10px solid #00a7eb;
	background-color: #00a7eb;
	display: block;
}

#ARCHIVELIST ul.tab li.left p,
#ARCHIVELIST ul.tab li.right p{
	margin: 0px;
}

#ARCHIVELIST .newsList h3.title a{
	margin: 0px 0px 10px 0px;
	padding: 16px 0px 16px 14px;
	background: url(/newsbird/img_rw/lineup/programs/dott_white.png) #ededed;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.5;
	 display: block;
}

#ARCHIVELIST .backnumber a{
	padding: 4px 30px 4px 25px;
	display: block;
	font-size: 22px;
	line-height: 1.5;
	font-weight: 600;
	text-align: center;
	width: 70%;
}

.btn{
	padding:10px 0;
}
.btn::after{
	right: -15px!important;
}

#ARCHIVELIST .article{
	margin: 30px auto 0px;
	padding: 0px 0px;
	display: block;
	overflow: hidden;
}
#ARCHIVELIST .newsList{
	margin: 0px 12px 0;
}
#ARCHIVELIST .article .titleBOX{
	margin: 0px 12px 30px 12px;
	padding: 30px 0px 20px 0px;
	background: url(/newsbird/img_rw/lineup/programs/dott_white.png) #ededed;
	display: block;
	overflow: hidden;
}

#ARCHIVELIST .article .titleBOX h3{
	margin: 0;
	padding: 0px 10px 10px 10px;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.5;
}

#ARCHIVELIST .article .titleBOX h4{
	margin: 0;
	padding: 0px 10px 0px 10px;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.5;
}

#ARCHIVELIST .article .titleBOX h4 span.day{
	margin: 0;
	padding: 0px 0px 10px 0px;
	display: block;
}

#ARCHIVELIST .article .titleBOX p.caption{
	margin: 0;
	padding: 0px 10px 0px 10px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
}

#ARCHIVELIST .article .txt{
	float: none;
	margin: 0;
	padding: 0px;
	width: 100%;
}
#ARCHIVELIST .article .txt p{
	margin: 0;
	padding: 0px 12px 30px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
}

#ARCHIVELIST .article ul.img{
	float: none;
	margin: 0;
	padding: 0px 0px 0px 0px;
	width: 100%;
}
#ARCHIVELIST .article ul.img li{
	padding: 0px 12px 30px 12px;
	list-style: none;
}

#ARCHIVELIST .article ul.img li:last-child{
	padding: 0px 12px 0px 12px;
}


}