/* 車両販売 (stockcars) ページ専用スタイル
 * 共通の #wrapper は使わず、.stockcars-page を独自コンテナとする。
 * メーカータブは #mainNav li a と同じ幅・padding・フォント指定でナビと揃える。
 */

.stockcars-page {
    width: 960px;
    margin: 0 auto;
    clear: both;
    position: relative;
}

.maker-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0;
    padding: 0;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 32px;
    list-style: none;
}

.maker-tabs a {
    /* #mainNav li a と同じ幅・高さ・文字サイズ・色に揃える
       (6 タブ x 160px = 960px / 高さ 30px + padding 15px x 2 + border 2px x 2 = 64px) */
    display: block;
    flex: 0 0 160px;
    height: 30px;
    padding: 15px 0;
    margin-bottom: -1px;
    color: #555;
    text-align: center;
    font-size: 13px;
    line-height: 1.5;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    transition: color 0.15s, border-color 0.15s;
}

.maker-tabs a span {
    display: block;
}

.maker-tabs a .maker-en {
    font-size: 10px;
    color: #bababa;
}

.maker-tabs a:hover,
.maker-tabs a.active {
    color: #999;
}

.maker-tabs a.active {
    border-bottom-color: #555;
}

.car-wrapper[hidden] {
    display: none;
}