﻿@charset "utf-8";

strong{
	color:#ddd;
}


#nav ul {
	text-align: center;
}
.t_bnr {
	margin: 20px 0 10px;
	text-align: center;
}
.t_bnr img {
	width: 350px;
	margin: 0 5px;
}
.t_bnr img:hover {
	opacity: 0.7;
	transition: 0.7s;
}
	@media screen and (max-width: 619px){
		.t_bnr {
			margin: 4% 0;
		}
		.t_bnr img {
			width: 70%;
			margin: 1% 0;
		}
	}


/* エピソード */
.subt {
	display: block;
	box-sizing: border-box;
	padding: 0;
	margin: 10px auto;
	text-align: center;
	font-weight: 900;
	font-size: 140%;
}
.mov {
	width: 540px;
	margin: 30px auto;
	background: #000;
	text-align: center;
	position: relative;
}
.mov .mov_free {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
}
.mov .mov_free iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.timetxt {
	padding: 8px 20px;
	margin: 10px auto;
	color: #fff;
	font-weight: bold;
	background: #ee0f83;
	border-radius: 10px;
	display: table;
	max-width: 650px;
}
ul.social_area {
	padding: 30px 0 8px 30px;
	text-align: center;
}
ul.social_area li {
	display: inline-block;
	padding: 4px 0;
	width: 120px;
	text-align: left;
}
	@media screen and (max-width: 619px){
		.subt {
			padding: 0 2%;
			font-size: 120%;
		}
		.mov {
			width: 95%;
			margin: 3% auto 0;
		}
		ul.social_area {
			display: none;
		}
		ul.social_area li {
			display: none;
		}
		#sp_social_area {
			padding: 2px 0;
		}
		.tx_social_table {
			margin: 0 auto;
		}
	}



/* 場面写 */
.thum{
	margin:20px 0 0;
	text-align:center;
}
	.thum img{
		border:solid 1px #666666;
		margin:0 1% 0;
		width:46%;
	}
	@media screen and (max-width: 619px){
		.thum img{
			margin:0 1% 10px;
		}
	}



/* データ放送 */
#wrap_data strong {
	margin-bottom: 30px;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	color:#c4fa21;
}

#wrap_data .step {
	margin-bottom: 1em;
	padding-left: 40px; 
}
#wrap_data .step span {
	display: block;
	float: left;
	margin-top: -2px;
	width: 32px;
	height: 32px;
	margin-left: -40px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	background: #5c6c76;
	text-shadow: none;
}
#wrap_data .screen {
	width: 510px;
	margin: 0 auto 40px;
}
	@media screen and (max-width: 619px){
		#wrap_data .screen {
			width: 96%;
		}
	}

#wrap_data .screen img {
	width: 100%;
}

#wrap_data ul.immunity,
#wrap_data ul.note {
	position: relative;
	z-index: 10;
	list-style-type: none;
}
#wrap_data ul.immunity li,
#wrap_data ul.note li {
	margin-bottom: 0.5em;
	padding-left: 1.2em;
	position: relative;
}
#wrap_data ul.immunity li:last-child,
#wrap_data ul.note li:last-child {
	margin-bottom: 0;
}
#wrap_data ul.immunity li:before {
	position: absolute;
	content: "▼";
	left: 0;
	top: 0;
}
#wrap_data ul.note li:before {
	position: absolute;
	content: "※";
	left: 0;
	top: 0;
}