{"id":187,"date":"2025-11-15T13:08:07","date_gmt":"2025-11-15T04:08:07","guid":{"rendered":"https:\/\/shakehandsmotors.com\/?page_id=187"},"modified":"2025-12-13T08:48:28","modified_gmt":"2025-12-12T23:48:28","slug":"usedcar-list","status":"publish","type":"page","link":"https:\/\/shakehandsmotors.com\/?page_id=187","title":{"rendered":"\u4e00\u89a7\u30da\u30fc\u30b8"},"content":{"rendered":"\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h1 class=\"wp-block-heading h1-underline\">\u4e2d\u53e4\u8eca\u4e00\u89a7<\/h1>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group u-mb-ctrl u-mb-5\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">    <div class=\"usedcar-filter-bar\">\n        <div class=\"filter-buttons\">\n            <button class=\"filter-button filter-narrow\" id=\"openFilterModal\">\n                <svg class=\"filter-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <polygon points=\"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3\"><\/polygon>\n                <\/svg>\n                <span class=\"filter-text\">\u7d5e\u308a\u8fbc\u3080<\/span>\n            <\/button>\n            <button class=\"filter-button filter-sort\" id=\"openSortModal\">\n                <svg class=\"filter-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <path d=\"m3 16 4 4 4-4\"><\/path>\n                    <path d=\"M7 20V4\"><\/path>\n                    <path d=\"m21 8-4-4-4 4\"><\/path>\n                    <path d=\"M17 4v16\"><\/path>\n                <\/svg>\n                <span class=\"filter-text\">\u4e26\u3073\u66ff\u3048<\/span>\n            <\/button>\n        <\/div>\n        <div class=\"filter-count\">\n            <span class=\"count-label\">\u8a72\u5f53\u8eca\u6570<\/span>\n            <span class=\"count-number\">1<\/span>\n            <span class=\"count-unit\">\u53f0<\/span>\n        <\/div>\n    <\/div>\n    \n    <!-- \u4e26\u3073\u66ff\u3048\u30e2\u30fc\u30c0\u30eb -->\n    <div id=\"sort-modal\" class=\"sort-modal\" style=\"display: none;\">\n        <div class=\"sort-modal-overlay\"><\/div>\n        <div class=\"sort-modal-content\">\n            <div class=\"sort-modal-header\">\n                <h3>\u4e26\u3073\u66ff\u3048<\/h3>\n                <button class=\"sort-modal-close\">&times;<\/button>\n            <\/div>\n            <div class=\"sort-modal-body\">\n                <button class=\"sort-option\" data-sort=\"new\">\u65b0\u7740\u9806\uff08\u65b0\u3057\u3044\u9806\uff09<\/button>\n                <button class=\"sort-option\" data-sort=\"total_price_asc\">\u652f\u6255\u7dcf\u984d\u304c\u5b89\u3044\u9806<\/button>\n                <button class=\"sort-option\" data-sort=\"price_asc\">\u8eca\u4e21\u672c\u4f53\u4fa1\u683c\u304c\u5b89\u3044\u9806<\/button>\n                <button class=\"sort-option\" data-sort=\"year_desc\">\u5e74\u5f0f\u304c\u65b0\u3057\u3044\u9806<\/button>\n                <button class=\"sort-option\" data-sort=\"mileage_asc\">\u8d70\u884c\u8ddd\u96e2\u304c\u5c11\u306a\u3044\u9806<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <style>\n    \/* \u30d5\u30a3\u30eb\u30bf\u30fc\u30d0\u30fc *\/\n    .usedcar-filter-bar {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 40px;\n        padding: 20px 0;\n        background: transparent;\n        border-radius: 0;\n        box-shadow: none;\n        margin: 0 auto 30px;\n        border: none;\n        max-width: 800px;\n    }\n    \n    .filter-buttons {\n        display: flex;\n        gap: 12px;\n    }\n    \n    .filter-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 6px;\n        padding: 10px 20px;\n        background: #fff;\n        border: 1px solid #ddd;\n        border-radius: 8px;\n        font-size: 14px;\n        font-weight: 400;\n        cursor: pointer;\n        transition: all 0.3s;\n        box-shadow: 0 2px 4px rgba(0,0,0,0.08);\n        min-width: 110px;\n    }\n    \n    .filter-button:hover {\n        border-color: #bbb;\n        box-shadow: 0 4px 8px rgba(0,0,0,0.12);\n        transform: translateY(-1px);\n    }\n    \n    .filter-icon {\n        width: 18px;\n        height: 18px;\n        color: #333;\n        flex-shrink: 0;\n    }\n    \n    .filter-text {\n        color: #333;\n        font-size: 14px;\n    }\n    \n    .filter-count {\n        display: flex;\n        align-items: baseline;\n        gap: 5px;\n    }\n    \n    .count-label {\n        font-size: 14px;\n        color: #666;\n        font-weight: 400;\n    }\n    \n    .count-number {\n        font-size: 52px;\n        font-weight: bold;\n        color: #FF8C00;\n        line-height: 1;\n    }\n    \n    .count-unit {\n        font-size: 22px;\n        color: #333;\n        font-weight: 500;\n    }\n    \n    \/* \u30b9\u30de\u30db\u5bfe\u5fdc *\/\n    @media (max-width: 768px) {\n        .usedcar-filter-bar {\n            flex-direction: row;\n            flex-wrap: wrap;\n            justify-content: center;\n            align-items: center;\n            gap: 20px;\n            padding: 20px 16px;\n            max-width: 100%;\n        }\n        \n        .filter-buttons {\n            justify-content: center;\n            gap: 10px;\n            flex-shrink: 0;\n        }\n        \n        .filter-button {\n            justify-content: center;\n            padding: 10px 18px;\n            min-width: 105px;\n            font-size: 13px;\n        }\n        \n        .filter-icon {\n            width: 16px;\n            height: 16px;\n        }\n        \n        .filter-text {\n            font-size: 13px;\n        }\n        \n        .filter-count {\n            justify-content: center;\n            gap: 4px;\n            flex-shrink: 0;\n        }\n        \n        .count-label {\n            font-size: 13px;\n        }\n        \n        .count-number {\n            font-size: 40px;\n        }\n        \n        .count-unit {\n            font-size: 18px;\n        }\n    }\n    \n    \/* \u4e26\u3073\u66ff\u3048\u30e2\u30fc\u30c0\u30eb *\/\n    .sort-modal {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 10000;\n    }\n    \n    .sort-modal-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: rgba(0,0,0,0.5);\n    }\n    \n    .sort-modal-content {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        background: #fff;\n        border-radius: 12px;\n        box-shadow: 0 4px 20px rgba(0,0,0,0.3);\n        max-width: 500px;\n        width: 90%;\n        max-height: 80vh;\n        overflow-y: auto;\n    }\n    \n    .sort-modal-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 25px 30px;\n        border-bottom: 2px solid #FCC800;\n        background: #fffbf0;\n    }\n    \n    .sort-modal-header h3 {\n        font-size: 20px;\n        font-weight: bold;\n        margin: 0;\n        color: #333;\n    }\n    \n    .sort-modal-close {\n        background: none;\n        border: none;\n        font-size: 32px;\n        color: #666;\n        cursor: pointer;\n        padding: 0;\n        line-height: 1;\n        transition: color 0.3s;\n    }\n    \n    .sort-modal-close:hover {\n        color: #333;\n    }\n    \n    .sort-modal-body {\n        padding: 20px;\n    }\n    \n    .sort-option {\n        display: block;\n        width: 100%;\n        padding: 18px 20px;\n        margin-bottom: 12px;\n        background: #fff;\n        border: 2px solid #e0e0e0;\n        border-radius: 8px;\n        font-size: 16px;\n        text-align: center;\n        cursor: pointer;\n        transition: all 0.3s;\n        color: #333;\n        font-weight: 500;\n    }\n    \n    .sort-option:last-child {\n        margin-bottom: 0;\n    }\n    \n    .sort-option:hover {\n        border-color: #FCC800;\n        background: #fffbf0;\n        transform: translateY(-2px);\n        box-shadow: 0 2px 8px rgba(252,200,0,0.2);\n    }\n    \n    \/* \u30b9\u30de\u30db\u5bfe\u5fdc *\/\n    @media (max-width: 768px) {\n        .sort-modal-content {\n            width: 95%;\n        }\n        \n        .sort-modal-header {\n            padding: 20px;\n        }\n        \n        .sort-modal-header h3 {\n            font-size: 18px;\n        }\n        \n        .sort-option {\n            padding: 16px;\n            font-size: 15px;\n        }\n    }\n    <\/style>\n    \n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ \u7d5e\u308a\u8fbc\u3080\u30dc\u30bf\u30f3\uff08\u65e2\u5b58\u306e\u8a73\u7d30\u691c\u7d22\u30e2\u30fc\u30c0\u30eb\u3092\u958b\u304f\uff09\n        var openFilterBtn = document.getElementById('openFilterModal');\n        if (openFilterBtn) {\n            openFilterBtn.addEventListener('click', function() {\n                var detailedModal = document.getElementById('detailed-search-modal');\n                if (detailedModal) {\n                    detailedModal.style.display = 'flex';\n                }\n            });\n        }\n        \n        \/\/ \u4e26\u3073\u66ff\u3048\u30dc\u30bf\u30f3\n        var openSortBtn = document.getElementById('openSortModal');\n        var sortModal = document.getElementById('sort-modal');\n        var sortModalClose = document.querySelector('.sort-modal-close');\n        var sortModalOverlay = document.querySelector('.sort-modal-overlay');\n        \n        if (openSortBtn && sortModal) {\n            \/\/ \u30e2\u30fc\u30c0\u30eb\u3092\u958b\u304f\n            openSortBtn.addEventListener('click', function() {\n                sortModal.style.display = 'block';\n            });\n            \n            \/\/ \u30e2\u30fc\u30c0\u30eb\u3092\u9589\u3058\u308b\n            function closeSortModal() {\n                sortModal.style.display = 'none';\n            }\n            \n            if (sortModalClose) {\n                sortModalClose.addEventListener('click', closeSortModal);\n            }\n            \n            if (sortModalOverlay) {\n                sortModalOverlay.addEventListener('click', closeSortModal);\n            }\n            \n            \/\/ ESC\u30ad\u30fc\u3067\u30e2\u30fc\u30c0\u30eb\u3092\u9589\u3058\u308b\n            document.addEventListener('keydown', function(e) {\n                if (e.key === 'Escape' && sortModal.style.display === 'block') {\n                    closeSortModal();\n                }\n            });\n            \n            \/\/ \u30bd\u30fc\u30c8\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u30af\u30ea\u30c3\u30af\n            var sortOptions = document.querySelectorAll('.sort-option');\n            sortOptions.forEach(function(option) {\n                option.addEventListener('click', function() {\n                    var sortValue = this.getAttribute('data-sort');\n                    \n                    \/\/ \u73fe\u5728\u306eURL\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u53d6\u5f97\n                    var url = new URL(window.location.href);\n                    var params = new URLSearchParams(url.search);\n                    \n                    \/\/ sort\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u8ffd\u52a0\/\u66f4\u65b0\n                    params.set('sort', sortValue);\n                    \n                    \/\/ \u30da\u30fc\u30b8\u9077\u79fb\n                    window.location.href = url.pathname + '?' + params.toString();\n                });\n            });\n        }\n    });\n    <\/script>\n    \n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group u-mb-ctrl u-mb-25\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">    \n    <div class=\"usedcar-quick-search-wrapper\">\n        <form action=\"https:\/\/shakehandsmotors.com\/usedcar-list\/\" method=\"get\" class=\"quick-search-form\">\n            <div class=\"search-input-wrapper\">\n                <input type=\"text\" \n                       name=\"keyword\" \n                       placeholder=\"\u8eca\u4e21\u691c\u7d22 \u30ad\u30fc\u30ef\u30fc\u30c9\u3067\u691c\u7d22\" \n                       class=\"search-input\">\n                <button type=\"submit\" class=\"search-submit-button\" aria-label=\"\u691c\u7d22\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                        <path d=\"m21 21-4.35-4.35\"><\/path>\n                    <\/svg>\n                <\/button>\n            <\/div>\n        <\/form>\n    <\/div>\n    \n    <style>\n    .usedcar-quick-search-wrapper {\n        max-width: 600px;\n        margin: 0 auto;\n        padding: 0;\n    }\n    \n    .quick-search-form {\n        width: 100%;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .search-input-wrapper {\n        display: flex;\n        align-items: center;\n        background: #fff;\n        border: 1px solid #ddd;\n        border-radius: 8px;\n        padding: 4px 4px 4px 16px;\n        transition: border-color 0.3s;\n    }\n    \n    .search-input-wrapper:focus-within {\n        border-color: #FCC800;\n    }\n    \n    .search-input {\n        flex: 1;\n        padding: 12px 8px;\n        border: none;\n        outline: none;\n        font-size: 16px;\n        font-family: inherit;\n        background: transparent;\n        line-height: 1.6;\n        color: #333;\n        min-width: 0;\n    }\n    \n    .search-input::placeholder {\n        color: #999;\n    }\n    \n    .search-input:focus {\n        outline: none;\n    }\n    \n    .search-submit-button {\n        background: #FCC800;\n        border: none;\n        border-radius: 50%;\n        width: 48px;\n        height: 48px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        transition: all 0.3s;\n        padding: 0;\n        flex-shrink: 0;\n    }\n    \n    .search-submit-button svg {\n        width: 24px;\n        height: 24px;\n        color: #333;\n    }\n    \n    .search-submit-button:hover {\n        background: #E6B800;\n        transform: scale(1.05);\n    }\n    \n    .search-submit-button:active {\n        transform: scale(0.95);\n    }\n    \n    \/* \u30bf\u30d6\u30ec\u30c3\u30c8\u5bfe\u5fdc\uff08768px\u4ee5\u4e0b\uff09 *\/\n    @media (max-width: 768px) {\n        .usedcar-quick-search-wrapper {\n            max-width: 100%;\n            padding: 0 16px;\n        }\n        \n        .search-input-wrapper {\n            padding: 4px 4px 4px 12px;\n        }\n        \n        .search-input {\n            padding: 10px 8px;\n            font-size: 15px;\n        }\n        \n        .search-submit-button {\n            width: 44px;\n            height: 44px;\n        }\n        \n        .search-submit-button svg {\n            width: 22px;\n            height: 22px;\n        }\n    }\n    <\/style>\n    \n    \n<\/div><\/div>\n\n\n        <div class=\"usedcar-grid-container\">\n                        <div class=\"usedcar-grid-card\">\n                <div class=\"card-header\">\n                    <span class=\"card-maker\">\u30b8\u30fc\u30d7<\/span>\n                                            <span class=\"card-divider\">|<\/span>\n                        <span class=\"card-bodytype\">SUV<\/span>\n                                    <\/div>\n                \n                <h3 class=\"card-car-name\">test001<\/h3>\n                \n                <div class=\"card-image-wrapper\">\n                                            <a href=\"https:\/\/shakehandsmotors.com\/?usedcar=483\">\n                            <img decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/shakehandsmotors.com\/wp-content\/uploads\/2025\/10\/23-300x200.png\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" srcset=\"https:\/\/shakehandsmotors.com\/wp-content\/uploads\/2025\/10\/23-300x200.png 300w, https:\/\/shakehandsmotors.com\/wp-content\/uploads\/2025\/10\/23.png 450w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                        <\/a>\n                                    <\/div>\n                \n                <div class=\"card-price-main\">\n                    <div class=\"price-label\">\u652f\u6255\u3044\u7dcf\u984d<\/div>\n                    <div class=\"price-amount\">450<span class=\"price-unit\">\u4e07\u5186<span class=\"price-tax\">(\u7a0e\u8fbc)<\/span><\/span><\/div>\n                <\/div>\n                \n                <div class=\"card-price-detail\">\n                    <div class=\"price-item\">\n                        <span class=\"price-detail-label\">\u8eca\u4e21\u672c\u4f53\u4fa1\u683c<\/span>\n                        <span class=\"price-detail-value\">400<span class=\"unit\">\u4e07\u5186<span class=\"tax\">(\u7a0e\u8fbc)<\/span><\/span><\/span>\n                    <\/div>\n                    <div class=\"price-item\">\n                        <span class=\"price-detail-label\">\u8af8\u8cbb\u7528<\/span>\n                        <span class=\"price-detail-value\">50<span class=\"unit\">\u4e07\u5186<span class=\"tax\">(\u7a0e\u8fbc)<\/span><\/span><\/span>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card-specs\">\n                    <div class=\"spec-row\">\n                        <div class=\"spec-item\">\n                            <div class=\"spec-label\">\u4e57\u8eca\u5b9a\u54e1<\/div>\n                            <div class=\"spec-value\">\uff14<\/div>\n                        <\/div>\n                        <div class=\"spec-item\">\n                            <div class=\"spec-label\">\u5e74\u5f0f<\/div>\n                            <div class=\"spec-value\">2023\u5e74<\/div>\n                        <\/div>\n                        <div class=\"spec-item\">\n                            <div class=\"spec-label\">\u8d70\u884c\u8ddd\u96e2<\/div>\n                            <div class=\"spec-value\">900km<\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"spec-row\">\n                        <div class=\"spec-item\">\n                            <div class=\"spec-label\">\u8eca\u691c<\/div>\n                            <div class=\"spec-value\">2026\u5e7412\u6708\u307e\u3067<\/div>\n                        <\/div>\n                        <div class=\"spec-item\">\n                            <div class=\"spec-label\">\u6392\u6c17\u91cf<\/div>\n                            <div class=\"spec-value\">\u2014<\/div>\n                        <\/div>\n                        <div class=\"spec-item\">\n                            <div class=\"spec-label\">\u4fee\u5fa9\u6b74<\/div>\n                            <div class=\"spec-value\">\u306a\u3057<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"card-buttons\">\n                    <a href=\"https:\/\/shakehandsmotors.com\/?usedcar=483\" class=\"btn-detail-white\">\u8a73\u3057\u304f\u898b\u308b<\/a>\n                    <a href=\"https:\/\/shakehandsmotors.com\/contact\/?car_id=C-2026-001&car_maker=%E3%82%B8%E3%83%BC%E3%83%97&car_name=test001\" class=\"btn-contact-yellow\">\u3053\u306e\u8eca\u306b\u3064\u3044\u3066\u554f\u3044\u5408\u308f\u305b\u308b<\/a>\n                <\/div>\n            <\/div>\n                    <\/div>\n        \n        <style>\n        \/* \u30b0\u30ea\u30c3\u30c9\u30b3\u30f3\u30c6\u30ca *\/\n        .usedcar-grid-container {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 30px;\n            margin: 40px 0;\n        }\n        \n        \/* \u30ab\u30fc\u30c9 *\/\n        .usedcar-grid-card {\n            background: #fff;\n            border: 1px solid #e0e0e0;\n            border-radius: 8px;\n            padding: 20px;\n            box-shadow: 0 2px 4px rgba(0,0,0,0.05);\n        }\n        \n        \/* \u30d8\u30c3\u30c0\u30fc\uff08\u30e1\u30fc\u30ab\u30fc | \u30dc\u30c7\u30a3\u30bf\u30a4\u30d7\uff09 *\/\n        .card-header {\n            display: flex;\n            align-items: center;\n            font-size: 14px;\n            color: #666;\n            margin-bottom: 8px;\n        }\n        \n        .card-maker {\n            font-weight: 500;\n        }\n        \n        .card-divider {\n            margin: 0 8px;\n            color: #ccc;\n        }\n        \n        .card-bodytype {\n            font-weight: 400;\n        }\n        \n        \/* \u8eca\u7a2e\u540d *\/\n        .card-car-name {\n            font-size: 22px;\n            font-weight: bold;\n            font-family: inherit;\n            margin: 0 0 15px 0;\n            color: #333;\n        }\n        \n        \/* \u753b\u50cf *\/\n        .card-image-wrapper {\n            margin-bottom: 20px;\n            border-radius: 4px;\n            overflow: hidden;\n        }\n        \n        .card-image-wrapper img {\n            width: 100%;\n            height: auto;\n            display: block;\n        }\n        \n        .card-image-wrapper .no-image {\n            width: 100%;\n            height: 200px;\n            background: #f5f5f5;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: #999;\n        }\n        \n        \/* \u652f\u6255\u3044\u7dcf\u984d\uff08\u5927\u304d\u304f\uff09 *\/\n        .card-price-main {\n            margin-bottom: 15px;\n        }\n        \n        .price-label {\n            font-size: 14px;\n            color: #666;\n            margin-bottom: 5px;\n        }\n        \n        .price-amount {\n            font-size: 36px;\n            font-weight: bold;\n            color: #FF6B00;\n            line-height: 1.2;\n        }\n        \n        .price-unit {\n            font-size: 16px;\n            font-weight: normal;\n            color: #333;\n        }\n        \n        .price-tax {\n            font-size: 14px;\n            color: #666;\n        }\n        \n        \/* \u4fa1\u683c\u8a73\u7d30\uff08\u672c\u4f53\u4fa1\u683c | \u8af8\u8cbb\u7528\uff09 *\/\n        .card-price-detail {\n            display: flex;\n            justify-content: space-between;\n            padding: 15px 0;\n            border-top: 1px solid #e0e0e0;\n            border-bottom: 1px solid #e0e0e0;\n            margin-bottom: 20px;\n        }\n        \n        .price-item {\n            flex: 1;\n            text-align: center;\n        }\n        \n        .price-item:first-child {\n            border-right: 1px solid #e0e0e0;\n        }\n        \n        .price-detail-label {\n            display: block;\n            font-size: 12px;\n            color: #666;\n            margin-bottom: 5px;\n        }\n        \n        .price-detail-value {\n            font-size: 18px;\n            font-weight: bold;\n            color: #333;\n        }\n        \n        .price-detail-value .unit {\n            font-size: 14px;\n            font-weight: normal;\n        }\n        \n        .price-detail-value .tax {\n            font-size: 12px;\n            color: #666;\n        }\n        \n        \/* \u30b9\u30da\u30c3\u30af\u60c5\u5831 *\/\n        .card-specs {\n            margin-bottom: 20px;\n        }\n        \n        .spec-row {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 15px;\n            margin-bottom: 15px;\n        }\n        \n        .spec-row:last-child {\n            margin-bottom: 0;\n        }\n        \n        .spec-item {\n            background: #f8f8f8;\n            padding: 10px;\n            border-radius: 4px;\n            text-align: center;\n        }\n        \n        .spec-label {\n            font-size: 11px;\n            color: #666;\n            margin-bottom: 5px;\n        }\n        \n        .spec-value {\n            font-size: 14px;\n            font-weight: 600;\n            color: #333;\n        }\n        \n        \/* \u30dc\u30bf\u30f3 *\/\n        .card-buttons {\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n        }\n        \n        .btn-detail-white {\n            display: block;\n            text-align: center;\n            padding: 12px 20px;\n            background: #fff;\n            border: 2px solid #333;\n            color: #333;\n            text-decoration: none;\n            font-weight: bold;\n            border-radius: 4px;\n            transition: all 0.3s;\n        }\n        \n        .btn-detail-white:hover {\n            background: #333;\n            color: #fff;\n        }\n        \n        .btn-contact-yellow {\n            display: block;\n            text-align: center;\n            padding: 12px 20px;\n            background: #FFC107;\n            border: none;\n            color: #000;\n            text-decoration: none;\n            font-weight: bold;\n            border-radius: 4px;\n            transition: all 0.3s;\n        }\n        \n        .btn-contact-yellow:hover {\n            background: #FFB300;\n        }\n        \n        \/* \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6 *\/\n        @media (max-width: 768px) {\n            .usedcar-grid-container {\n                grid-template-columns: 1fr;\n                gap: 20px;\n            }\n            \n            .card-car-name {\n                font-size: 18px;\n            }\n            \n            .price-amount {\n                font-size: 28px;\n            }\n            \n            .spec-row {\n                gap: 10px;\n            }\n            \n            .spec-label {\n                font-size: 10px;\n            }\n            \n            .spec-value {\n                font-size: 12px;\n            }\n        }\n        <\/style>\n        \n","protected":false},"excerpt":{"rendered":"<p>\u4e2d\u53e4\u8eca\u4e00\u89a7<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"swell_btn_cv_data":"","footnotes":""},"class_list":["post-187","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/shakehandsmotors.com\/index.php?rest_route=\/wp\/v2\/pages\/187","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shakehandsmotors.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shakehandsmotors.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shakehandsmotors.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/shakehandsmotors.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=187"}],"version-history":[{"count":10,"href":"https:\/\/shakehandsmotors.com\/index.php?rest_route=\/wp\/v2\/pages\/187\/revisions"}],"predecessor-version":[{"id":357,"href":"https:\/\/shakehandsmotors.com\/index.php?rest_route=\/wp\/v2\/pages\/187\/revisions\/357"}],"wp:attachment":[{"href":"https:\/\/shakehandsmotors.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}