@charset "utf-8";
/* #topPage -------------------------------------------------------------------- */

.mainimg{
	background: transparent url(../img/top_img_main.jpg) no-repeat scroll center 102px;
}
	#fp-contents{
		background: transparent url(../img/top_img_main_m.jpg) no-repeat scroll left top;
	}

	/* #topPage */
	#programBody{
	}


		#topPage .bgLine{
		}

			#topPage #programHeader{
			height: 456px;
			height: 545px;
			}
				#topPage #programHeader h1{
				margin: 0;
				}
					#topPage #programHeader h1 a{
					visibility: hidden;
					}
				#topPage #programHeader .h-menu ul.menu-flat{
				top: 412px;
				left: 49px;	
/*
				display: none;  TOPのみの臨時リリース用指定 20131227 */
				}
					#topPage .h-menu ul.menu-flat li a:hover{
						background: transparent url(../img/top_menu_over.gif) no-repeat scroll left top;
					}

					/* TOP 詳細なし 次回予告 */
					#topPage #nextProgram.comingsoon .itemHeader h4,
					#topPage #nextProgram.comingsoon .itemHeader p{
						display: none;
					}
					#topPage #nextProgram.comingsoon .itemBody{
						padding-top: 116px;
					}
						#topPage #nextProgram .itemComingsoon{
							margin: 1em 7% 0;
							padding: 0.7em 0;

							font-size: 29px;
							line-height: 1.4;
							text-align: center;
							font-weight: bold;
							background-color: #af0012;;
							border: 4px solid #900;
						}
							#topPage #nextProgram .itemComingsoon .notes{
								font-size: 60%;
							}
							#topPage #nextProgram .itemComingsoon span{
								display: block;
								padding-top: 0.2em;
								margin: 0.6em 3% 0;
								line-height: 1.5;
								letter-spacing: 0.7em;
								font-size: 71%;
								background-color: #000;
							}

					#topPage #nextProgram .itemHeader h3{
						text-indent: -10000px;
						background-image: url(../img/next_h3.png);
					}

					#topPage #result .itemHeader h3{
					}

					#topPage #nextProgram .itemHeader h4,
					#topPage #result .itemHeader h4{
					left: 39px;
					top: 180px;
						width: 500px;
						height: 40px;
						line-height: 40px;
						text-indent: 1em;
						color: #fff;
						background: transparent url(../img/rfm_hx_bg.png) repeat scroll left top;
					}
					#topPage #nextProgram .itemHeader h4{
						background: transparent url(../img/bfm_top_next_h4.png) repeat scroll left top;
						height: 90px;
						text-indent: -9000px;
					}
					#topPage #nextProgram .itemHeader p{
						text-indent: -9000px;
						/*display: none;*/
					}

					#topPage #nextProgram  .itemHeader p,
					#topPage #result .itemHeader p{
					position: absolute;
					left: 39px;
					top: 220px;
						width: 500px;
						height: 30px;
						line-height: 3;
						font-weight: bold;
						letter-spacing: 0.05em;
					}

					#topPage #nextProgram .itemBody,
					#topPage #result .itemBody{
						padding-top: 216px;
						/*padding: 34px 30px 0 29px;*/
					}

				#topPage #programHeader .countdown{
                display: none;
				position: absolute;
				top: 33px;
				right: 3%;
				/*left: 38px;*/
					width: 138px;
					height: 90px;
					text-indent: -9000px;
					background: transparent url(../img/countdown/countdown_bfm_text.png) no-repeat scroll left top;
				}
					#topPage #programHeader .countdown span{
					position: absolute;
					top: 30%;
						width: 28px;
						height: 40px;
						background: transparent url(../img/countdown/countdown_bfm_n0.png) no-repeat scroll left top;
					}
					#topPage #programHeader .countdown span#countdown10{
						left: 30%;
					}
					#topPage #programHeader .countdown span#countdown01{
						left: 53%;
					}
					#topPage #programHeader .countdown span.n0{ background-image: url(../img/countdown/countdown_bfm_n0.png);}
					#topPage #programHeader .countdown span.n1{ background-image: url(../img/countdown/countdown_bfm_n1.png);}
					#topPage #programHeader .countdown span.n2{ background-image: url(../img/countdown/countdown_bfm_n2.png);}
					#topPage #programHeader .countdown span.n3{ background-image: url(../img/countdown/countdown_bfm_n3.png);}
					#topPage #programHeader .countdown span.n4{ background-image: url(../img/countdown/countdown_bfm_n4.png);}
					#topPage #programHeader .countdown span.n5{ background-image: url(../img/countdown/countdown_bfm_n5.png);}
					#topPage #programHeader .countdown span.n6{ background-image: url(../img/countdown/countdown_bfm_n6.png);}
					#topPage #programHeader .countdown span.n7{ background-image: url(../img/countdown/countdown_bfm_n7.png);}
					#topPage #programHeader .countdown span.n8{ background-image: url(../img/countdown/countdown_bfm_n8.png);}
					#topPage #programHeader .countdown span.n9{ background-image: url(../img/countdown/countdown_bfm_n9.png);}

				#topPage #programHeader .rfm{
				top: 0px;
				right: auto;
				left: 0;
				}
					#topPage #programHeader .rfm a{
						width: 156px;
						height: 385px;
						background-image: none;
					}

					#topPage #programHeader .rfm a:hover{
						background: transparent url(../img/btn_rfm.jpg) no-repeat scroll 1px 0 ;
					filter: alpha(opacity=100);
					-moz-opacity:1;
					opacity:1;
					}

				#topPage #programHeader .data{
					display: none; /* 20160515_1900 非表示*/
					position: absolute;
					top: 148px;
					right: 0;
					left: auto;
				}
					#topPage #programHeader .data a{
						display: block;
						width: 165px;
						height: 220px;
						background-image: none;
						text-indent: -9000px;
						background: transparent url(../img/bfm_top_button_data.png) no-repeat scroll left top;
					}

					#topPage #programHeader .data a:hover{
					filter: alpha(opacity=80);
					-moz-opacity:0.80;
					opacity:0.80;
					}

			#topPage #spNotification {
				position: relative;
				margin-bottom: 10px;
			}
				#spNotification div + div{
					margin-top: 25px;
					margin-bottom: 0;
					border-top: 1px dashed #fff;
				}


				#topPage .d_btnlink{
					position: relative;
				}
				#topPage .d_btnlink a {
					position: absolute;
					display: block;
					left: 89px;
					bottom: 35px;
					width: 462px;
					height: 71px;
					text-indent: -9000px;
					background-color: transparent;
				}
				#topPage .d_btnlink .present_goods a {
					left: auto;
					right: 67px;
					bottom: 33px;
					width: 170px;
					height: 49px;
				}

				#topPage .d_btnlink a:hover {
					background-color: #fff;
					opacity: 0.2;
				}



