@charset "utf-8";

@import "http://fonts.googleapis.com/earlyaccess/notosansjapanese.css";
/* ----- titleBlock */

#times_wrap {
	text-align:center;
	padding:20px 0 0 0;
	}
#times_wrap .column {
	margin-bottom: 50px;
	}
		#times_wrap h1 {
			margin:0 0 30px 0;
			}
	#times_wrap .pointBlock {
		margin:15px 0 0 0;
		padding:0 0 20px 0;
		border:solid 3px #E50012;
		}
		#times_wrap .pointBlock h4 {
			display:block;
			padding:9px;
			margin:0 0 23px 0;
			background:#E50012;
			color:#fff;
			}
		#times_wrap .pointBlock p {
			padding: 0;
			margin: 0;
			line-height:1em;
			font-size:146.5%;
			font-weight:bold;
			font-family:'Noto Sans Japanese';
			}
			#times_wrap .pointBlock p span {
				font-size:153.9%;
				}
.times_lineup_thumbs {
	width: 900px;
	margin: 25px auto;
	text-align: center;
}
.times_lineup_thumbs h2 {
	margin: 0 0 14px 0;
	font-weight:bold;
	font-family:'Noto Sans Japanese';
	font-size:116% !important;
}
.times_lineup_thumbs h3 {
	margin: 28px 0 18px 0;
	font-weight:bold;
	font-family:'Noto Sans Japanese';
	font-size:20px !important;
}
.times_lineup_thumbs .list {
	display: inline-table;
}

			p.btn {
				width:40%;
				margin:-8px auto 35px auto !important;
				text-align:center;
				font-size:93% !important;
				}
			p.btn a {
				border-radius: 8px;
				padding:6px;
				color:#0074be;

				text-decoration:none;
				border:1px solid #0074be;
				background: url("/common/img/link_arrow_blue.gif") 20px center no-repeat;
				display:block;
				}
			p.btn a:hover {
				opacity:0.6;
				}


			p.btn_apply {
				text-align:center !important;
				width: auto;
				margin-top:10px !important;
				margin-right:20px !important;
				margin-left:20px !important;
				font-size:160% !important;
				}
			p.btn_apply a {
				border-radius: 8px;
				padding:16px 10px;
				color:#fff;
				font-weight:bold;
				text-decoration:none;
				background: #b40707;
				background: -webkit-gradient(linear, left top, left bottom, from(#e6240f), to(#b40707));
				background: -moz-linear-gradient(top, #e6240f, #b40707);
				/* IE10+ */
				background: -ms-linear-gradient(top, #e6240f, #b40707);
				/* IE8-9 */
				-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6240f', endColorstr='#b40707', GradientType=0)";
				/* IE5.5-7 */
				/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6240f', endColorstr='#b40707', GradientType=0); */
				display:block;
				box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
				}
			p.btn_apply a:hover {
				opacity:0.6;
				}

/* ----- step0Block */

#step0Block,
#step1Block {
	text-align:center;
	}
	#step0Block h3,
	#step1Block h3
	 {
		display: block;
		background: #000;
		border-radius: 2em;
		-webkit-border-radius: 2em;
		-moz-border-radius: 2em;
		padding:9px;
		color:#fff;
		font-size:131%;
		margin-bottom:15px;
		}
	#step0Block p strong,
	#step1Block p strong {
		font-size:123.1%;
		font-family:'Noto Sans Japanese';
		}
	#step1Block .info {
		margin:25px 0 0 0;
		text-align:left;
		}
	#step1Block .info p {
		font-size:100%;
		}
	#step1Block .info p span {
		font-size:93%;
		color:#666;
		}

/* ----- step2Block */

#step2Block {
	padding:20px 0 20px 20px;
	border-radius: 0.9em;
	-webkit-border-radius: 0.9em;
	-moz-border-radius: 0.9em;
	border:#000 3px solid;
	}
	#step2Block img {
		float:left;
		}
	#step2Block .info {
		margin-left:180px;
		text-align:left;
		}
		#step2Block .info h3 {
			font-size:116%;
			padding:4px 8px;
			background:#000;
			margin:0 0 10px 0;
			color:#fff;
			}
		#step2Block .info p {
			padding:0 20px 0 0;
			margin:0;
			}

/* ----- step2Block */

#step3Block {
	text-align:left;
	}
		#step3Block h5 {
			font-size:116%;
			margin:0 0 10px 0;
			}
		#step3Block li {
			font-size:93%;
			padding-left: 1em;
			text-indent: -1em;
			margin-bottom: 0.3em;
			}



#step4Block {
	text-align:center;
	}
#step4Block #usableBlock h2 {
	margin: 0 0 14px 0;
	font-weight:bold;
	font-family:'Noto Sans Japanese';
	font-size:116% !important;
}
#step4Block #usableBlock h3 {
	margin: 28px 0 18px 0;
	font-weight:bold;
	font-family:'Noto Sans Japanese';
	font-size:20px !important;
}
	#step4Block #usableBlock {
	margin: 25px auto 0 auto;
		}
		#step4Block #usableBlock ul {
			border: none;
			padding:0 0 15px 0;
			}
		#step4Block #usableBlock li {
			display:inline-table;
			margin-right:5px;
			margin-bottom:5px;
			padding:0 9px 14px 9px;
			border:#ccc solid 1px;
			text-align:center;
			position:relative;
			z-index:80;
			font-size:12px;
			border-radius: 0.3em;
			-webkit-border-radius: 0.3em;
			-moz-border-radius: 0.3em;
			}
		#step4Block #usableBlock li a {
			text-decoration:none;
			}
		#step4Block #usableBlock li a:hover {
			opacity:0.6;
			}
		#step4Block #usableBlock li p {
				margin:-9px 0 0 0;
				position:relative;
				z-index:100;
				color:#fff;
				font-weight:bold;
				font-size:11px;
				padding:2px 0 1px 0;
				background-color:#000;
				border-radius: 12px;        /* CSS3草案 */  
				-webkit-border-radius: 12px;    /* Safari,Google Chrome用 */  
				-moz-border-radius: 12spx;   /* Firefox用 */
			}
		#step4Block #usableBlock li a:hover {
			opacity:0.6;
			}
		#step4Block #usableBlock li a:hover p {
				background-color:#555;
			}



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

/* ----- step2Block */

#step2Block {
	padding:10px;
	border-radius: 0.9em;
	-webkit-border-radius: 0.9em;
	-moz-border-radius: 0.9em;
	border:#000 3px solid;
	text-align:center;
	}
	#step2Block img {
		float: none;
		margin:0 auto 15px auto;
		}
	#step2Block .info {
		margin:0;
		text-align:left;
		}
		#step2Block .info h3 {
			font-size:116%;
			padding:4px 8px;
			background:#000;
			margin:0 0 10px 0;
			color:#fff;
			}
		#step2Block .info p {
			padding:0 20px 0 0;
			margin:0;
			}

}