@charset "utf-8";
/*トップビュー*/
#top_time{
	width:100%;
}
#top_time #time_bg{
	background-image: url(../img/top_bg.png);
	background-repeat: repeat-x;
	background-size:auto 100%;
	padding:3% 2% 0 2%;
}
#top_time .green .title,
#top_contents .green .title{
	margin:auto;
	text-align:center;
}
#top_time .top_limit{
	background-image:url(../img/time_limit1.png);
	width:100%;
	padding-top:14%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
	margin:0 auto 5% auto;
}
#top_time .top_limit.time14{
	background-image:url(../img/time14_limit1.png);
	width:100%;
	padding-top:14%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
	margin:0 auto 5% auto;
}
#top_time #limit{
	width:92%;
	position:relative;
	background-color:#2e3132;
	margin:0px auto 5% auto;
	box-shadow:0px 2px 3px 1px rgba(0,0,0,0.2);
	background-image:url(../img/time_limit_icon.png);
	background-position:98% 60%;
	background-repeat:no-repeat;
	background-size:43% auto;
	padding:4%;
}
#top_time #limit div{
	width:25%;
	padding-top:49%;
	float:left;
}
#top_time #limit div#time{
	width:100%;
	float:none;
	background-image:none;
	padding:0;
	margin-top:5%;
}

#top_time #limit div.hour,
#top_time #limit div.min,
#top_time #limit div.sec{
	background-image:none;
	width:33%;
	float:left;
	position:relative;
	color:#ffea00;
	font-size:5vw;
	line-height:1;
	padding:0;
	margin-right:-5%;
}
#top_time #limit div.hour{
	margin-right:0;
}
#top_time #limit div span{
	position:absolute;
	bottom:0;
	padding-left:1%;
}
#top_time #limit div.num1{
	background-image:url(../img/time_num1.png);
	background-size:auto 100%;
	background-repeat:no-repeat;
}
#top_time #limit div.num2{
	background-image:url(../img/time_num2.png);
	background-size:auto 100%;
	background-repeat:no-repeat;
}
#top_time #limit div.num3{
	background-image:url(../img/time_num3.png);
	background-size:auto 100%;
	background-repeat:no-repeat;
}
#top_time #limit div.num4{
	background-image:url(../img/time_num4.png);
	background-size:auto 100%;
	background-repeat:no-repeat;
}
#top_time #limit div.num5{
	background-image:url(../img/time_num5.png);
	background-size:auto 100%;
	background-repeat:no-repeat;
}
#top_time #limit div.num6{
	background-image:url(../img/time_num6.png);
	background-size:auto 100%;
	background-repeat:no-repeat;
}
#top_time #limit div.num7{
	background-image:url(../img/time_num7.png);
	background-size:auto 100%;
	background-repeat:no-repeat;
}
#top_time #limit div.num8{
	background-image:url(../img/time_num8.png);
	background-size:auto 100%;
	background-repeat:no-repeat;
}
#top_time #limit div.num9{
	background-image:url(../img/time_num9.png);
	background-size:auto 100%;
	background-repeat:no-repeat;
}
#top_time #limit div.num0{
	background-image:url(../img/time_num0.png);
	background-size:auto 100%;
	background-repeat:no-repeat;
}
#top_time .center{
	margin:auto;
	text-align:center;
}
#top_time .item{
	border:3px solid #BFE05C;
	margin:1% 1% 2% 1%;
	padding:2%;
	text-align:left;
	line-height:1;
}
#top_time .item .title{
	border:2px solid #9AC221;
	background-color:#FFFFEC;
	color:#F7931E;
	font-size:4.5vw;
	font-weight:bold;
	padding:3%;
}
#top_time .item div.img{
	width:33%;
	float:left;
}
#top_time .item img:hover{
	opacity:0.5;
}
#top_time .item table{
	width:65%;
	float:right;
	font-size:4.5vw;
}
#top_time .item table th{
	background-color:#E0DCD8;
	font-weight:normal;
	text-align:center;
	padding:2.5%;
}
#top_time .item table td{
	text-align:left;
	padding:2.5%;
}
#top_time .item ul.comparison_check_matters{
	float:none;
}
#top_time .item ul.comparison_check_matters li{
	background-image:url(../img/arrow4.png);
	background-position:left center;
	background-repeat:no-repeat;
	background-size:7% auto;
	text-align:left;
	padding:3% 0 1% 8%;
	min-height:21px;
	line-height:1;
	font-size:4.5vw;
	border:none;
}
#top_time .item .btn_apply{
	background-image:url(../img/apply_btn3.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	margin:2% auto 0 auto;
	text-indent:-9999px;
	font-size:1px;
	
}
#top_time .item .btn_apply a{
	width:100%;
	padding-top:14%;
	display:block;
	
}
#top_time .item .btn_apply:hover{
	opacity:0.5;
}
#top_time table.list{
	margin:30px auto 50px auto;
	font-size:15px;
	text-align:center;
}
#top_time table.list th{
	background-color:#E0DCD8;
	text-align:center;
	padding:10px;
}
#top_time table.list img:hover{
	opacity:0.5;
}
#top_time table.list td{
	padding:10px;
	vertical-align:central;
}
#top_time table.list td .btn_apply{
	background-image:url(../img/apply_button11.png);
	width:110px;
	height:50px;
	text-indent:-9999px;
	margin:auto;
	cursor:pointer;
}
#top_time table.list td .btn_apply a{
	width:110px;
	height:50px;
	display:block;
}
#top_time table.list td .btn_apply:hover{
	opacity:0.5;
}