/* nextProgram */
#topPage #nextProgram .itemBodyGrid{
height: 230px;
}
	#topPage #nextProgram .itemBody p#subject{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 6px;
	}
	#topPage #nextProgram .itemBody .noimage p#subject{
	margin-bottom: 6px;
		text-indent: -9000px;
		background: transparent url(../img/top_next_subject.png) no-repeat scroll left 4px;
	}
		#topPage #nextProgram .itemBody p#subject span{
		font-size: 14px;
		color: #ffffff;
		line-height: 1.4;
		}
	#topPage #nextProgram .itemBody p{
	width: 145px;
	margin-left: 356px;
	line-height: 1.6;
	}
	#topPage #nextProgram .itemBody p span {
	font-weight: bold;
	color: red;
	}
#topPage #nextProgram .itemBody .noimage{
	height: auto;
}
	#topPage #nextProgram .itemBody .noimage .itemBodyInner {
	padding: 10px 5px 10px 15px;
	}
	#topPage #nextProgram .itemBody .noimage p{
		width: auto;
		margin-left: 0px;
		margin-bottom: 10px;
	}
	#topPage #nextProgram .itemBody .noimage p{
	}
 #topPage #nextProgram .itemBody .itemBodyInner .cast{
  padding-top: 0;
    border-top: 0 none #ffffff;
  }
    #topPage #nextProgram .itemBody .itemBodyInner .cast h4{
      color: #ffffff;
      text-indent: 0;
      height: auto;
      width: auto;
      margin: 0 0 4px;
      background: transparent none scroll left top;
    }
    #topPage #nextProgram .itemBody .itemBodyInner .cast li{
      font-size: 12px;
      margin-bottom: 10px;
      font-weight: bold;
    }
    #topPage #nextProgram .itemBody .itemBodyInner .cast p{
      margin: 0
    }

