{"product_id":"model-3-y-dynamic-3d-led-puddle-light","title":"Model 3\/Y (2017年以降)用ダイナミック3D LEDパドルライト | 360°調整可能","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1\" name=\"viewport\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\u003e \u003clink crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n  \/* --- All styles are strictly scoped to the #page-wrap container to prevent any conflicts with your website's existing styles. --- *\/\n\n  \/* 1. Global Styles \u0026 CSS Variables *\/\n  :root {\n    --primary-blue: #0a84ff;\n    --text-dark: #1d2129;\n    --text-light: #4b5563;\n    --bg-card: rgba(249, 250, 251, 0.8);\n    --border-color: rgba(0, 0, 0, 0.08);\n    --glass-bg: rgba(255, 255, 255, 0.65);\n    --glass-border: rgba(255, 255, 255, 0.3);\n    --shadow-soft: 0 8px 32px rgba(31, 38, 135, 0.07);\n    --radius-l: 20px;\n    --radius-m: 14px;\n  }\n\n  \/* 2. Layout \u0026 Containers *\/\n  #page-wrap {\n    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", sans-serif;\n    color: var(--text-dark);\n    line-height: 1.6;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    max-width: 1100px;\n    margin: 40px auto;\n    padding: 0 20px;\n  }\n\n  #page-wrap .content-section {\n    background: var(--glass-bg);\n    border: 1px solid var(--glass-border);\n    border-radius: var(--radius-l);\n    padding: 56px;\n    box-shadow: var(--shadow-soft);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    margin-bottom: 48px;\n  }\n\n  \/* 3. Typography (Starts from H2) *\/\n  #page-wrap h2, #page-wrap h3, #page-wrap h4 {\n    margin: 0 0 16px 0;\n    font-weight: 700;\n    color: var(--text-dark);\n    letter-spacing: -0.5px;\n    line-height: 1.2;\n  }\n\n  #page-wrap .hero-title {\n    font-size: 3rem;\n    font-weight: 800;\n    margin-bottom: 24px;\n  }\n  \n  #page-wrap h3 {\n    font-size: 2.2rem;\n    text-align: center;\n  }\n\n  #page-wrap h4 {\n    font-size: 1.25rem;\n    font-weight: 600;\n  }\n\n  #page-wrap p {\n    margin: 0 0 16px 0;\n    color: var(--text-light);\n    font-size: 1rem;\n    font-weight: 400;\n  }\n  \n  #page-wrap .subtitle {\n    max-width: 680px;\n    margin: 0 auto 48px auto;\n    font-size: 1.1rem;\n    color: var(--text-light);\n    text-align: center;\n    font-weight: 400;\n  }\n\n  \/* 4. Hero Section *\/\n  #page-wrap .hero-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 48px;\n    align-items: center;\n  }\n   #page-wrap .hero-img img {\n    width: 100%;\n    border-radius: var(--radius-m);\n    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);\n    display: block;\n  }\n  #page-wrap .feature-list {\n    list-style: none !important; padding: 0; margin-top: 24px;\n    display: flex; flex-direction: column; gap: 12px;\n  }\n  #page-wrap .feature-list li { padding-left: 28px; position: relative; font-weight: 500; }\n  \n  #page-wrap .feature-list li::before {\n    content: \"•\";\n    position: absolute; left: 0; top: 0;\n    color: var(--primary-blue);\n    font-size: 1.3rem;\n    line-height: 1.6;\n  }\n\n  \/* 5. Style Options Section *\/\n  #page-wrap .style-grid {\n    display: grid; grid-template-columns: 1fr 1fr;\n    gap: 32px; margin-top: 32px;\n  }\n  #page-wrap .style-option {\n    border: 1px solid var(--border-color); border-radius: var(--radius-m);\n    padding: 24px; text-align: center;\n  }\n  #page-wrap .style-option h4 { margin-bottom: 8px; font-size: 1.1rem; }\n  #page-wrap .style-option p { font-size: 0.95rem; color: var(--text-light); margin: 0;}\n  #page-wrap .style-img {\n    width: 100%; display: block; border-radius: var(--radius-m);\n    margin-bottom: 20px; \n    aspect-ratio: 1 \/ 1;\n    object-fit: cover; background-color: #111;\n  }\n\n  \/* 6. Text-Only Feature Cards Section *\/\n  #page-wrap .features-card-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 32px;\n  }\n  #page-wrap .feature-card {\n    background: var(--bg-card);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-m);\n    padding: 24px;\n  }\n  #page-wrap .feature-card h4 {\n    color: var(--primary-blue);\n    margin-bottom: 8px;\n  }\n  #page-wrap .feature-card p {\n    font-size: 0.95rem;\n    margin-bottom: 0;\n  }\n  \n  \/* 7. Installation Section *\/\n  #page-wrap .install-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 32px;\n  }\n  #page-wrap .install-step { text-align: center; }\n  #page-wrap .install-step .icon {\n    width: 56px; height: 56px; border-radius: 50%;\n    background: rgba(10, 132, 255, 0.1); color: var(--primary-blue);\n    display: inline-flex; align-items: center; justify-content: center;\n    margin-bottom: 16px;\n  }\n  #page-wrap .install-step h4 { margin-bottom: 8px; font-size: 1.1rem; }\n  #page-wrap .install-step p { font-size: 0.9rem; margin: 0; }\n\n  \/* 8. Specifications Section *\/\n  #page-wrap .spec-list {\n    max-width: 760px; margin: 0 auto;\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-m);\n    overflow: hidden;\n  }\n  #page-wrap .spec-item {\n    display: grid; grid-template-columns: 1fr 2fr;\n    padding: 16px 24px; border-bottom: 1px solid var(--border-color);\n  }\n  #page-wrap .spec-item:last-child { border-bottom: none; }\n  #page-wrap .spec-item:nth-child(odd) { background-color: var(--bg-card); }\n  #page-wrap .spec-item .spec-title { font-weight: 600; color: var(--text-dark); }\n  #page-wrap .spec-item .spec-value { color: var(--text-light); }\n\n  \/* 9. FAQ Section *\/\n  #page-wrap .faq-wrap {\n    max-width: 760px; margin: 0 auto; display: flex;\n    flex-direction: column; gap: 16px;\n  }\n  #page-wrap details { background: var(--bg-card); border: 1px solid var(--border-color); border-radius: var(--radius-m); }\n  #page-wrap summary {\n    padding: 20px 24px; font-weight: 600; cursor: pointer;\n    list-style: none !important; display: flex;\n    justify-content: space-between; align-items: center;\n  }\n  #page-wrap summary::-webkit-details-marker { display: none; }\n  #page-wrap .faq-plus { font-size: 1.5rem; color: var(--primary-blue); transition: transform 0.25s ease; }\n  #page-wrap details[open] summary .faq-plus { transform: rotate(45deg); }\n  #page-wrap .faq-body {\n    padding: 0 24px 24px; color: var(--text-light);\n    border-top: 1px solid var(--border-color); margin: 0 24px;\n  }\n  #page-wrap .faq-body p { padding-top: 16px; margin: 0;}\n\n  \/* 10. Responsive Design *\/\n  @media (max-width: 768px) {\n    #page-wrap .hero-grid, #page-wrap .style-grid, #page-wrap .install-grid, #page-wrap .features-card-grid {\n      grid-template-columns: 1fr;\n    }\n    #page-wrap .content-section { padding: 32px 24px; }\n    #page-wrap .hero-title { font-size: 2.5rem; }\n    #page-wrap h3 { font-size: 1.8rem; text-align: center; }\n    #page-wrap .spec-item { grid-template-columns: 1fr; gap: 4px; }\n\n    \/* --- NEW: Mobile Reordering for Hero Section --- *\/\n    #page-wrap .hero-grid .hero-img {\n      grid-row: 1; \/* Move image to the first row on mobile *\/\n    }\n    #page-wrap .hero-grid .hero-text {\n      grid-row: 2; \/* Move text to the second row on mobile *\/\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv id=\"page-wrap\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003csection class=\"content-section\" aria-labelledby=\"product-title\"\u003e\n\u003cdiv class=\"hero-grid\"\u003e\n\u003cdiv class=\"hero-text\"\u003e\n\u003ch2 id=\"product-title\" class=\"hero-title\"\u003eいつでもダイナミックなウェルカム。\u003c\/h2\u003e\n\u003cp\u003eTeslaのエントリー体験を高めましょう。私たちの3Dダイナミックパドルライトは、驚くほど美しいウルトラHDのウェルカムを投影し、お好みに合わせて完全に調整可能です。\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e360°回転レンズ：\u003c\/strong\u003e毎回完璧なロゴの整列を実現。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eウルトラHDダイナミックビジュアル：\u003c\/strong\u003e色あせないガラスレンズで鮮明で鮮やかな投影。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eプラグ＆プレイ設置：\u003c\/strong\u003e工具不要、損傷なし、保証の心配なし。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-img\"\u003e\u003cimg src=\"https:\/\/www.tesery.com\/cdn\/shop\/files\/dynamic-3d-led-puddle-lights-for-model-3y-2017-present-360-adjustable-4861858.png?v=1773823411\u0026amp;width=713\" alt=\"Tesla Model Yの開いたドアから地面に投影される動的な3D Tロゴ。\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 2. Style Options Section --\u003e\n\u003csection class=\"content-section\" aria-labelledby=\"styles-title\"\u003e\n\u003ch3 id=\"styles-title\"\u003eあなたのシグネチャーウェルカムを選択\u003c\/h3\u003e\n\u003cp class=\"subtitle\"\u003e個人の美学に合わせた2つの精巧にデザインされたスタイルで、入口を印象的に変えます。\u003c\/p\u003e\n\u003cdiv class=\"style-grid\"\u003e\n\u003cdiv class=\"style-option\"\u003e\n\u003cimg src=\"https:\/\/www.tesery.com\/cdn\/shop\/files\/dynamic-3d-led-puddle-lights-for-model-3y-2017-present-360-adjustable-8591255.jpg?v=1773823411\u0026amp;width=713\" alt=\"スタイルAのパドルライトを示すアニメーションGIF：動的なTesla Tロゴと文字。\" class=\"style-img\"\u003e\n\u003ch4\u003eスタイルA：クラシックTロゴ\u003c\/h4\u003e\n\u003cp\u003e象徴的なTeslaの「T」ロゴと文字が純粋なブランドアイデンティティを投影します。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"style-option\"\u003e\n\u003cimg src=\"https:\/\/www.tesery.com\/cdn\/shop\/files\/dynamic-3d-led-puddle-lights-for-model-3y-2017-present-360-adjustable-7155424.jpg?v=1773823411\u0026amp;width=713\" alt=\"スタイルBのパドルライトを示すアニメーションGIF：動的な「Welcome」テキストとTeslaロゴ。\" class=\"style-img\"\u003e\n\u003ch4\u003eスタイルB：コンシェルジュウェルカム\u003c\/h4\u003e\n\u003cp\u003e究極のエレガントな到着セレモニーのための洗練された「Welcome」挨拶。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 3. Core Advantages (Text Only) --\u003e\n\u003csection class=\"content-section\" aria-labelledby=\"advantages-title\"\u003e\n\u003ch3 id=\"advantages-title\"\u003e私たちのライトが際立つ理由\u003c\/h3\u003e\n\u003cp class=\"subtitle\"\u003e鮮明さ、安全性、使いやすさで優れた体験をもたらす主な特徴をご紹介します。\u003c\/p\u003e\n\u003cdiv class=\"features-card-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003e360°完璧な調整\u003c\/h4\u003e\n\u003cp\u003e固定角度の制限から解放されます。革新的な内部回転機構により、投影角度を自由に調整して完璧な表示が可能です。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003eウルトラHDダイナミックビジュアル\u003c\/h4\u003e\n\u003cp\u003e高透明度で色あせないガラスレンズが鮮明さを200%向上させ、動的な光と影の技術で比類なき到着感を演出します。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003e安全性と美学の融合\u003c\/h4\u003e\n\u003cp\u003e視覚的なアップグレード以上の安全性向上です。明るい投影が地面を照らし、障害物を避けるのに役立ち、周囲に注意を促します。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003eプラグ＆プレイ取り付け\u003c\/h4\u003e\n\u003cp\u003e完璧な純正フィットを追求して設計。配線の切断や改造は不要で、車両保証にも影響なし。純粋なプラグ＆プレイです。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 4. Installation Section --\u003e\n\u003csection class=\"content-section\" aria-labelledby=\"install-title\"\u003e\n\u003ch3 id=\"install-title\"\u003e10分で純正フィットの取り付け\u003c\/h3\u003e\n\u003cp class=\"subtitle\"\u003e2017年から最新モデルまで、すべてのモデル3\/Yにシームレスに対応。工具不要で安心です。\u003c\/p\u003e\n\u003cdiv class=\"install-grid\"\u003e\n\u003cdiv class=\"install-step\"\u003e\n\u003cdiv class=\"icon\" aria-hidden=\"true\"\u003e\u003csvg 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\"\u003e\u003cpath d=\"m15 5-3 3-3-3\"\u003e\u003c\/path\u003e\u003cpath d=\"m15 19-3-3-3 3\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 2v20\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch4\u003e1. こじ開け\u003c\/h4\u003e\n\u003cp\u003eこじ開けツールを使って元の工場製ドアライトを優しく取り外します。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"install-step\"\u003e\n\u003cdiv class=\"icon\" aria-hidden=\"true\"\u003e\u003csvg 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\"\u003e\u003cpath d=\"M18 12H6\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 6v12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch4\u003e2. 取り外し\u003c\/h4\u003e\n\u003cp\u003e元のライトモジュールから電源コネクターを外します。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"install-step\"\u003e\n\u003cdiv class=\"icon\" aria-hidden=\"true\"\u003e\u003csvg 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\"\u003e\u003cpath d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z\"\u003e\u003c\/path\u003e\u003cpath d=\"m9 12 2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch4\u003e3. プラグ＆プレイ\u003c\/h4\u003e\n\u003cp\u003e新しい3Dパドルライトを接続し、元の位置にカチッとはめるだけ。完了です！\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 5. Specifications Section --\u003e\n\u003csection class=\"content-section\" aria-labelledby=\"specs-title\"\u003e\n\u003ch3 id=\"specs-title\"\u003e製品仕様\u003c\/h3\u003e\n\u003cdiv class=\"spec-list\"\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cspan class=\"spec-title\"\u003e対応モデル\u003c\/span\u003e\u003cspan class=\"spec-value\"\u003eテスラ モデル3（全年式）／モデルY（全年式、ジュニパー含む）\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cspan class=\"spec-title\"\u003e調整可能機能\u003c\/span\u003e\u003cspan class=\"spec-value\"\u003e360°自由回転投影角度\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cspan class=\"spec-title\"\u003eスタイルオプション\u003c\/span\u003e\u003cspan class=\"spec-value\"\u003e① クラシックTロゴ | ② コンシェルジュウェルカム\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cspan class=\"spec-title\"\u003eパッケージ内容\u003c\/span\u003e\u003cspan class=\"spec-value\"\u003e2個（前または後ろドア用）／4個（全ドア用フルセット）\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cspan class=\"spec-title\"\u003e主要素材\u003c\/span\u003e\u003cspan class=\"spec-value\"\u003eHDアンチエイジングガラスレンズ＋アルミニウム放熱シェル\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 6. FAQ Section --\u003e\n\u003csection class=\"content-section\" aria-labelledby=\"faq-title\"\u003e\n\u003ch3 id=\"faq-title\"\u003eよくある質問\u003c\/h3\u003e\n\u003cdiv class=\"faq-wrap\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003e投影画像は時間とともに色あせますか？\u003cspan class=\"faq-plus\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"faq-body\"\u003e\n\u003cp\u003eいいえ。プラスチックフィルムの代わりに高品質な多層ガラスレンズを使用しています。これにより、投影は鮮明で鮮やか、熱や経年による色あせに強くなっています。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e2ピースキットと4ピースキットのどちらが必要ですか？\u003cspan class=\"faq-plus\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"faq-body\"\u003e\n\u003cp\u003e2ピースキットは前方の2ドア用です。4ピースキットは4ドアすべて用です。最も完全で没入感のある体験のために、4ピースキットを強くおすすめします。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eこの取り付けでテスラの保証は無効になりますか？\u003cspan class=\"faq-plus\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"faq-body\"\u003e\n\u003cp\u003e絶対に違います。取り付けは100％プラグアンドプレイで完全に元に戻せます。配線の切断や永久的な改造は不要で、工場保証はそのまま維持されます。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Tesery Official Store","offers":[{"title":"選択してください \/ 2個セット","offer_id":48113231888616,"sku":null,"price":7500.0,"currency_code":"JPY","in_stock":true},{"title":"選択してください \/ 4個セット","offer_id":48113231921384,"sku":null,"price":14000.0,"currency_code":"JPY","in_stock":true},{"title":"ダイナミックなテスラ＆Tロゴ \/ 2個セット","offer_id":48113231954152,"sku":"TLA012","price":7500.0,"currency_code":"JPY","in_stock":true},{"title":"ダイナミックなテスラ＆Tロゴ \/ 4個セット","offer_id":48113231986920,"sku":"TLA012-4","price":14000.0,"currency_code":"JPY","in_stock":true},{"title":"Dynamic Welcome \u0026 T ロゴ \/ 2個セット","offer_id":48113232019688,"sku":"TLA013","price":7500.0,"currency_code":"JPY","in_stock":true},{"title":"Dynamic Welcome \u0026 T ロゴ \/ 4個セット","offer_id":48113232052456,"sku":"TLA013-4","price":14000.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/Dynamic_LED_Puddle_Lights_for_Model_3Y_7.gif?v=1773823411","url":"https:\/\/www.tesery.com\/ja-jp\/products\/model-3-y-dynamic-3d-led-puddle-light","provider":"Tesery Official Store","version":"1.0","type":"link"}