@charset "utf-8";

/***** 1. RESET STYLE *****/
/**************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

/***** 2. BASE STYLE *****/
/**************************/
body {margin:0; padding:0; font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'Helvetica', 'Arial', sans-serif; font-size:.8em; background:#fff;list-style-type: none;}


/***** 3. LAYOUT STYLE *****/
/**************************/
#contents {padding:0;}
.wrap {margin-bottom:0;}
.caption {font-size:12px; margin-top:20px;}

table{
	width: 100%;
	-webkit-border-horizontal-spacing: 0px;
	-webkit-border-vertical-spacing: 0px;
}
table .cl1{ width:32%;}
table .cl2{ width:17%;}
table .cl3{ width:17%;}
table .cl4{ width:17%;}
table .cl5{ width:17%;}
table thead {
	background-color: #fff;
}
table thead th {
	padding: 8px 10px;
	border-bottom: 1px solid #e6e6e6;
	font-size:14px;
	color:#262626;
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
}
table thead th:first-child,
table tbody td:first-child {
	text-align: left;
}
table tbody td {
	padding: 8px 10px;
	border-bottom: 1px solid #e6e6e6;
	font-size:14px;
	color: #262626;
	text-align: right;
	vertical-align: middle;
}
table tbody td:first-child,
table tbody td:last-child{
	font-weight: bold;
}

/***** 40周年限定車*****/
table.anniversary-edition .cl1{ width:32%;}
table.anniversary-edition .cl2{ width:17%;}
table.anniversary-edition .cl3{ width:9%;}
table.anniversary-edition .cl4{ width:17%;}
table.anniversary-edition .cl5{ width:8%;} 
table.anniversary-edition .cl6{ width:17%;}    


/***** 4. RESPONSIVE STYLE *****/
/**************************/
@media only screen and (max-width:800px){
	table{ display: block; }
	table thead{ display: none; }
	table tbody{ display: block; }
	table tbody tr{
		display: block;
		margin-bottom: 1.5em;
	}
	table thead th,
	table tbody td{
		display: list-item;
		border: none;
	}
	table tbody td:first-child{
		margin-bottom: 5px;
		list-style-type: none;
		background: #fff;
		border-bottom: 1px solid #e6e6e6;
		text-align: left;
	}
	table tbody td{
		text-align: right;
	}
	table tbody td:nth-of-type(2):before { content: "[トランスミッション] "; }
	table tbody td:nth-of-type(3):before { content: "[ドア数] "; }
	table tbody td:nth-of-type(4):before { content: "[ステアリング・ホイール・ポジション] "; }
	table tbody td:nth-of-type(5):before { content: "[車両本体価格] "; }
	table tbody td:nth-of-type(5):after { font-weight:bold;}
    
    
    /***** 40周年限定車*****/
	table.anniversary-edition tbody td:nth-of-type(5):before { content: "[台数] "; }
	table.anniversary-edition tbody td:nth-of-type(6):before { content: "[車両本体価格（※税込）] "; }
	table.anniversary-edition tbody td:nth-of-type(6):after { font-weight:bold;}
    

    /***** bmw840i_frozenblack *****/
	table.bmw840i_frozenblack tbody td:nth-of-type(5):before { content: "[台数] "; }
	table.bmw840i_frozenblack tbody td:nth-of-type(6):before { content: "[メーカー希望小売価格] "; }
	table.bmw840i_frozenblack tbody td:nth-of-type(6):after { font-weight:bold;}
    
}