/* nextProgram double (逃走中+戦闘中) */

		#topPage #nextProgram .itemHeader .h3Double{
		left: 29px;
		top: 30px;
		height: 40px;

		left: 20px;
		top: 23px;
		height: 55px;
		width: 545px;
		}

	#topPage #nextProgram .itemBody #nextBattle{
	padding: 34px 0 0;
		background-image: url(../img/index_next_shinobi.png);
	}
		#topPage #nextProgram .itemBody .itemDouble .itemBodyGrid{
			/*background: #282b2b url(../img/item_body_grid.png) repeat scroll left top;*/
		}
		#topPage #nextProgram .itemBody .itemDouble h4{
		/*height: 65px;*/
		height: 50px;
		margin: 0 0 15px;
			padding: 0;
		}
		#topPage #nextProgram .itemBody #nextRun{
		position: relative;
		top: -20px;
	}
		#topPage #nextProgram .itemBody #nextRun h4{
			/*background-position: left -150px;*/
			background-position: left -50px;
		}
		#topPage #nextProgram .itemBody #nextBattle{
			margin-top: 	0px;
		}
		#topPage #nextProgram .itemBody #nextBattle h4{
			background-position: left -100px;
		}



/* #News + #topicsList */
#topPage .itemTwin{
	position: relative;
}
#topPage .itemTwin #topicsList{
	position: absolute;
	top: 0;
	left: 303px;
	left: 294px;
	width: 250px;
}
#topPage .itemTwin #topicsList .itemBody{
	padding: 30px 0 0;
}
#topPage .itemTwin #News .itemBody{
	padding-left: 33px;
	padding-top: 30px;
}
	#topPage .itemTwin h3{
	top: 14px;
	width: 250px;
	height: 35px;
		background: transparent url(../img/top_h3.png) no-repeat scroll -5px -32px;
	}
	#topPage .itemTwin #topicsList h3{
	left: 5px;
		background-position: -5px 8px;
	}
	#topPage #News       .itemBodyGrid,
	#topPage #topicsList .itemBodyGrid{
		background: transparent url(../img/top_whatsnew_bg.png) repeat scroll left top;
	 	height: 200px;
	 	width: 251px;
	}

#topPage #News       .itemBody p,
#topPage #topicsList .itemBody li,
#topPage #topicsList .itemBody a{
	font-size: 13px;
	line-height: 1.4;
}
	#topPage #topicsList .itemBody .date span{
		font-size: 12px;
	}


#topPage #News       .itemBody ul li,
#topPage #topicsList .itemBody ul li{
	margin-bottom: 0.8em;
	padding-bottom: 0.8em;
	line-height: 1px;
	border-bottom: 1px dashed #000;
}
	#topPage #News       .itemBody ul li span,
	#topPage #topicsList .itemBody ul li span{
	line-height: 1.4;
	font-weight: bold;
	}
	#topPage #News       .itemBody ul li img,
	#topPage #topicsList .itemBody ul li img{
	position: static;
	}
#topPage #News       .itemBody a.more,
#topPage #topicsList .itemBody a.more{
display: none;
}

/* 赤枠 */
#topPage .itemTwin #News{
		background: transparent url(../img/item_bg_footer.png) no-repeat scroll left bottom;
}
#topPage .itemTwin .itemHeader{
	background: transparent url(../img/item_bg_haeder_s.png) no-repeat scroll left top;
	background: transparent url(../img/item_bg_header.png) no-repeat scroll left top;
}
	#topPage .itemTwin .itemBody{
		background: transparent url(../img/item_bg_body.png) repeat-y scroll left top;
	}
		#topPage .itemTwin .itemBody .itemBodyGrid {
			/*background: transparent url(../img/item_body_grid.png) repeat scroll left top;*/
			/*border-bottom: 1px solid #460004;*/
		}


/* News */
/*#topPage #topicsList .itemBody a,*/
#topPage #News .itemBody p{
	margin-top: 3px;
}
#topPage #News .itemBody p p{ /* くわしくはこちら用 */
	margin-top: 5px;
}
#topPage #News .itemBody img{
	margin-bottom: 3px;
}
#topPage #News .itemBody a{
margin: 0 0 0 1px;
padding: 2px 5px;
	background-color: #86151e; /* red */
	color: #ffffff;
	text-decoration: none;
	letter-spacing: 1px;
}
#topPage #News .itemBody a:hover{
	background-color: #668283; /* red */
}
/* present */
#topPage #News .itemBody .present img{
	margin-bottom: 0;
}
#topPage #News .itemBody .present a{
	margin: 0;
	padding: 0;
	background-color: transparent;
}

