@charset "utf-8";

/*-------------------------------
	Area
-------------------------------*/
/*自動運転試乗会開催エリア*/
#testdrive-area{
	margin: 70px 15px 70px;
}

/*見出し*/
#testdrive-area h3{
	text-align: center;
    font-weight: bold;
    font-size: 18px;
}

#testdrive-area .area-table {
    max-width: 940px;
    width: 100%;
    margin: auto;
	border-collapse: separate;
	border-spacing: 0 10px;/*左右　上下*/
}

#testdrive-area .area-table tr{
	background: #F8F8F8;
	margin-bottom: 20px;
	vertical-align: baseline;
}

#testdrive-area .area-table td{
    width: 50%;
	text-align: left;
	padding: 15px 10px;
	font-size: 14px;
}


#testdrive-area .area-table td a{
    color: #232323
}

/*タグ　実施中・終了*/
#testdrive-area .inner-wrap span{
    border: solid 1px #B43131;
    color: #B43131;
    font-weight: bold;
    border-radius: 5px;
	padding: 3px 3px;
    margin-right: 5px;
	display: inline-block;
    width: 4em;
	text-align: center;
	font-size: 12px;
}

/*終了*/
#testdrive-area .inner-wrap span.end{
	border: solid 1px #232323;
    color: #232323;
}

@media (min-width: 768px) {
	/*自動運転試乗会開催エリア*/
	#testdrive-area{
		margin: 80px 15px 80px;
	}
	/*見出し*/
	#testdrive-area h3{
		font-size: 24px;
	}
	#testdrive-area .area-table td{
		padding: 15px 15px 15px 15%;
	}
}