/* #topicsList */
#topPage #topicsList,
#topPage #topicsList .itemHeader,
#topPage #topicsList .itemBody{
background-image: none;
}
	#topPage #topicsList .itemBody ul li ul li{
	margin-bottom: 0px;
	padding: 2px 0px 0px;
	list-style: inside disc;
		border-bottom: 0px none #899;
		line-height: 1.4;
	}
	#topPage #topicsList .itemBody ul li ul.poly li{
	margin-bottom: 4px;
	}
		#topPage #topicsList .itemBody a{
		margin-left: -2px;
		padding-right: 13px;
			color: #ffffff;
			background: transparent url(../img/icon_link.gif) no-repeat scroll right center;
		}
		#topPage #topicsList .itemBody a:hover{
			text-decoration: none;
		}

/* #battle */
#topPage #battle{
/*height: 243px;*/
}
#topPage #battle{
		/*background: transparent url(../img/battle_item_bg_footer.png) no-repeat scroll left bottom;*/
}
	#topPage #battle .itemHeader{
		/*background: transparent url(../img/battle_item_bg_haeder_s.png) no-repeat scroll left top;*/
	}
		#topPage #battle .itemHeader h3{
		position: absolute;
		left: 20px;
		top: 26px;
		z-index: 10;
		width: 176px;
		height: 78px;
			background: transparent url(../img/battle_item_h3.png) repeat-y scroll left top;
		}
	#topPage #battle .itemBody{
	padding-top: 00px;
		/*background: transparent url(../img/battle_item_bg_body.png) repeat-y scroll left top;*/
	}
		#topPage #battle .itemBody .itemBodyGrid {
			/*height: 60px;*/
		margin: 0px 0pt 0pt;
			/*background: transparent url(../img/battle_item_body_grid.png) repeat scroll left top;*/
			border-bottom: 1px solid #414A4B;
		}
		#topPage #battle .itemBody .itemBodyInner{
		margin: 0px;
		padding: 0;
		height: 60px;
			/*border: 1px solid #460004;*/
		}

	#topPage #battle .itemBody p{
	padding: 11px 0 5px ;
		text-align: center;
		line-height: 1.5;
		background: transparent url(../img/banner_battle_comingsoon.gif) no-repeat scroll 351px 15px;
		vertical-align: middle;
	}
	#topPage #battle .itemBody a.more{
	position: absolute;
	top: 0px;
	left:0px;
	height: 60px;
	width: 100%;
		background-image: none;
	}
	#topPage #battle .itemBody a.more:hover{
		background-color: #ffffff;
		opacity: 0.05;
		filter: alpha(opacity = 5);
	}

/* #special */
	#topPage #special .itemHeader h3{
	position: absolute;
	top: 16px;
	z-index: 10;
	width: 176px;
	height: 20px;
		background: transparent url(../img/special_h3.png) no-repeat scroll 5px -8px;
	}
	#topPage #special .itemBody{
	padding-top: 10px;
	}
		#topPage #special .itemBody .itemBodyGrid {
		margin: 0px 0pt 0pt;
			border-bottom: 1px solid #414A4B;
		}
		#topPage #special .itemBody .itemBodyInner{
		margin: 0px;
		padding: 0;
		height: 60px;
		}
		#topPage #special .itemBody .itemBodyInner ul{
		position: relative;
		}
			#topPage #special .itemBody .itemBodyInner ul li{
				position: absolute;
				top: 0;
			}
			#topPage #special .itemBody .itemBodyInner ul li.btnA{ left:  10px;}
			#topPage #special .itemBody .itemBodyInner ul li.btnB{ left: 180px;}
			#topPage #special .itemBody .itemBodyInner ul li.btnC{ left: 350px;}

			#topPage #special .itemBody .itemBodyInner ul li a,
			#topPage #special .itemBody .itemBodyInner ul li span{
			display: block;
			height: 60px;
			width: 170px;
				background: transparent url(../photo/special_btn.png) repeat scroll left top;
			}
			#topPage #special .itemBody .itemBodyInner ul li.dramaChara   a{ background-position: left  -60px; }
			#topPage #special .itemBody .itemBodyInner ul li.aboutShinobi a{ background-position: left -120px; }

/* #result */
#topPage #result{
clear: both;
position: relative;	
}
	#topPage #result h3{
		background: transparent url(../img/prev_h3.png) no-repeat scroll center top;
		text-indent: -9000px;
	}
	#topPage #result h3,
	#topPage #result h4{
	/*color: #cc0010;*/
	}
	#topPage #result .itemBodyGrid{
	/*height: 191px;*/
	height: 180px;
	}
		#topPage #result .itemBodyGrid p{
			/*margin-left: 320px;*/
			margin-left: 316px;
		}

	#topPage #result .itemHeader h4,
	#topPage #result .itemHeader p{
		/*visibility: hidden;*/
	}
	#topPage #result a.more{
		background-image: url(../img/more_btn_result_S2.png);
		height: 33px;
	}



#topPage #topMenu{
	/* display: none;  TOPのみの臨時リリース用指定 20131227 */
	/*background-image: none;*/
}
	#topPage #topMenu .itemHeader h3{
	display: none;
	}
	#topPage #topMenu .itemBody{
	padding-top: 0;
	/*background-image: none;*/
	}
		#topPage #topMenu .itemBody ul li{

		float: left;
			height: 201px;
			width: 33%;
			/*margin: 0 2.5%;*/
			border-left: #ccc 1px dashed;
			/*background: transparent url(../img/top_menu_bg.png) no-repeat scroll left top;*/
		}
		#topPage #topMenu .itemBody ul li:first-child{
			border-left: 0 none transparent;
		}
			#topPage #topMenu .itemBody ul li a{
			display: block;
				width: 100%;
				height: 100%;
				text-indent: -9000px;
				background: transparent url(../img/top_menu_btn.png) no-repeat scroll center center;
			}

			#topPage #topMenu .itemBody ul li.about   a{ background-image: url(../img/top_menu_btn_about.png); }
			#topPage #topMenu .itemBody ul li.chronos a{
				pointer-events: none;
			}
			#topPage #topMenu .itemBody ul li.message a{ background-image: url(../img/top_menu_btn_message.png); }

	/*  clearfix  */
	#topPage #topMenu .itemBody ul:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}
	#topPage #topMenu .itemBody ul{
	/*	_height:  1px; */
		min-height: 1px;
		/*\*//*/
		height: auto;
		overflow: hidden;
		/**/
	}
	#topPage #topMenu .itemBody ul{
	  display: inline-block;
	}
	html[xmlns] #topPage #topMenu .itemBody ul{
	  display: block;
	}
	* html #topPage #topMenu .itemBody ul{
	  height: 1%;
	}


	/* 各表示状態 */
	.headerText{
		display: none;
	}
	.nextBroadcasting  .nextItem,
	.afterBroadcasting .afterItem,
	.reBroadcasting    .reItem,
	.blankBroadcasting .blankItem{
		display: block;
	}

	#topPage .afterBroadcasting #nextProgram .itemHeader h3{
		background-image: url(../img/next_h3_after.png);
	}
	#topPage .nextBroadcasting  #nextProgram .itemBody a.afterItem,
	#topPage .afterBroadcasting #nextProgram .itemBody a.nextItem,
	#topPage .blankBroadcasting #nextProgram .itemBody a.nextItem{
	display: none;
	}
	#topPage .afterBroadcasting #nextProgram .itemBody a.afterItem,
	#topPage .blankBroadcasting #nextProgram .itemBody a.afterItem{
	display: block;
		height: 33px;
		background-image: url(../img/more_btn_result_S2.png);
	}
	#topPage .nextBroadcasting #nextProgram .itemBody a.more{
		background-image: url(../img/more_btn_S1.png);
	}
	#topPage .afterBroadcasting #nextProgram .itemHeader h4{
		background-image: url(../img/bfm_top_next_h4_after.png) ;
	}
	#topPage .reBroadcasting #nextProgram .itemHeader h4,
	#topPage .reBroadcasting#nextProgram .itemHeader h4{
		background-image: url(../img/bfm_top_next_h4_re.png) ;
	}
	#topPage .reBroadcasting #nextProgram .itemBody a.more,
	#topPage .reBroadcasting#nextProgram .itemBody a.more{
	display: none;
	}

	#topPage .blankBroadcasting #nextProgram .itemHeader h3 {
		background-image: url(../img/prev_h3.png);
	}
	.blankBroadcasting #result{
	display: none;
	}







/* 幅1000以下指定  ---------------------------------------------------------------------- */
@media screen and (max-width: 1000px) {
	#fp-contents{
	background-color: #ce000d;	
	background-color: #d70019;	
	background-color: #8f0100;
	}

/*
	#pageHeader {
		background:	 transparent url(../photo/m_hiroiki_main_img.png) no-repeat scroll center -11px;
	}
	#main_img{
		background-image: none;
	}
*/
}



/* All Mobile Sizes (devices and browser) =================================================================== */
@media only screen and (max-width: 650px) {

	#topPage #News .itemBody p,
	#topPage #topicsList .itemBody ul li ul li{
		font-size: 115%;
	}
	#topPage #topicsList .itemBody ul li ul li a{
		font-size: 100%;
	}
	#topPage #topicsList .itemBody ul li ul li br{
		display: none;
		/*float: left;*/
	}

} /* End Media Queries */