PageSourceSearch

https://toyota-yuiproject.com/

html toyota-yuiproject.com collected 2026-10-05 01:46:14 UTC 112,617 bytes, 2,705 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja">
3<head>
4        <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <title>トヨタ中古車ブログ</title>
7    <meta name="description" content="">
8        <meta name="apple-mobile-web-app-capable" content="yes">
9    <meta name="license-proof" content="ae0267dc245f331e1360f5c15113f400cd361fd17573bc8c46934420081b83f8">                <link rel="canonical" href="https://toyota-yuiproject.com/">
10
11    
12    <meta property="og:title" content="トヨタ中古車ブログ">
13    <meta property="og:description" content="">
14    <meta property="og:type" content="website">
15    <meta property="og:locale" content="ja_JP">
16    <meta property="og:url" content="https://toyota-yuiproject.com/">
17            <meta property="og:site_name" content="トヨタ中古車ブログ">
18        
19    
20    <meta name="twitter:card" content="summary_large_image">
21    <meta name="twitter:title" content="トヨタ中古車ブログ">
22    <meta name="twitter:description" content="">
23    
24    
25    
26    
27    <style>
28         
29        * { margin: 0; padding: 0; box-sizing: border-box; }
30        body {
31            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans JP", sans-serif;
32            line-height: 1.6;
33            color: #333;
34            background-color: #fff;
35        }
36        .container {
37            max-width: 1200px;
38            margin: 0 auto;
39            padding: 0 15px;
40        }
41        .row {
42            display: flex;
43            flex-wrap: wrap;
44            margin-left: -15px;
45            margin-right: -15px;
46        }
47        .col, .col-lg-8, .col-lg-4 {
48            padding-left: 15px;
49            padding-right: 15px;
50        }
51        .card {
52            background: #fff;
53            border: 1px solid #ddd;
54            border-radius: 8px;
55            margin-bottom: 20px;
56        }
57        .card-body {
58            padding: 20px;
59        }
60        img {
61            max-width: 100%;
62            height: auto;
63        }
64
65         
66        .navbar {
67            position: relative;
68            display: flex;
69            flex-wrap: wrap;
70            align-items: center;
71            justify-content: space-between;
72            padding: 0.5rem 1rem;
73        }
74        .navbar-nav {
75            display: flex;
76            flex-direction: column;
77            padding-left: 0;
78            margin-bottom: 0;
79            list-style: none;
80        }
81        .nav-item {
82            margin-bottom: 0;
83        }
84        .nav-link {
85            display: block;
86            padding: 0.5rem 1rem;
87            color: inherit;
88            text-decoration: none;
89            transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
90        }
91        .mx-auto {
92            margin-left: auto !important;
93            margin-right: auto !important;
94        }
95        .ms-auto {
96            margin-left: auto !important;
97        }
98        .navbar-toggler {
99            padding: 0.25rem 0.75rem;
100            font-size: 1.25rem;
101            line-height: 1;
102            background-color: transparent;
103            border: 1px solid transparent;
104            border-radius: 0.25rem;
105        }
106        .navbar-collapse {
107            flex-basis: 100%;
108            flex-grow: 1;
109            align-items: center;
110        }
111        .collapse:not(.show) {
112            display: none;
113        }
114        @media (min-width: 992px) {
115            .navbar-expand-lg {
116                flex-wrap: nowrap;
117                justify-content: flex-start;
118            }
119            .navbar-expand-lg .navbar-nav {
120                flex-direction: row;
121            }
122            .navbar-expand-lg .navbar-toggler {
123                display: none;
124            }
125            .navbar-expand-lg .navbar-collapse {
126                display: flex !important;
127                flex-basis: auto;
128            }
129        }
130    </style>
131
132    
133    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" media="print" onload="this.media='all'">
134    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet" media="print" onload="this.media='all'">
135    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
136
137    
138    <noscript>
139        <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
140        <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
141        <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap" rel="stylesheet">
142    </noscript>
143
144    <style>
145        
146        :root {
147            --main-color: #1e3a5f;
148            --main-color-rgb: 30, 58, 95;
149            --contrast-text-color: #ffffff;
150            --h2-color: #1e3a5f;
151            --h2-text-color: #000000;
152            --h3-color: #2c5282;
153            --h3-text-color: #2c5282;
154            --h4-color: #4a6fa5;
155            --h4-text-color: #4a6fa5;
156            --bg-color: rgba(30, 58, 95, 0.08);
157            --text-color: #1e3a5f;
158            --card-bg: rgba(255, 255, 255, 0.95);
159            --link-color: #1e3a5f;
160            --link-hover: #1e3a5f;
161            --btn-bg: #1e3a5f;
162            --btn-text: #ffffff;
163            --border-radius: 4px;
164            --card-radius: 8px;
165            --shadow: 0 4px 15px rgba(30, 58, 95, 0.2);
166            --card-shadow: 0 4px 20px rgba(30, 58, 95, 0.15);
167            --main-visual-gradient-start: #f0f4f8;
168            --main-visual-gradient-end: #f0f4f8;
169            --site-name-color: #ffffff;
170            --site-desc-color: #ffffff;
171            --font-size: 16px;
172            --font-weight: 400;
173            --line-height: 1.6;
174            --letter-spacing: normal;
175            --h1-size: 32px;
176            --h1-weight: 700;
177            --h2-size: 28px;
178            --h2-weight: 700;
179            --h3-size: 24px;
180            --h3-weight: 600;
181            --h4-size: 20px;
182            --h4-weight: 600;
183            --meta-color: #1e3a5f;
184            --card-title-color: #1e3a5f;
185            --related-title-color: #1e3a5f;
186            --card-header-bg: #1e3a5f;
187            --glow: 0 0 20px rgba(30, 58, 95, 0.3);
188            --secondary-color: #1e5f23;
189            --secondary-color-rgb: 30, 95, 35;
190            --complementary-color: #5f431e;
191            --complementary-color-rgb: 95, 67, 30;
192            --analogous-color: #1e5b5f;
193            --analogous-color-rgb: 30, 91, 95;
194        }
195
196        body {
197            background-color: var(--bg-color);
198            color: var(--text-color);
199            font-family: 'Noto Sans JP', 'Yu Gothic', sans-serif;
200            font-size: var(--font-size);
201            font-weight: var(--font-weight);
202            line-height: var(--line-height);
203            letter-spacing: var(--letter-spacing);
204        }
205
206         
207        h1 {
208            font-size: var(--h1-size);
209            font-weight: var(--h1-weight);
210            color: var(--text-color);
211        }
212
213        .article-content h2, h2 {
214            font-size: var(--h2-size);
215            font-weight: var(--h2-weight);
216            color: var(--h2-text-color);
217            text-shadow: var(--h2-text-shadow, none);
218        }
219
220        .article-content h3, h3 {
221            font-size: var(--h3-size);
222            font-weight: var(--h3-weight);
223            color: var(--h3-text-color);
224            text-shadow: var(--h3-text-shadow, none);
225        }
226
227        .article-content h4, h4 {
228            font-size: var(--h4-size);
229            font-weight: var(--h4-weight);
230            color: var(--h4-text-color);
231            text-shadow: var(--h4-text-shadow, none);
232        }
233
234         
235        .card {
236            background-color: var(--card-bg);
237            border: 1px solid rgba(var(--main-color-rgb), 0.3);
238            border-radius: var(--card-radius) !important;
239            box-shadow: var(--card-shadow);
240        }
241
242        .card * {
243            color: var(--text-color);
244        }
245
246        .card a {
247            color: var(--link-color);
248        }
249
250        .card a:hover {
251            color: var(--link-hover);
252        }
253
254         
255        .row .card:hover {
256            transform: translateY(-2px);
257            transition: all 0.3s ease;
258            box-shadow: 0 8px 30px rgba(var(--main-color-rgb), 0.25);
259            border-color: rgba(var(--main-color-rgb), 0.4);
260        }
261
262         
263        article.card:hover {
264            transform: none !important;
265        }
266
267         
268        a {
269            color: var(--link-color);
270            text-shadow: var(--text-shadow, none);
271            transition: color 0.2s ease;
272        }
273        a:hover {
274            color: var(--link-hover);
275        }
276
277         
278        .btn-primary {
279            background: var(--btn-bg);
280            border: none;
281            color: var(--btn-text);
282            border-radius: var(--border-radius);
283            box-shadow: var(--glow, none);
284            transition: all 0.3s ease;
285        }
286        .btn-primary i {
287            color: var(--btn-text);
288        }
289        .btn-primary:hover {
290            background: #1e3a5f;
291            transform: translateY(-2px);
292            box-shadow: var(--shadow);
293        }
294
295        .btn-outline-primary {
296            color: var(--main-color);
297            border-color: var(--main-color);
298            border-radius: var(--border-radius);
299        }
300        .btn-outline-primary:hover {
301            background: var(--main-color);
302            color: var(--btn-text);
303        }
304
305         
306        .category-badge, .badge.bg-primary {
307            background: var(--main-color) !important;
308            color: var(--contrast-text-color) !important;
309            border-radius: var(--border-radius);
310            padding: 4px 12px;
311            font-size: 0.875rem;
312        }
313
314         
315        a.category-badge,
316        a.category-badge:hover,
317        a.category-badge:focus {
318            color: var(--contrast-text-color) !important;
319        }
320
321        .badge.bg-secondary {
322            background: rgba(var(--main-color-rgb), 0.2) !important;
323            color: var(--text-color) !important;
324        }
325
326         
327        .alert-info {
328            background: rgba(var(--main-color-rgb), 0.1);
329            border-color: rgba(var(--main-color-rgb), 0.3);
330            color: var(--text-color);
331        }
332
333         
334        .form-control {
335            border-color: rgba(var(--main-color-rgb), 0.3);
336        }
337        .form-control:focus {
338            border-color: var(--main-color);
339            box-shadow: 0 0 0 0.25rem rgba(var(--main-color-rgb), 0.25);
340        }
341        .input-group .btn-primary {
342            border-color: var(--main-color);
343        }
344
345         
346        .pagination .page-link {
347            border-radius: var(--border-radius);
348            color: var(--text-color);
349            border-color: rgba(var(--main-color-rgb), 0.3);
350        }
351        .pagination .page-link:hover {
352            background: rgba(var(--main-color-rgb), 0.1);
353            border-color: rgba(var(--main-color-rgb), 0.5);
354            color: var(--main-color);
355        }
356        .pagination .page-item.active .page-link {
357            background: var(--main-color);
358            border-color: var(--main-color);
359            color: var(--contrast-text-color);
360        }
361
362         
363        .card-header {
364            background: var(--card-header-bg);
365            color: var(--contrast-text-color);
366            font-weight: var(--font-weight);
367            border-radius: var(--card-radius) var(--card-radius) 0 0;
368        }
369
370        .card-header h3, .card-header h5, .card-header h6 {
371            color: var(--contrast-text-color) !important;
372            font-weight: var(--font-weight);
373        }
374
375        .card-header i {
376            color: var(--contrast-text-color) !important;
377            font-family: 'Font Awesome 6 Free' !important;
378            font-weight: 900 !important;
379        }
380
381         
382        .card-title, .card-title a {
383            color: var(--card-title-color);
384            text-shadow: var(--text-shadow, none);
385        }
386
387         
388        .text-muted, small, .article-meta {
389            color: var(--meta-color) !important;
390        }
391
392         
393        .related-article-title {
394            color: var(--related-title-color);
395        }
396
397         
398        .image-placeholder {
399            background-color: var(--card-bg);
400            color: var(--meta-color);
401        }
402
403         
404        .text-dark,
405        .text-dark:hover,
406        .text-dark:focus,
407        .text-dark:active,
408        a.text-dark,
409        a.text-dark:hover,
410        a.text-dark:focus {
411            color: var(--text-color) !important;
412        }
413
414        .bg-light {
415            background-color: var(--card-bg) !important;
416        }
417
418         
419        .text-decoration-none {
420            color: var(--text-color) !important;
421        }
422
423        .text-decoration-none:hover {
424            color: var(--main-color) !important;
425        }
426    
427         
428        .article-content h2 {
429    
430                border-left: 4px solid var(--h2-color);
431                padding-left: 15px;
432                margin: 35px 0 20px;
433                color: var(--h2-text-color);
434            }
435        .article-content h3 {
436            font-weight: 600;
437    
438                margin: 28px 0 15px;
439                color: var(--h3-text-color);
440            }
441        .article-content h4 {
442            font-weight: 600;
443            font-size: 1.1rem;
444    
445                margin: 24px 0 12px;
446                color: var(--h4-text-color);
447            }
448        .main-visual {
449            background-color: var(--top-bg-color);
450        }
451    
452         
453        .article-content blockquote {
454            border-left: 4px solid var(--main-color);
455            background: rgba(var(--main-color-rgb), 0.05);
456            padding: 16px 20px;
457            margin: 24px 0;
458            font-style: italic;
459            color: #555;
460            border-radius: 4px;
461        }
462
463         
464        .article-content q {
465            font-style: italic;
466            color: #555;
467        }
468
469        .article-content q:before {
470            content: '「';
471            color: var(--main-color);
472        }
473
474        .article-content q:after {
475            content: '」';
476            color: var(--main-color);
477        }
478
479         
480        .article-content cite {
481            display: block;
482            text-align: right;
483            font-size: 0.85em;
484            color: #888;
485            margin-top: 8px;
486            font-style: normal;
487        }
488
489        .article-content cite:before {
490            content: '— ';
491        }
492    
493         
494        .ecv-box{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;display:flex;
495            isolation:isolate;background:var(--main-color);border-radius:8px;}
496        .ecv-box .ecv-title{position:relative;z-index:3;margin:auto;padding:6% 7%;
497            color:#fff;font-weight:800;font-size:clamp(16px,2.6vw,26px);line-height:1.35;
498            letter-spacing:-.01em;text-align:center;max-width:92%;word-break:break-word;
499             
500            text-shadow:0 1px 2px rgba(0,0,0,.7), 0 0 3px rgba(0,0,0,.55), 0 0 12px rgba(0,0,0,.35);}
501         
502        .ecv-box:not(.ecv-p4)::after{content:'';position:absolute;inset:0;z-index:2;
503            background:radial-gradient(ellipse at center, rgba(0,0,0,.34) 0%, rgba(0,0,0,.20) 55%, rgba(0,0,0,.08) 100%);
504            pointer-events:none;}
505        .ecv-box .ecv-cat{position:absolute;z-index:3;top:6%;left:6%;font-size:clamp(9px,1.4vw,12px);
506            font-weight:800;letter-spacing:.1em;color:#fff;
507            border:1px solid rgba(255,255,255,.7);border-radius:999px;padding:2px 9px;
508            text-shadow:0 1px 2px rgba(0,0,0,.6);
509            max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
510         
511        .card .ecv-box{border-radius:0;}
512        .card .ecv-box .ecv-title{font-size:clamp(13px,1.4vw,16px);padding:8% 8%;}
513         
514        .ecv-box.ecv-sm{width:100%;height:100%;aspect-ratio:auto;border-radius:6px;}
515        .ecv-box.ecv-sm .ecv-title{font-size:12px;padding:8px;text-shadow:none;}
516        .ecv-box.ecv-sm .ecv-cat{display:none;}
517
518         
519        .ecv-p1{background:linear-gradient(125deg,
520            rgba(255,255,255,.28) 0%, var(--main-color) 42%, rgba(0,0,0,.34) 100%),var(--main-color);}
521         
522        .ecv-p2::before{content:'';position:absolute;inset:0;z-index:1;opacity:.5;
523            background-image:radial-gradient(rgba(255,255,255,.6) 1.4px,transparent 1.6px);
524            background-size:16px 16px;mix-blend-mode:soft-light;}
525         
526        .ecv-p3{background:linear-gradient(180deg,var(--main-color),rgba(0,0,0,.28)),var(--main-color);}
527        .ecv-p3 .ecv-wm{position:absolute;z-index:1;right:-4%;bottom:-22%;font-weight:900;
528            font-size:clamp(60px,15vw,150px);color:#fff;opacity:.12;letter-spacing:-.04em;
529            line-height:.8;white-space:nowrap;pointer-events:none;}
530         
531        .ecv-p4{background:#f4f5f7;}
532        .ecv-p4::before{content:'';position:absolute;inset:0 auto 0 0;width:5%;min-width:10px;z-index:2;
533            background:var(--main-color);}
534        .ecv-p4 .ecv-title{color:#20242c;text-align:left;margin:auto auto auto 0;
535            padding-left:9%;text-shadow:none;}
536        .ecv-p4 .ecv-cat{color:#20242c;border-color:rgba(var(--main-color-rgb),.55);left:9%;
537            text-shadow:none;}
538         
539        .ecv-p5{background:linear-gradient(115deg,
540            rgba(0,0,0,.42) 0 52%, rgba(0,0,0,.06) 52% 100%),var(--main-color);}
541         
542        .ecv-p6{background:linear-gradient(140deg,var(--main-color) 0%,rgba(0,0,0,.22) 100%),var(--main-color);}
543        .ecv-p6::before{content:'\201C';position:absolute;z-index:1;left:2%;top:-14%;
544            font-family:Georgia,'Times New Roman',serif;
544font-size:clamp(100px,22vw,210px);
545            color:#fff;opacity:.16;line-height:1;}
546        .ecv-p6 .ecv-stripe{position:absolute;z-index:1;inset:0;opacity:.26;mix-blend-mode:soft-light;
547            background:repeating-linear-gradient(90deg,rgba(255,255,255,.7) 0 2px,transparent 2px 9px);}
548    
549         
550        .article-content table {
551            width: 100%;
552            border-collapse: collapse;
553            margin: 1.5em 0;
554            font-size: 0.9em;
555        }
556        .article-content th,
557        .article-content td {
558            border: 1px solid #ddd;
559            padding: 0.75em;
560            text-align: left;
561        }
562        .article-content th {
563            font-weight: bold;
564            background-color: #f9f9f9;
565        }
566         
567
568         
569        .article-card > a:first-child,
570        .article-card > a:first-child > picture,
571        .article-card > a:first-child > picture > img,
572        .article-card > a:first-child > img {
573            display: block;
574            width: 100%;
575            aspect-ratio: 16 / 9;
576            object-fit: cover;
577            border-radius: 8px 8px 0 0;
578        }
579
580         
581        .article-card {
582            contain: layout style;
583            content-visibility: auto;
584            contain-intrinsic-size: 0 400px;  
585        }
586
587        .article-card img {
588            aspect-ratio: 16 / 9;  
589            width: 100%;
590            height: auto;
591        }
592
593         
594        .site-header {
595            background-color: rgba(var(--main-color-rgb), 0.15);
596            backdrop-filter: blur(10px);
597            box-shadow: 0 2px 10px rgba(var(--main-color-rgb), 0.2);
598            border-bottom: 3px solid var(--main-color);
599                        position: sticky;
600            top: 0;
601                        z-index: 1000;
602        }
603
604        .site-logo {
605            font-size: 1.5rem;
606            text-decoration: none;
607            color: var(--main-color);
608        }
609
610        .site-logo:hover {
611            opacity: 0.8;
612        }
613
614        .nav-link {
615            color: var(--text-color) !important;
616        }
617
618        .nav-link:hover {
619            color: var(--main-color) !important;
620        }
621
622        .navbar-toggler {
623            border-color: var(--main-color);
624        }
625
626        .navbar-toggler-icon {
627            background-image: none;
628            background-color: transparent;
629            position: relative;
630            display: inline-block;
631            width: 1.5em;
632            height: 1em;
633            vertical-align: middle;
634        }
635
636         
637        .navbar-toggler-icon::before,
638        .navbar-toggler-icon::after {
639            content: '';
640            position: absolute;
641            left: 0;
642            right: 0;
643            background-color: var(--main-color);
644            height: 2px;
645            border-radius: 1px;
646        }
647
648         
649        .navbar-toggler-icon::before {
650            top: 0;
651            box-shadow: 0 calc(0.5em - 1px) 0 var(--main-color);
652        }
653
654         
655        .navbar-toggler-icon::after {
656            bottom: 0;
657        }
658
659         
660        .site-header:has(.menu-layout-vertical) {
661            border-bottom: none;
662        }
663
664        .menu-layout-vertical {
665            border-bottom: none;
666            padding: 0;
667        }
668
669        .menu-layout-vertical .container {
670            display: flex;
671            flex-direction: column;
672            align-items: center;
673            transition: all 0.3s ease;
674            padding: 0;
675            max-width: none;
676            width: 100%;
677        }
678
679        .menu-layout-vertical .w-100 {
680            width: 100%;
681            padding-top: 0.5rem;
682            padding-bottom: 0.5rem;
683        }
684
685         
686        .menu-layout-vertical-left .w-100 {
687            text-align: left !important;
688            padding-left: 2rem !important;   
689        }
690
691         
692        @media (min-width: 992px) {
693            .menu-layout-vertical .navbar-collapse {
694                width: 100%;
695                background: linear-gradient(to bottom, white, rgba(var(--main-color-rgb), 0.08));                padding: 8px 0;
696                border-bottom: 2px solid rgba(var(--main-color-rgb), 0.3);
697                transition: all 0.3s ease;
698            }
699
700                    }
701
702        .menu-layout-vertical .navbar-nav {
703            background-color: transparent;
704            border: none;
705            border-radius: 0;
706            padding: 0;
707            margin-top: 0;
708            margin-bottom: 0;
709        }
710
711        .menu-layout-vertical .nav-item {
712            margin: 0 2px;
713        }
714
715        .menu-layout-vertical .nav-link {
716            padding: 3px 8px;
717            border-radius: 6px;
718            transition: all 0.3s ease;
719        }
720
721        .menu-layout-vertical .nav-link:hover {
722            background-color: rgba(var(--main-color-rgb), 0.15);
723        }
724
725         
726        .menu-layout-vertical .navbar-toggler {
727            display: none;
728        }
729
730         
731        .menu-layout-vertical.scrolled .container {
732            flex-direction: row;
733            justify-content: center;
734            padding-top: 0.25rem;
735            padding-bottom: 0.25rem;
736        }
737
738        .menu-layout-vertical.scrolled .site-logo {
739            margin: 0;
740        }
741
742        .menu-layout-vertical.scrolled .navbar-toggler {
743            display: block;
744            position: absolute;
745            right: 1rem;
746            margin: 0;
747        }
748
749        .menu-layout-vertical.scrolled .navbar-collapse:not(.show) {
750            display: none !important;
751        }
752
753        .menu-layout-vertical.scrolled .navbar-collapse.show {
754            display: block !important;
755            position: absolute;
756            top: 100%;
757            right: 0;
758            min-width: 200px;
759            background: var(--card-bg);
760            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
761            border-radius: 8px;
762            margin-top: 0.5rem;
763            z-index: 1000;
764        }
765
766        .menu-layout-vertical.scrolled .navbar-collapse.show .navbar-nav {
767            flex-direction: column;
768            padding: 10px;
769            background-color: transparent;
770            border: none;
771        }
772
773        .menu-layout-vertical.scrolled .w-100 {
774            width: auto !important;
775            margin: 0;
776            padding-top: 0.25rem;
777            padding-bottom: 0.25rem;
778            padding-left: 0;
779            padding-right: 0;
780        }
781
782         
783        .menu-layout-vertical-left.scrolled .w-100 {
784            padding-left: 2rem !important;
785        }
786
787         
788        @media (max-width: 991px) {
789            .menu-layout-vertical .container {
790                display: flex !important;
791                flex-direction: row !important;
792                flex-wrap: wrap;
793                justify-content: space-between;
794                align-items: center;
795            }
796            .menu-layout-vertical .w-100 {
797                width: auto !important;
798                display: inline-block;
799                text-align: left !important;
800                padding: 0 !important;
801                margin: 0 !important;
802            }
803            .menu-layout-vertical .site-logo {
804                display: inline-block;
805            }
806            .menu-layout-vertical .navbar-toggler {
807                display: block !important;
808                margin: 0;
809            }
810            .menu-layout-vertical .navbar-collapse {
811                display: none;
812                width: 100%;
813                flex-basis: 100%;
814                background: transparent !important;
815                border-bottom: none !important;
816            }
817            .menu-layout-vertical .navbar-collapse.show {
818                display: block;
819            }
820            .menu-layout-vertical .navbar-nav {
821                background-color: transparent !important;
822                border: none !important;
823                padding: 0 !important;
824                margin: 0 !important;
825            }
826            .menu-layout-vertical .nav-item {
827                margin: 0;
828            }
829            .menu-layout-vertical .nav-link {
830                padding: 0.5rem 1rem;
831                border-radius: 0;
832            }
833
834             
835            .menu-layout-vertical-left .w-100 {
836                padding-left: 1rem !important;
837            }
838
839             
840            .menu-layout-vertical.scrolled .container {
841                justify-content: flex-start !important;
842                padding-left: 1rem !important;
843            }
844        }
845
846         
847        .site-header:has(.menu-layout-button) {
848            border-bottom: none;
849        }
850
851        .menu-layout-button {
852            border-bottom: none;
853            padding: 0;
854        }
855
856        .menu-layout-button .container {
857            display: flex;
858            flex-direction: column;
859            align-items: center;
860            transition: all 0.3s ease;
861            padding: 0;
862            max-width: none;
863            width: 100%;
864        }
865
866        .menu-layout-button .w-100 {
867            width: 100%;
868            padding-top: 0.5rem;
869            padding-bottom: 0.5rem;
870        }
871
872         
873        .menu-layout-button .navbar-toggler {
874            display: none;
875        }
876
877         
878        @media (min-width: 992px) {
879            .menu-layout-button .navbar-collapse {
880                width: 100%;
881                background: rgba(var(--main-color-rgb), 0.06);                padding: 0;
882                border-bottom: 2px solid rgba(var(--main-color-rgb), 0.3);
883                transition: all 0.3s ease;
884            }
885
886            .menu-layout-button .navbar-nav {
887                width: 100%;
888                max-width: 960px;
889                display: flex !important;
890                flex-direction: row;
891                margin: 0 auto !important;
892                padding: 0;
893                flex-shrink: 0;
894            }
895
896            .menu-layout-button .nav-item {
897                flex: 1;
898                display: flex;
899                flex-direction: column;
900                position: relative;
901                min-width: 0;
902                margin: 0;
903                border-right: 1px solid rgba(var(--main-color-rgb), 0.2);            }
904
905             
906            .menu-layout-button .nav-item:first-child {
907                border-left: 1px solid rgba(var(--main-color-rgb), 0.2);            }
908
909            .menu-layout-button .nav-link {
910                flex: 1;
911                text-align: center;
912                padding: 10px 4px;
913                border-radius: 0;
914                transition: all 0.3s ease;
915                            }
916
917            .menu-layout-button .nav-link:hover {
918                background: rgba(var(--main-color-rgb), 0.15);            }
919
920                    }
921
922         
923        .menu-layout-button.scrolled .container {
924            flex-direction: row;
925            justify-content: center;
926            padding-top: 0.25rem;
927            padding-bottom: 0.25rem;
928        }
929
930        .menu-layout-button.scrolled .site-logo {
931            margin: 0;
932        }
933
934        .menu-layout-button.scrolled .navbar-toggler {
935            display: block;
936            position: absolute;
937            right: 1rem;
938            margin: 0;
939        }
940
941        .menu-layout-button.scrolled .navbar-collapse:not(.show) {
942            display: none !important;
943        }
944
945        .menu-layout-button.scrolled .navbar-collapse.show {
946            display: block !important;
947            position: absolute;
948            top: 100%;
949            right: 0;
950            min-width: 200px;
951            background: var(--card-bg);
952            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
953            border-radius: 8px;
954            margin-top: 0.5rem;
955            z-index: 1000;
956        }
957
958        .menu-layout-button.scrolled .navbar-collapse.show .navbar-nav {
959            max-width: none;
960            margin: 0;
961            flex-direction: column;
962            padding: 10px;
963            background-color: transparent;
964            border: none;
965        }
966
967         
968        .menu-layout-button.scrolled .navbar-collapse.show .nav-item {
969            border-left: none;
970            border-right: none;
971            box-shadow: none;
972        }
973
974        .menu-layout-button.scrolled .w-100 {
975            width: auto !important;
976            margin: 0;
977            padding-top: 0.25rem;
978            padding-bottom: 0.25rem;
979            padding-left: 0;
980            padding-right: 0;
981        }
982
983         
984        @media (max-width: 991px) {
985            .menu-layout-button .container {
986                display: flex !important;
987                flex-direction: row !important;
988                flex-wrap: wrap;
989                justify-content: space-between;
990                align-items: center;
991            }
992            .menu-layout-button .w-100 {
993                width: auto !important;
994                display: inline-block;
995                text-align: left !important;
996                padding: 0 !important;
997                margin: 0 !important;
998            }
999            .menu-layout-button .site-logo {
1000                display: inline-block;
1001            }
1002            .menu-layout-button .navbar-toggler {
1003                display: block !important;
1004                margin: 0;
1005            }
1006            .menu-layout-button .navbar-collapse {
1007                display: none;
1008                width: 100%;
1009                flex-basis: 100%;
1010                background: transparent !important;
1011                border-bottom: none !important;
1012            }
1013            .menu-layout-button .navbar-collapse.show {
1014                display: block;
1015            }
1016            .menu-layout-button .navbar-nav {
1017                max-width: none !important;
1018                background-color: transparent !important;
1019                border: none !important;
1020                padding: 0 !important;
1021                margin: 0 !important;
1022            }
1023            .menu-layout-button .nav-item {
1024                margin: 0;
1025            }
1026             
1027            .menu-layout-button .nav-item:first-child {
1028                border-left: none !important;
1029                box-shadow: none !important;
1030            }
1031            .menu-layout-button .nav-item:last-child {
1032                border-right: none !important;
1033            }
1034            .menu-layout-button .nav-link {
1035                padding: 0.5rem 1rem;
1036                border-radius: 0;
1037            }
1038             
1039            .menu-layout-button.scrolled .container {
1040                justify-content: flex-start !important;
1041                padding-left: 1rem !important;
1042            }
1043        }
1044
1045         
1046        @media (min-width: 1200px) {
1047            .menu-layout-button .navbar-nav {
1048                max-width: 1140px;
1049            }
1050        }
1051        @media (min-width: 1400px) {
1052            .menu-layout-button .navbar-nav {
1053                max-width: 1320px;
1054            }
1055        }
1056
1057         
1058        @media (min-width: 768px) {
1059                        .navbar-nav .nav-link {
1060                font-size: 1rem;
1061                            }
1062            .dropdown-item {
1063                font-size: 1rem;
1064                            }
1065        }
1066
1067        .dropdown-menu {
1068            background-color: var(--card-bg);
1069            border: 1px solid rgba(var(--main-color-rgb), 0.2);
1070            box-shadow: 0 4px 15px rgba(var(--main-color-rgb), 0.2);
1071            z-index: 1000;
1072        }
1073
1074        .dropdown-item {
1075            color: var(--text-color);
1076        }
1077
1078        .dropdown-item:hover, .dropdown-item:focus {
1079            background-color: rgba(var(--main-color-rgb), 0.1);
1080            color: var(--main-color);
1081        }
1082
1083        .card-img-top {
1084            width: 100%;
1085            aspect-ratio: 16 / 9;
1086            object-fit: cover;
1087            object-position: center;
1088        }
1089
1090        .sidebar {
1091            background-color: transparent;
1092        }
1093
1094        .sidebar .card {
1095            margin-bottom: 20px;
1096            background-color: var(--card-bg) !important;
1097        }
1098
1099        .sidebar .card-body {
1100            background-color: var(--card-bg) !important;
1101        }
1102
1103        .sidebar .list-group-item {
1104            background-color: var(--card-bg) !important;
1105            border-color: rgba(var(--main-color-rgb), 0.15) !important;
1106        }
1107
1108        .sidebar .list-group-item:hover {
1109            background-color: rgba(var(--main-color-rgb), 0.05) !important;
1110        }
1111
1112        .article-content img {
1113            max-width: 100%;
1114            height: auto;
1115            border-radius: 8px;
1116        }
1117
1118         
1119        .article-content .ql-align-center {
1120            text-align: center;
1121        }
1122
1123        .article-content .ql-align-right {
1124            text-align: right;
1125        }
1126
1127        .article-content .ql-align-left {
1128            text-align: left;
1129        }
1130
1131        .article-content .ql-align-justify {
1132            text-align: justify;
1133        }
1134
1135        .article-content .ql-indent-1 {
1136            padding-left: 3em;
1137        }
1138
1139        .article-content .ql-indent-2 {
1140            padding-left: 6em;
1141        }
1142
1143        .article-content .ql-indent-3 {
1144            padding-left: 9em;
1145        }
1146
1147        .article-content .ql-indent-4 {
1148            padding-left: 12em;
1149        }
1150
1151        .article-content .ql-indent-5 {
1152            padding-left: 15em;
1153        }
1154
1155        .ad-container {
1156            margin: 20px 0;
1157            text-align: center;
1158        }
1159
1160        .ad-container img {
1161            max-width: 100%;
1162            height: auto;
1163            display: inline-block;
1164            border-radius: 0;
1165        }
1166
1167         
1168
1169         
1170        .toc-container {
1171            background: var(--card-bg, #ffffff);
1172            border: 1px solid rgba(var(--main-color-rgb, 0,0,0), 0.15);
1173            border-left: 4px solid var(--main-color, #333);
1174            border-radius: 6px;
1175            margin: 1.5em 0;
1176            padding: 0;
1177            max-width: 100%;
1178        }
1179        .toc-header {
1180            display: flex;
1181            justify-content: space-between;
1182            align-items: center;
1183            padding: 12px 16px;
1184            cursor: pointer;
1185            user-select: none;
1186            -webkit-user-select: none;
1187        }
1188        .toc-header:hover {
1189            opacity: 0.8;
1190        }
1191        .toc-title {
1192            font-weight: 700;
1193            font-size: 1em;
1194            color: var(--text-color, #333);
1195        }
1196        .toc-toggle {
1197            font-size: 1.2em;
1198            color: var(--main-color, #333);
1199            font-weight: 700;
1200            line-height: 1;
1201        }
1202        .toc-body {
1203            padding: 0 16px 12px;
1204            overflow: hidden;
1205            max-height: 800px;
1206            transition: max-height 0.3s ease, padding 0.3s ease;
1207        }
1208        .toc-body.toc-closed {
1209            max-height: 0;
1210            padding-top: 0;
1211            padding-bottom: 0;
1212        }
1213        .toc-list {
1214            margin: 0;
1215            padding-left: 1.5em;
1216            list-style: none;
1217            counter-reset: toc-l0 toc-l1 toc-l2;
1218        }
1219        ol.toc-list > .toc-item.toc-level-0 {
1220            counter-increment: toc-l0;
1221            counter-reset: toc-l1;
1222        }
1223        ol.toc-list > .toc-item.toc-level-0::before {
1224            content: counter(toc-l0) ". ";
1225            color: var(--main-color, #333);
1226            font-weight: 600;
1227        }
1228        ol.toc-list > .toc-item.toc-level-1 {
1229            counter-increment: toc-l1;
1230            counter-reset: toc-l2;
1231        }
1232        ol.toc-list > .toc-item.toc-level-1::before {
1233            content: counter(toc-l0) "-" counter(toc-l1) ". ";
1234            color: var(--main-color, #333);
1235            font-weight: 600;
1236        }
1237        ol.toc-list > .toc-item.toc-level-2 {
1238            counter-increment: toc-l2;
1239        }
1240        ol.toc-list > .toc-item.toc-level-2::before {
1241            content: counter(toc-l0) "-" counter(toc-l1) "-" counter(toc-l2) ". ";
1242            color: var(--main-color, #333);
1243            font-weight: 600;
1244        }
1245        ul.toc-list > .toc-item::before {
1246            content: "・";
1247            color: var(--main-color, #333);
1248        }
1249        .toc-item {
1250            padding: 4px 0;
1251            font-size: 0.92em;
1252            line-height: 1.5;
1253        }
1254        .toc-item.toc-level-1 {
1255            padding-left: 1.2em;
1256            font-size: 0.88em;
1257        }
1258        .toc-item.toc-level-2 {
1259            padding-left: 2.4em;
1260            font-size: 0.85em;
1261        }
1262        .toc-link {
1263            color: var(--text-color, #333);
1264            text-decoration: none;
1265            transition: color 0.2s;
1266        }
1267        .toc-link:hover {
1268            color: var(--main-color, #333);
1269            text-decoration: underline;
1270        }
1271
1272         
1273        .toc-back-link {
1274            text-align: right;
1275            margin: 4px 0 8px;
1276        }
1277        .toc-back-link a {
1278            font-size: 0.78em;
1279            color: #999;
1280            text-decoration: none;
1281        }
1282        .toc-back-link a:hover {
1283            color: var(--main-color, #333);
1284            text-decoration: underline;
1285        }
1286
1287         
1288        .sidebar-toc {
1289            margin-bottom: 1rem;
1290            transition: opacity 0.3s ease, transform 0.3s ease;
1291        }
1292        .sidebar-toc-hidden {
1293            opacity: 0;
1294            pointer-events: none;
1295            transform: translateY(-10px);
1296        }
1297        .sidebar-toc.sidebar-toc-fixed {
1298            position: fixed;
1299            top: 20px;
1300            z-index: 100;
1301        }
1302        .sidebar-toc-header {
1303            font-size: 0.9em;
1304            font-weight: 600;
1305        }
1306        .sidebar-toc-nav {
1307            max-height: 60vh;
1308            overflow-y: auto;
1309            scroll-behavior: smooth;
1310            -webkit-overflow-scrolling: touch;
1311        }
1312        .sidebar-toc-list {
1313            list-style: none;
1314            margin: 0;
1315            padding: 0;
1316        }
1317        .sidebar-toc-item {
1318            border-left: 3px solid transparent;
1319            transition: border-color 0.2s, background-color 0.2s;
1320        }
1321        .sidebar-toc-item.sidebar-toc-active {
1322            border-left-color: var(--main-color, #333);
1323            background-color: rgba(var(--main-color-rgb, 0,0,0), 0.06);
1324        }
1325        .sidebar-toc-link {
1326            display: block;
1327            padding: 6px 12px;
1328            font-size: 0.82em;
1329            color: var(--text-color, #555);
1330            text-decoration: none;
1331            line-height: 1.4;
1332            word-break: break-word;
1333        }
1334        .sidebar-toc-link:hover {
1335            color: var(--main-color, #333);
1336            background-color: rgba(var(--main-color-rgb, 0,0,0), 0.03);
1337        }
1338        .sidebar-toc-active .sidebar-toc-link {
1339            color: var(--main-color, #333);
1340            font-weight: 600;
1341        }
1342        .sidebar-toc-indent-1 .sidebar-toc-link {
1343            padding-left: 24px;
1344            font-size: 0.78em;
1345        }
1346        .sidebar-toc-indent-2 .sidebar-toc-link {
1347            padding-left: 36px;
1348            font-size: 0.75em;
1349        }
1350
1351         
1352        @media (max-width: 991px) {
1353            .sidebar-toc {
1354                display: none;
1355            }
1356        }
1357
1358        .top-header {
1359            background: linear-gradient(135deg, var(--main-visual-gradient-start) 0%, var(--main-color) 50%, var(--main-visual-gradient-end) 100%);
1360            padding: 80px 0;
1361            margin-bottom: 30px;
1362            text-align: center;
1363            position: relative;
1364            overflow: hidden;
1365        }
1366
1367        .top-header::before {
1368            content: '';
1369            position: absolute;
1370            top: 0;
1371            left: 0;
1372            right: 0;
1373            bottom: 0;
1374            background:
1375                radial-gradient(circle at 20% 50%, color-mix(in srgb, var(--main-color) 15%, transparent) 0%, transparent 50%),
1376                radial-gradient(circle at 80% 80%, color-mix(in srgb, var(--main-color) 15%, transparent) 0%, transparent 50%);
1377            animation: pulse 8s ease-in-out infinite;
1378        }
1379
1380        @keyframes pulse {
1381            0%, 100% { opacity: 0.5; }
1382            50% { opacity: 1; }
1383        }
1384
1385        .top-header .container {
1386            position: relative;
1387            z-index: 1;
1388        }
1389
1390        .main-visual {
1391            position: relative;
1392            overflow: hidden;
1393            text-align: center;
1394        }
1395
1396         
1397        .main-visual.no-visual {
1398            background: linear-gradient(135deg, var(--main-visual-gradient-start) 0%, var(--main-color) 50%, var(--main-visual-gradient-end) 100%);
1399        }
1400
1401        .main-visual::before {
1402            content: '';
1403            position: absolute;
1404            top: 0;
1405            left: 0;
1406            right: 0;
1407            bottom: 0;
1408            background:
1409                radial-gradient(circle at 20% 50%, color-mix(in srgb, var(--main-color) 15%, transparent) 0%, transparent 50%),
1410                radial-gradient(circle at 80% 80%, color-mix(in srgb, var(--main-color) 15%, transparent) 0%, transparent 50%);
1411            animation: pulse 8s ease-in-out infinite;
1412        }
1413
1414         
1415        .main-visual:not(.no-visual)::before {
1416            display: none;
1417        }
1418
1419         
1420        .breadcrumb {
1421            background: transparent;
1422            padding: 15px 0;
1423        }
1424
1425        .breadcrumb-item,
1426        .breadcrumb-item a {
1427            color: var(--main-color) !important;
1428        }
1429
1430        .breadcrumb-item.active {
1431            color: var(--text-color) !important;
1432        }
1433
1434         
1435
1436         
1437        .main-visual-fullscreen {
1438            width: 100vw;
1439            margin-left: calc(50% - 50vw);
1440            margin-right: calc(50% - 50vw);
1441             
1442            margin-top: -1.5rem;
1443        }
1444
1445        .site-footer {
1446            background-color: var(--card-bg);
1447            padding: 40px 0;
1448            margin-top: 50px;
1449        }
1450
1451        .site-footer * {
1452            color: var(--text-color) !important;
1453        }
1454
1455        .site-footer a:hover {
1456            color: var(--main-color) !important;
1457        }
1458
1459        @media (max-width: 768px) {
1460             
1461        }
1462    </style>
1463
1464    
1464<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"トヨタ中古車ブログ","url":"https://toyota-yuiproject.com"}</script>
1464
1465    <meta name="google-site-verification" content="ruepzUDyu7ibumHYJ57_UOYFL35sBEmaCh_DTa52zC0" />
1466</head>
1467<body>
1468    
1468<script src="https://accaii.com/marudhe/analyze.js" async="async"></script>
1468<noscript><img src="https://accaii.com/marudhe/analyze" style="width:1px;height:1px;" /></noscript>
1469
1470    
1471    <header class="site-header">
1472        <nav class="navbar navbar-expand-lg navbar-light ">
1473            <div class="container ">
1474                                    
1475                    <a class="site-logo" href="https://toyota-yuiproject.com">
1476                                                                                <img src="https://toyota-yuiproject.com/uploads/6a9d87ec25f6c.png"
1477                                 alt="トヨタ中古車ブログ"
1478                                 style="height: 50px; width: auto; vertical-align: middle;">
1479                                            </a>
1480                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
1481                        <span class="navbar-toggler-icon"></span>
1482                    </button>
1483                
1484                                <div class="collapse navbar-collapse " id="navbarNav">
1485                    <ul class="navbar-nav ms-auto">
1486                        
1487                                                    <li class="nav-item">
1488                                <a class="nav-link" href="https://toyota-yuiproject.com">
1489                                    ホーム                                </a>
1490                            </li>
1491                        
1492                        
1493                                                    <li class="nav-item">
1494                                <a class="nav-link" href="https://toyota-yuiproject.com/sitemap-page.php">
1495                                    サイトマップ                                </a>
1496                            </li>
1497                        
1498                        
1499                                                    <li class="nav-item dropdown">
1500                                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownInfo" role="button" data-bs-toggle="dropdown" aria-expanded="false">
1501                                    インフォメーション                                </a>
1502                                <ul class="dropdown-menu" aria-labelledby="navbarDropdownInfo">
1503                                                                            <li>
1504                                            <a class="dropdown-item" href="https://toyota-yuiproject.com/privacy-policy.html">
1505                                                プライバシーポリシー                                            </a>
1506                                        </li>
1507                                                                            <li>
1508                                            <a class="dropdown-item" href="https://toyota-yuiproject.com/content-policy.html">
1509                                                コンテンツ制作ポリシー                                            </a>
1510                                        </li>
1511                                                                            <li>
1512                                            <a class="dropdown-item" href="https://toyota-yuiproject.com/advertising-guideline.html">
1513                                                広告掲載ガイドライン                                            </a>
1514                                        </li>
1515                                                                            <li>
1516                                            <a class="dropdown-item" href="https://toyota-yuiproject.com/contact.html">
1517                                                お問い合わせ                                            </a>
1518                                        </li>
1519                                                                            <li>
1520                                            <a class="dropdown-item" href="https://toyota-yuiproject.com/about.html">
1521                                                運営者情報                                            </a>
1522                                        </li>
1523                                                                    </ul>
1524                            </li>
1525                        
1526                        
1527                                                                            
1528                        
1529                                            </ul>
1530                </div>
1531                            </div>
1532        </nav>
1533    </header>
1534
1535    
1536    <main class="py-4">
1537        <div class="container">
1538
1539
1540<div class="main-visual visual-text-large no-visual" style="">
1541    
1542    
1543        <div class="text-overlay">
1544                <h1 class="visual-title">トヨタ中古車ブログ</h1>
1545                        <p class="visual-desc">トヨタ中古車ブログになります!</p>
1546            </div>
1547    </div>
1548
1549
1550
1551
1552
1553
1554<div class="row">
1555    
1556    <div class="col-lg-8">
1557                
1558        <div class="article-content mb-3 top-list-heading">
1559            <h2>最新記事</h2>
1560        </div>
1561                                            
1562                <div class="row">
1563                                            <div class="col-md-6 mb-4">
1564                                                        <article class="card article-card h-100">
1565                                                                    <a href="https://toyota-yuiproject.com/article-012.html">
1566                                        <img src="https://toyota-yuiproject.com/uploads/img_20260908_123642_6a9f82caadc9c_400.webp" alt="トヨタGRヤリスの中古車買取はどこがいい?高価買取するための秘訣を解説" width="400" height="225" fetchpriority="high">                                    </a>
1567                                
1568                                <div class="card-body">
1569                                    
1570                                    <h2 class="h5 card-title">
1571                                        <a href="https://toyota-yuiproject.com/article-012.html" class="text-decoration-none text-dark">
1572                                            トヨタGRヤリスの中古車買取はどこがいい?高価買取するための秘訣を解説                                        </a>
1573                                    </h2>
1574
1575                                                                            <p class="card-text text-muted small">
1576                                             トヨタGRヤリスを売却する際、「どこに査定を依頼すれば高ã
1576å£²ã‚Œã‚‹ã®ã‹ã€ã€Œãƒ‡ã‚£ãƒ¼ãƒ©ãƒ¼ä¸‹å–りと買取店ではどちらが得なのか」と迷うオーナーさんは少なくありません。 GRヤリスは一般的なコンパクトカーとは異なり、グレード、走行距離、装備、純正パー...                                        </p>
1577                                    
1578                                                                            <small class="text-muted">
1579                                            <i class="far fa-calendar-alt me-1"></i>
1580                                            2026年09月08日                                        </small>
1581                                                                    </div>
1582                            </article>
1583                                                    </div>
1584                                                                    <div class="col-md-6 mb-4">
1585                                                        <article class="card article-card h-100">
1586                                                                    <a href="https://toyota-yuiproject.com/article-011.html">
1587                                        <img src="https://toyota-yuiproject.com/uploads/img_20260907_183704_6a9e85c041754_400.webp" alt="トヨタJPN TAXIの中古車買取はどこがいい?高価買取するための秘訣を解説" width="400" height="225" loading="lazy">                                    </a>
1588                                
1589                                <div class="card-body">
1590                                    
1591                                    <h2 class="h5 card-title">
1592                                        <a href="https://toyota-yuiproject.com/article-011.html" class="text-decoration-none text-dark">
1593                                            トヨタJPN TAXIの中古車買取はどこがいい?高価買取するための秘訣を解説                                        </a>
1594                                    </h2>
1595
1596                                                                            <p class="card-text text-muted small">
1597                                             トヨタJPN TAXIを売却する際、「一般的な中古車買取店でよいのか」「タクシー専門店に相談すべきなのか」「下取りと買取ではどちらが有利なのか」と迷う方は少なくありません。 JPN TAXIは一般的な乗用車とは異なり、タクシー専用車として...                                        </p>
1598                                    
1599                                                                            <small class="text-muted">
1600                                            <i class="far fa-calendar-alt me-1"></i>
1601                                            2026年09月07日                                        </small>
1602                                                                    </div>
1603                            </article>
1604                                                    </div>
1605                                                                    <div class="col-md-6 mb-4">
1606                                                        <article class="card article-card h-100">
1607                                                                    <a href="https://toyota-yuiproject.com/article-010.html">
1608                                        <img src="https://toyota-yuiproject.com/uploads/img_20260907_173739_6a9e77d352640_400.webp" alt="トヨタistの中古車買取はどこがいい?高価買取するための秘訣を解説" width="400" height="225" loading="lazy">                                    </a>
1609                                
1610                                <div class="card-body">
1611                                    
1612                                    <h2 class="h5 card-title">
1613                                        <a href="https://toyota-yuiproject.com/article-010.html" class="text-decoration-none text-dark">
1614                                            トヨタistの中古車買取はどこがいい?高価買取するための秘訣を解説                                        </a>
1615                                    </h2>
1616
1617                                                                            <p class="card-text text-muted small">
1618                                             トヨタistを売るなら、どこに査定を依頼すれば高ã
1618è²·ã„取ってもらえるのか気になる方は多いです。 イストは年式、走行距離、グレード、車両状態によって査定額の差が出やすい車種とされています。 そのため、なんとなく近くの店舗に持ち込むだけでは、...                                        </p>
1619                                    
1620                                                                            <small class="text-muted">
1621                                            <i class="far fa-calendar-alt me-1"></i>
1622                                            2026年09月07日                                        </small>
1623                                                                    </div>
1624                            </article>
1625                                                    </div>
1626                                                                    <div class="col-md-6 mb-4">
1627                                                        <article class="card article-card h-100">
1628                                                                    <a href="https://toyota-yuiproject.com/article-009.html">
1629                                        <img src="https://toyota-yuiproject.com/uploads/img_20260907_153702_6a9e5b8ec6dcf_400.webp" alt="トヨタiQの中古車買取はどこがいい?高価買取するための秘訣を解説" width="400" height="225" loading="lazy">                                    </a>
1630                                
1631                                <div class="card-body">
1632                                    
1633                                    <h2 class="h5 card-title">
1634                                        <a href="https://toyota-yuiproject.com/article-009.html" class="text-decoration-none text-dark">
1635                                            トヨタiQの中古車買取はどこがいい?高価買取するための秘訣を解説                                        </a>
1636                                    </h2>
1637
1638                                                                            <p class="card-text text-muted small">
1639                                             トヨタiQを売るなら、どの買取店に依頼すれば高く売れるのか気になる方は多いです。 iQは超小型コンパクトカーとして個性が強く、一般的なコンパクトカーとは少し違う評価を受ける可能性があります。 そのため、近所の店舗でそのまま売るよりも、複数...                                        </p>
1640                                    
1641                                                                            <small class="text-muted">
1642                                            <i class="far fa-calendar-alt me-1"></i>
1643                                            2026年09月07日                                        </small>
1644                                                                    </div>
1645                            </article>
1646                                                    </div>
1647                                                                    <div class="col-md-6 mb-4">
1648                                                        <article class="card article-card h-100">
1649                                                                    <a href="https://toyota-yuiproject.com/article-008.html">
1650                                        <img src="https://toyota-yuiproject.com/uploads/img_20260907_053644_6a9dcedc75ecf_400.webp" alt="トヨタGRカローラの中古車買取はどこがいい?高価買取するための秘訣を解説" width="400" height="225" loading="lazy">                                    </a>
1651                                
1652                                <div class="card-body">
1653                                    
1654                                    <h2 class="h5 card-title">
1655                                        <a href="https://toyota-yuiproject.com/article-008.html" class="text-decoration-none text-dark">
1656                                            トヨタGRカローラの中古車買取はどこがいい?高価買取するための秘訣を解説                                        </a>
1657                                    </h2>
1658
1659                                                                            <p class="card-text text-muted small">
1660                                             トヨタGRカローラを売るなら、どの買取店に依頼すれば高ã
1660å£²ã‚Œã‚‹ã®ã‹æ°—になる方は多いのではないでしょうか。 GRカローラは抽選販売だったこともあり、中古車市場では希少性が高いモデルとされています。一般的なコンパクトカーとは異なり、車両状態や...                                        </p>
1661                                    
1662                                                                            <small class="text-muted">
1663                                            <i class="far fa-calendar-alt me-1"></i>
1664                                            2026年09月07日                                        </small>
1665                                                                    </div>
1666                            </article>
1667                                                    </div>
1668                                                                    <div class="col-md-6 mb-4">
1669                                                        <article class="card article-card h-100">
1670                                                                    <a href="https://toyota-yuiproject.com/article-007.html">
1671                                        <img src="https://toyota-yuiproject.com/uploads/img_20260907_043650_6a9dc0d2154c1_400.webp" alt="トヨタGR86の中古車買取はどこがいい?高価買取するための秘訣を解説" width="400" height="225" loading="lazy">                                    </a>
1672                                
1673                                <div class="card-body">
1674                                    
1675                                    <h2 class="h5 card-title">
1676                                        <a href="https://toyota-yuiproject.com/article-007.html" class="text-decoration-none text-dark">
1677                                            トヨタGR86の中古車買取はどこがいい?高価買取するための秘訣を解説                                        </a>
1678                                    </h2>
1679
1680                                                                            <p class="card-text text-muted small">
1681                                             トヨタGR86を売るなら、どこに査定を依頼すれば高く買い取ってもらえるのか気になる方は多いです。 GR86はスポーツカーとしての人気が高く、グレード、年式、走行距離、MTかATか、カスタム内容によって査定価格が大きく変わりやすい車種です。...                                        </p>
1682                                    
1683                                                                            <small class="text-muted">
1684                                            <i class="far fa-calendar-alt me-1"></i>
1685                                            2026年09月07日                                        </small>
1686                                                                    </div>
1687                            </article>
1688                                                    </div>
1689                                                                    <div class="col-md-6 mb-4">
1690                                                        <article class="card article-card h-100">
1691                                                                    <a href="https://toyota-yuiproject.com/article-006.html">
1692                                        <img src="https://toyota-yuiproject.com/uploads/img_20260907_033642_6a9db2ba9b22e_400.webp" alt="トヨタFJクルーザーの中古車買取はどこがいい?高価買取するための秘訣を解説" width="400" height="225" loading="lazy">                                    </a>
1693                                
1694                                <div class="card-body">
1695                                    
1696                                    <h2 class="h5 card-title">
1697                                        <a href="https://toyota-yuiproject.com/article-006.html" class="text-decoration-none text-dark">
1698                                            トヨタFJクルーザーの中古車買取はどこがいい?高価買取するための秘訣を解説                                        </a>
1699                                    </h2>
1700
1701                                                                            <p class="card-text text-muted small">
1702                                             トヨタFJクルーザーを売るなら、どこに査定を依頼すれば損をしにくいのか気になる方は多いです。 FJクルーザーは個性的なデザインと本格SUVとしての存在感から、中古車市場でも根強い人気があります。特にFinal Editionや特別仕様車、...                                        </p>
1703                                    
1704                                                                            <small class="text-muted">
1705                                            <i class="far fa-calendar-alt me-1"></i>
1706                                            2026年09月07日                                        </small>
1707                                                                    </div>
1708                            </article>
1709                                                    </div>
1710                                                                    <div class="col-md-6 mb-4">
1711                                                        <article class="card article-card h-100">
1712                                                                    <a href="https://toyota-yuiproject.com/article-005.html">
1713                                        <img src="https://toyota-yuiproject.com/uploads/img_20260907_023644_6a9da4ac04a99_400.webp" alt="トヨタC-H
1713Rの中古車買取はどこがいい?高価買取するための秘訣を解説" width="400" height="225" loading="lazy">                                    </a>
1714                                
1715                                <div class="card-body">
1716                                    
1717                                    <h2 class="h5 card-title">
1718                                        <a href="https://toyota-yuiproject.com/article-005.html" class="text-decoration-none text-dark">
1719                                            トヨタC-HRの中古車買取はどこがいい?高価買取するための秘訣を解説                                        </a>
1720                                    </h2>
1721
1722                                                                            <p class="card-text text-muted small">
1723                                             トヨタC-HRを売るなら、どの買取店に依頼すれば高く買い取ってもらえるのか、迷う方は多いのではないでしょうか。 C-HRはトヨタのコンパクトSUVとして中古車市場で流通量が多く、年式や走行距離、グレード、装備内容によって査定額が大きく変わ...                                        </p>
1724                                    
1725                                                                            <small class="text-muted">
1726                                            <i class="far fa-calendar-alt me-1"></i>
1727                                            2026年09月07日                                        </small>
1728                                                                    </div>
1729                            </article>
1730                                                    </div>
1731                                                            </div>
1732            
1733            
1734            
1735            
1736                            <nav class="mt-4">
1737                    <ul class="pagination justify-content-center">
1738                        
1739                                                    <li class="page-item active">
1740                                <a class="page-link" href="?page=1">1</a>
1741                            </li>
1742                                                    <li class="page-item ">
1743                                <a class="page-link" href="?page=2">2</a>
1744                            </li>
1745                        
1746                                                    <li class="page-item">
1747                                <a class="page-link" href="?page=2">
1748                                    <i class="fas fa-chevron-right"></i>
1749                                </a>
1750                            </li>
1751                                            </ul>
1752                </nav>
1753                        </div>
1754
1755    
1756        <div class="col-lg-4">
1757                
1758<aside class="sidebar">
1759    
1760    <div class="ad-container ad-sidebar_top"><a href="https://px.a8.net/svt/ejp?a8mat=4BC5IQ+QTGYA+3O80+631SX" rel="nofollow">
1761<img border="0" width="250" height="250" alt="" src="https://www29.a8.net/svt/bgt?aid=260907506045&wid=045&eno=01&mid=s00000017136001022000&mc=1"></a>
1762<img border="0" width="1" height="1" src="https://www17.a8.net/0.gif?a8mat=4BC5IQ+QTGYA+3O80+631SX" alt=""></div>
1763    
1764        <div class="card">
1765        <div class="card-header">
1766            <i class="fas fa-search me-2"></i>検索        </div>
1767        <div class="card-body">
1768            <form action="search.php" method="GET">
1769                <div class="input-group">
1770                    <input type="text" name="q" class="form-control" placeholder="キーワード検索" required>
1771                    <button type="submit" class="btn btn-primary">
1772                        <i class="fas fa-search"></i>
1773                    </button>
1774                </div>
1775            </form>
1776        </div>
1777    </div>
1778    
1779    
1780                            <div class="card">
1781            <div class="card-header">
1782                <i class="fas fa-fire me-2"></i>人気記事            </div>
1783            <div class="card-body p-0">
1784                <ul class="list-group list-group-flush">
1785                                            <li class="list-group-item">
1786                            <a href="https://toyota-yuiproject.com/86.html" class="text-decoration-none">
1787                                <div class="d-flex position-relative">
1788                                                                            <div style="position: relative; width: 100px; height: 56px; margin-right: 0.5rem;">
1789                                            <div class="rank-badge rank-1">1</div>
1790                                            <div style="width: 100%; height: 100%; border-radius: 5px; overflow: hidden;">
1791                                                <img src="https://toyota-yuiproject.com/uploads/img_20260907_000554_6a9d815296216_200.webp" alt="トヨタ86の中古車買取はどこがいい?高額査定の秘密を解説" width="200" height="113" loading="lazy">                                            </div>
1792                                        </div>
1793                                                                        <div class="small related-article-title-wrapper">
1794                                        トヨタ86の中古車買取はどこがいい?高額査定の秘密を解説                                        <div class="text-muted" style="font-size: 0.75rem; margin-top: 4px;">
1795                                            66件のビュー                                        </div>
1796                                    </div>
1797                                </div>
1798                            </a>
1799                        </li>
1800                                            <li class="list-group-item">
1801                            <a href="https://toyota-yuiproject.com/article-011.html" class="text-decoration-none">
1802                                <div class="d-flex position-relative">
1803                                                                            <div style="position: relative; width: 100px; height: 56px; margin-right: 0.5rem;">
1804                                            <div class="rank-badge rank-2">2</div>
1805                                            <div style="width: 100%; height: 100%; border-radius: 5px; overflow: hidden;">
1806                                                <img src="https://toyota-yuiproject.com/uploads/img_20260907_183704_6a9e85c041754_200.webp" alt="トヨタJPN TAXIの中古車買取はどこがいい?高価買取するための秘訣を解説" width="200" height="113" loading="lazy">                                            </div>
1807                                        </div>
1808                                                                        <div class="small related-article-title-wrapper">
1809                                        トヨタJPN TAXIの中古車買取はどこがいい?高価買取するための秘訣を解説                                        <div class="text-muted" style="font-size: 0.75rem; margin-top: 4px;">
1810                                            66件のビュー                                        </div>
1811                                    </div>
1812                                </div>
1813                            </a>
1814                        </li>
1815                                            <li class="list-group-item">
1816                            <a href="https://toyota-yuiproject.com/article-001.html" class="text-decoration-none">
1817                                <div class="d-flex position-relative">
1818                                                                            <div style="position: relative; width: 100px; height: 56px; margin-right: 0.5rem;">
1819                                            <div class="rank-badge rank-3">3</div>
1820                                            <div style="width: 100%; height: 100%; border-radius: 5px; overflow: hidden;">
1821                                                <img src="https://toyota-yuiproject.com/uploads/img_20260907_002601_6a9d8609bb868_200.webp" alt="トヨタbBの中古車買取はどこがいい?高価買取するための秘訣を解説" width="200" height="113" loading="lazy">                                            </div>
1822                                        </div>
1823                                                                        <div class="small related-article-title-wrapper">
1824                                        トヨタbBの中古車買取はどこがいい?高価買取するための秘訣を解説                                        <div class="text-muted" style="font-size: 0.75rem; margin-top: 4px;">
1825                                            63件のビュー                                        </div>
1826                                    </div>
1827                                </div>
1828                            </a>
1829                        </li>
1830                                            <li class="list-group-item">
1831                            <a href="https://toyota-yuiproject.com/article-007.html" class="text-decoration-none">
1832                                <div class="d-flex position-relative">
1833                                                                            <div style="position: relative; width: 100px; height: 56px; margin-right: 0.5rem;">
1834                                            <div class="rank-badge rank-4">4</div>
1835                                            <div style="width: 100%; height: 100%; border-radius: 5px; overflow: hidden;">
1836                                                <img src="https://toyota-yuiproject.com/uploads/img_20260907_043650_6a9dc0d2154c1_200.webp" alt="トヨタGR86の中古車買取はどこがいい?高価買取するための秘訣を解説" width="200" height="113" loading="lazy">                                            </div>
1837                                        </div>
1838                                                                        <div class="small related-article-title-wrapper">
1839                                        トヨタGR86の中古車買取はどこがいい?高価買取するための秘訣を解説                                        <div class="text-muted" style="font-size: 0.75rem; margin-top: 4px;">
1840                                            62件のビュー                                        </div>
1841                                    </div>
1842                                </div>
1843                            </a>
1844                        </li>
1845                                            <li class="list-group-item">
1846                            <a href="https://toyota-yuiproject.com/article-008.html" class="text-decoration-none">
1847                                <div class="d-flex position-relative">
1848                                                                            <div style="position: relative; width: 100px; height: 56px; margin-right: 0.5rem;">
1849                                            <div class="rank-badge rank-5">5</div>
1850                                            <div style="width: 100%; height: 100%; border-radius: 5px; overflow: hidden;">
1851                                                <img src="https://toyota-yuiproject.com/uploads/img_20260907_053644_6a9dcedc75ecf_200.webp" alt="トヨタGRカローラの中古車買取はどこがいい?高価買取するための秘訣を解説" width="200" height="113" loading="lazy">                                            </div>
1852                                        </div>
1853                                                                        <div class="small related-article-title-wrapper">
1854                                        トヨタGRカローラの中古車買取はどこがいい?高価買取するための秘訣を解説                                        <div class="text-muted" style="font-size: 0.75rem; margin-top: 4px;">
1855                                            57件のビュー                                        </div>
1856                                    </div>
1857                                </div>
1858                            </a>
1859                        </li>
1860                                    </ul>
1861            </div>
1862        </div>
1863            
1864    
1865                            <div class="card">
1866            <div class="card-header">
1867                <i class="fas fa-clock me-2"></i>最新記事            </div>
1868            <div class="card-body p-0">
1869                <ul class="list-group list-group-flush">
1870                                            <li class="list-group-item">
1871                            <a href="https://toyota-yuiproject.com/article-012.html" class="text-decoration-none">
1872                                <div class="d-flex">
1873                                                                            <div class="me-2" style="width: 100px; height: 56px; border-radius: 5px; overflow: hidden;">
1874                                            <img src="https://toyota-yuiproject.com/uploads/img_20260908_123642_6a9f82caadc9c_200.webp" alt="トヨタGRヤリスの中古車買取はどこがいい?高価買取するための秘訣を解説" width="200" height="113" loading="lazy">                                        </div>
1875                                                                        <div class="small related-article-title-wrapper">
1876                                        トヨタGRヤリスの中古車買取はどこがいい?高価買取するための秘訣を解説                                    </div>
1877                                </div>
1878                            </a>
1879                        </li>
1880                                            <li class="list-group-item">
1881                            <a href="https://toyota-yuiproject.com/article-011.html" class="text-decoration-none">
1882                                <div class="d-flex">
1883                                                                            <div class="me-2" style="width: 100px; height: 56px; border-radius: 5px; overflow: hidden;">
1884                                            <img src="https://toyota-yuiproject.com/uploads/img_20260907_183704_6a9e85c041754_200.webp" alt="トヨタJPN TAXIの中古車買取はどこがいい?高価買取するための秘訣を解説" width="200" height="113" loading="lazy">                                        </div>
1885                                                                        <div class="small related-article-title-wrapper">
1886                                        トヨタJPN TAXIの中古車買取はどこがいい?高価買取するための秘訣を解説                                    </div>
1887                                </div>
1888                            </a>
1889                        </li>
1890                                            <li class="list-group-item">
1891                            <a href="https://toyota-yuiproject.com/article-010.html" class="text-decoration-none">
1892                                <div class="d-flex">
1893                                                                            <div class="me-2" style="width: 100px; height: 56px; border-radius: 5px; overflow: hidden;">
1894                                            <img src="https://toyota-yuiproject.com/uploads/img_20260907_173739_6a9e77d352640_200.webp" alt="トヨタistの中古車買取はどこがいい?高価買取するための秘訣を解説" width="200" height="113" loading="lazy">                                        </div>
1895                                                                        <div class="small related-article-title-wrapper">
1896                                        トヨタistの中古車買取はどこがいい?高価買取するための秘訣を解説                                    </div>
1897                                </div>
1898                            </a>
1899                        </li>
1900                                            <li class="list-group-item">
1901                            <a href="https://toyota-yuiproject.com/article-009.html" class="text-decoration-none">
1902                                <div class="d-flex">
1903                                                                            <div class="me-2" style="wi
1903dth: 100px; height: 56px; border-radius: 5px; overflow: hidden;">
1904                                            <img src="https://toyota-yuiproject.com/uploads/img_20260907_153702_6a9e5b8ec6dcf_200.webp" alt="トヨタiQの中古車買取はどこがいい?高価買取するための秘訣を解説" width="200" height="113" loading="lazy">                                        </div>
1905                                                                        <div class="small related-article-title-wrapper">
1906                                        トヨタiQの中古車買取はどこがいい?高価買取するための秘訣を解説                                    </div>
1907                                </div>
1908                            </a>
1909                        </li>
1910                                            <li class="list-group-item">
1911                            <a href="https://toyota-yuiproject.com/article-008.html" class="text-decoration-none">
1912                                <div class="d-flex">
1913                                                                            <div class="me-2" style="width: 100px; height: 56px; border-radius: 5px; overflow: hidden;">
1914                                            <img src="https://toyota-yuiproject.com/uploads/img_20260907_053644_6a9dcedc75ecf_200.webp" alt="トヨタGRカローラの中古車買取はどこがいい?高価買取するための秘訣を解説" width="200" height="113" loading="lazy">                                        </div>
1915                                                                        <div class="small related-article-title-wrapper">
1916                                        トヨタGRカローラの中古車買取はどこがいい?高価買取するための秘訣を解説                                    </div>
1917                                </div>
1918                            </a>
1919                        </li>
1920                                    </ul>
1921            </div>
1922        </div>
1923            
1924    
1925                            <div class="card">
1926            <div class="card-header">
1927                <i class="fas fa-newspaper me-2"></i>最新記事            </div>
1928            <div class="card-body p-0">
1929                <ul class="list-group list-group-flush">
1930                                            <li class="list-group-item">
1931                            <a href="https://toyota-yuiproject.com/article-012.html" class="text-decoration-none">
1932                                <div class="d-flex">
1933                                                                            <div class="me-2" style="width: 100px; height: 56px; border-radius: 5px; overflow: hidden;">
1934                                            <img src="https://toyota-yuiproject.com/uploads/img_20260908_123642_6a9f82caadc9c_200.webp" alt="トヨタGRヤリスの中古車買取はどこがいい?高価買取するための秘訣を解説" width="200" height="113" loading="lazy">                                        </div>
1935                                                                        <div class="small related-article-title-wrapper">
1936                                        トヨタGRヤリスの中古車買取はどこがいい?高価買取するための秘訣を解説                                        <div class="text-muted" style="font-size: 0.8rem;">
1937                                            2026/9/8                                        </div>
1938                                    </div>
1939                                </div>
1940                            </a>
1941                        </li>
1942                                            <li class="list-group-item">
1943                            <a href="https://toyota-yuiproject.com/article-011.html" class="text-decoration-none">
1944                                <div class="d-flex">
1945                                                                            <div class="me-2" style="width: 100px; height: 56px; border-radius: 5px; overflow: hidden;">
1946                                            <img src="https://toyota-yuiproject.com/uploads/img_20260907_183704_6a9e85c041754_200.webp" alt="トヨタJPN TAXIの中古車買取はどこがいい?高価買取するための秘訣を解説" width="200" height="113" loading="lazy">                                        </div>
1947                                                                        <div class="small related-article-title-wrapper">
1948                                        トヨタJPN TAXIの中古車買取はどこがいい?高価買取するための秘訣を解説                                        <div class="text-muted" style="font-size: 0.8rem;">
1949                                            2026/9/7                                        </div>
1950                                    </div>
1951                                </div>
1952                            </a>
1953                        </li>
1954                                            <li class="list-group-item">
1955                            <a href="https://toyota-yuiproject.com/article-010.html" class="text-decoration-none">
1956                                <div class="d-flex">
1957                                                                            <div class="me-2" style="width: 100px; height: 56px; border-radius: 5px; overflow: hidden;">
1958                                            <img src="https://toyota-yuiproject.com/uploads/img_20260907_173739_6a9e77d352640_200.webp" alt="トヨタistの中古車買取はどこがいい?高価買取するための秘訣を解説" width="200" height="113" loading="lazy">                                        </div>
1959                                                                        <div class="small related-article-title-wrapper">
1960                                        トヨタistの中古車買取はどこがいい?高価買取するための秘訣を解説                                        <div class="text-muted" style="font-size: 0.8rem;">
1961                                            2026/9/7                                        </div>
1962                                    </div>
1963                                </div>
1964                            </a>
1965                        </li>
1966                                            <li class="list-group-item">
1967                            <a href="https://toyota-yuiproject.com/article-009.html" class="text-decoration-none">
1968                                <div class="d-flex">
1969                                                                            <div class="me-2" style="width: 100px; height: 56px; border-radius: 5px; overflow: hidden;">
1970                                            <img src="https://toyota-yuiproject.com/uploads/img_20260907_153702_6a9e5b8ec6dcf_200.webp" alt="トヨタiQの中古車買取はどこがいい?高価買取するための秘訣を解説" width="200" height="113" loading="lazy">                                        </div>
1971                                                                        <div class="small related-article-title-wrapper">
1972                                        トヨタiQの中古車買取はどこがいい?高価買取するための秘訣を解説                                        <div class="text-muted" style="font-size: 0.8rem;">
1973                                            2026/9/7                                        </div>
1974                                    </div>
1975                                </div>
1976                            </a>
1977                        </li>
1978                                            <li class="list-group-item">
1979                            <a href="https://toyota-yuiproject.com/article-008.html" class="text-decoration-none">
1980                                <div class="d-flex">
1981                                                                            <div class="me-2" style="width: 100px; height: 56px; border-radius: 5px; overflow: hidden;">
1982                                            <img src="https://toyota-yuiproject.com/uploads/img_20260907_053644_6a9dcedc75ecf_200.webp" alt="トヨタGRカローラの中古車買取はどこがいい?高価買取するための秘訣を解説" width="200" height="113" loading="lazy">                                        </div>
1983                                                                        <div class="small related-article-title-wrapper">
1984                                        トヨタGRカローラの中古車買取はどこがいい?高価買取するための秘訣を解説                                        <div class="text-muted" style="font-size: 0.8rem;">
1985                                            2026/9/7                                        </div>
1986                                    </div>
1987                                </div>
1988                            </a>
1989                        </li>
1990                                    </ul>
1991            </div>
1992        </div>
1993            
1994    
1995                        
1996    
1997    
1998    
1999    <div class="sidebar-ad-sticky" id="sidebarAd">
2000            </div>
2001
2002    
2003    </aside>
2004
2005<style>
2006 
2007.rank-badge {
2008    position: absolute;
2009    top: 3px;
2010    left: 3px;
2011    width: 20px;
2012    height: 20px;
2013    border-radius: 50%;
2014    display: flex;
2015    align-items: center;
2016    justify-content: center;
2017    font-size: 14px;
2018    font-weight: bold;
2019    color: white;
2020    z-index: 1;
2021    box-shadow: 0 2px 4px rgba(0,0,0,0.4);
2022}
2023
2024 
2025.rank-badge.rank-1 {
2026    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
2027}
2028
2029.rank-badge.rank-2 {
2030    background: linear-gradient(135deg, #C0C0C0 0%, #A8A8A8 100%);
2031}
2032
2033.rank-badge.rank-3 {
2034    background: linear-gradient(135deg, #CD7F32 0%, #B8733C 100%);
2035}
2036
2037.rank-badge.rank-4,
2038.rank-badge.rank-5 {
2039    background: linear-gradient(135deg, #9E9E9E 0%, #757575 100%);
2040}
2041
2042 
2043.related-article-title-wrapper {
2044    word-break: break-word;
2045    overflow-wrap: break-word;
2046    line-height: 1.4;
2047}
2048
2049 
2050 
2051.list-group-item .d-flex {
2052    align-items: flex-start !important;
2053}
2054
2055 
2056.list-group-item .me-2,
2057.list-group-item .d-flex > div[style*="position: relative"] {
2058    flex-shrink: 0 !important;
2059    flex-grow: 0 !important;
2060}
2061
2062 
2063.list-group-item picture {
2064    display: block !important;
2065    width: 100% !important;
2066    height: 100% !important;
2067}
2068
2069 
2070.list-group-item img,
2071.list-group-item picture img {
2072    width: 100% !important;
2073    height: 100% !important;
2074    object-fit: cover !important;
2075    display: block !important;
2076}
2077
2078 
2079.sidebar-ad-sticky {
2080    margin-top: 1rem;
2081}
2082
2083.sidebar-ad-sticky.is-fixed {
2084    position: fixed;
2085    top: 20px;
2086    z-index: 100;
2087    width: inherit;
2088}
2089
2090.sidebar-ad-sticky.is-bottom {
2091    position: static;
2092}
2093
2094 
2095.sidebar-ad-sticky .ad-container {
2096    margin-bottom: 1rem;
2097}
2098
2099 
2100.ad-sidebar_top,
2101.ad-sidebar_bottom,
2102.ad-sidebar_bottom_static {
2103    background: var(--card-bg);
2104    padding: 1rem;
2105    border-radius: 8px;
2106    box-shadow: 0 2px 4px rgba(var(--main-color-rgb), 0.15);
2107    margin-bottom: 1rem;
2108}
2109</style>
2110
2111<script>
2112(function() {
2113    const sidebarAd = document.getElementById('sidebarAd');
2114    if (!sidebarAd || sidebarAd.children.length === 0) {
2115        return;
2116    }
2117
2118    const sidebar = sidebarAd.closest('.col-lg-4') || sidebarAd.closest('aside') || sidebarAd.parentElement;
2119    if (!sidebar) {
2120        return;
2121    }
2122
2123    let originalTop = 0;
2124
2125    let cachedSidebarWidth = 0;
2126    let cachedSidebarOffsetTop = 0;
2127    let cachedSidebarHeight = 0;
2128    let cachedAdHeight = 0;
2129    let lastLayoutCalcTime = 0;
2130    let imageLoadListenerAdded = false;
2131    let imageLoadDebounceTimer = null;
2132    const LAYOUT_CALC_INTERVAL = 1000;
2133
2134    function init() {
2135        const rect = sidebarAd.getBoundingClientRect();
2136        originalTop = rect.top + (window.scrollY || window.pageYOffset || document.documentElement.scrollTop);
2137        updateLayoutCache();
2138
2139        if (!imageLoadListenerAdded) {
2140            var images = sidebar.querySelectorAll('img');
2141            if (images.length > 0) {
2142                sidebar.addEventListener('load', function() {
2143                    clearTimeout(imageLoadDebounceTimer);
2144                    imageLoadDebounceTimer = setTimeout(function() {
2145                        lastLayoutCalcTime = 0;
2146                        updateLayoutCache();
2147                    }, 100);
2148                }, true);
2149                imageLoadListenerAdded = true;
2150            }
2151        }
2152    }
2153
2154    function updateLayoutCache() {
2155        const rect = sidebar.getBoundingClientRect();
2156        const scrollTop = window.scrollY || window.pageYOffset || document.documentElement.scrollTop;
2157        cachedSidebarWidth = rect.width;
2158        cachedSidebarOffsetTop = rect.top + scrollTop;
2159        cachedSidebarHeight = sidebar.offsetHeight;
2160        cachedAdHeight = sidebarAd.offsetHeight;
2161        lastLayoutCalcTime = Date.now();
2162    }
2163
2164    function handleScroll() {
2165        const currentTime = Date.now();
2166        const scrollTop = window.scrollY || window.pageYOffset || document.documentElement.scrollTop;
2167
2168        if (lastLayoutCalcTime === 0 || currentTime - lastLayoutCalcTime > LAYOUT_CALC_INTERVAL) {
2169            updateLayoutCache();
2170        }
2171
2172        const sidebarBottomFromTop = cachedSidebarOffsetTop + cachedSidebarHeight;
2173
2174        var sidebarTocEl = document.getElementById('sidebar-toc');
2175        var tocStickyOffset = 0;
2176        if (sidebarTocEl && !sidebarTocEl.classList.contains('sidebar-toc-hidden')) {
2177            tocStickyOffset = sidebarTocEl.offsetHeight + 16;
2178        }
2179
2180        if (scrollTop + 20 >= originalTop) {
2181            if (scrollTop + cachedAdHeight + 40 + tocStickyOffset <= sidebarBottomFromTop) {
2182                sidebarAd.classList.add('is-fixed');
2183                sidebarAd.classList.remove('is-bottom');
2184                sidebarAd.style.width = cachedSidebarWidth + 'px';
2185                sidebarAd.style.top = (20 + tocStickyOffset) + 'px';
2186            } else {
2187                sidebarAd.classList.remove('is-fixed');
2188                sidebarAd.classList.add('is-bottom');
2189                sidebarAd.style.width = '';
2190                sidebarAd.style.top = '';
2191            }
2192        } else {
2193            sidebarAd.classList.remove('is-fixed', 'is-bottom');
2194            sidebarAd.style.width = '';
2195            sidebarAd.style.top = '';
2196        }
2197    }
2198
2199    if (document.readyState === 'loading') {
2200        document.addEventListener('DOMContentLoaded', function() {
2201            setTimeout(init, 100);
2202        });
2203    } else {
2204        setTimeout(init, 100);
2205    }
2206
2207    var raf = window.requestAnimationFrame || window.webkitRequestAnimationFrame ||
2208              window.mozRequestAnimationFrame || function(callback) { setTimeout(callback, 16); };
2209
2210    var scrollTicking = false;
2211    window.addEventListener('scroll', function() {
2212        if (!scrollTicking) {
2213            raf(function() {
2214                handleScroll();
2215                scrollTicking = false;
2216            });
2217            scrollTicking = true;
2218        }
2219    });
2220
2221    var resizeTicking = false;
2222    window.addEventListener('resize', function() {
2223        if (!resizeTicking) {
2224            raf(function() {
2225                lastLayoutCalcTime = 0;
2226                if (!sidebarAd.classList.contains('is-fixed')) {
2227                    init();
2228                }
2229                handleScroll();
2230                resizeTicking = false;
2231            });
2232            resizeTicking = true;
2233        }
2234    });
2235})();
2236
2237(function() {
2238    window.toggleToc = function() {
2239        var body = document.getElementById('toc-body');
2240        var icon = document.getElementById('toc-toggle-icon');
2241        if (!body || !icon) return;
2242        if (body.classList.contains('toc-closed')) {
2243            body.classList.remove('toc-closed');
2244            icon.textContent = '−';
2245        } else {
2246            body.classList.add('toc-closed');
2247            icon.textContent = '+';
2248        }
2249    };
2250
2251    document.addEventListener('click', function(e) {
2252        var link = e.target.closest('.toc-link, .sidebar-toc-link');
2253        if (!link) return;
2254        var href = link.getAttribute('href');
2255        if (!href || href.charAt(0) !== '#') return;
2256        var targetId = href.substring(1);
2257        var target = document.getElementById(targetId);
2258        if (!target) return;
2259        e.preventDefault();
2260        var headerEl = document.querySelector('nav.navbar') || document.querySelector('header') || document.querySelector('.site-header');
2261        var headerOffset = headerEl ? headerEl.getBoundingClientRect().height + 10 : 80;
2262        var elementPosition = target.getBoundingClientRect().top;
2263        var offsetPosition = elementPosition + (window.pageYOffset || document.documentElement.scrollTop) - headerOffset;
2264        window.scrollTo({
2265            top: offsetPosition,
2266            behavior: 'smooth'
2267        });
2268    });
2269
2270    var sidebarToc = document.getElementById('sidebar-toc');
2271    var sidebarTocNav = document.getElementById('sidebar-toc-nav');
2272    var tocContainer = document.getElementById('toc-container');
2273    if (!sidebarToc) return;
2274
2275    var sidebarTocLinks = sidebarToc.querySelectorAll('.sidebar-toc-link');
2276    if (sidebarTocLinks.length === 0) return;
2277
2278    var showOnScroll = sidebarToc.classList.contains('sidebar-toc-hidden');
2279
2280    var sidebarCol = sidebarToc.closest('.col-lg-4') || sidebarToc.closest('aside') || sidebarToc.parentElement;
2281
2282    var tocRaf = window.requestAnimationFrame || window.webkitRequestAnimationFrame ||
2283                 window.mozRequestAnimationFrame || function(cb) { setTimeout(cb, 16); };
2284
2285    var tocScrollTicking = false;
2286
2287    function updateSidebarToc() {
2288        var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
2289        var viewportHeight = window.innerHeight;
2290
2291        var shouldShow = false;
2292        if (showOnScroll && tocContainer) {
2293            var tocRect = tocContainer.getBoundingClientRect();
2294            shouldShow = (tocRect.bottom < 0);
2295        } else if (!showOnScroll) {
2296            var sidebarTocRect = sidebarToc.getBoundingClientRect();
2297            shouldShow = (scrollTop > 200);
2298        }
2299
2300        if (shouldShow) {
2301            sidebarToc.classList.remove('sidebar-toc-hidden');
2302            if (!sidebarToc.classList.contains('sidebar-toc-fixed')) {
2303                sidebarToc.classList.add('sidebar-toc-fixed');
2304            }
2305            if (sidebarCol) {
2306                var colRect = sidebarCol.getBoundingClientRect();
2307                sidebarToc.style.width = colRect.width + 'px';
2308                sidebarToc.style.left = colRect.left + 'px';
2309            }
2310        } else {
2311            if (!sidebarToc.classList.contains('sidebar-toc-hidden') && showOnScroll) {
2312                sidebarToc.classList.add('sidebar-toc-hidden');
2313            }
2314            sidebarToc.classList.remove('sidebar-toc-fixed');
2315            sidebarToc.style.width = '';
2316            sidebarToc.style.left = '';
2317        }
2318
2319        var currentId = '';
2320        for (var i = 0; i < sidebarTocLinks.length; i++) {
2321            var targetId = sidebarTocLinks[i].getAttribute('data-toc-target');
2322            var el = document.getElementById(targetId);
2323            if (!el) continue;
2324            var rect = el.getBoundingClientRect();
2325            if (rect.top <= viewportHeight * 0.3) {
2326                currentId = targetId;
2327            }
2328        }
2329
2330        for (var j = 0; j < sidebarTocLinks.length; j++) {
2331            var linkItem = sidebarTocLinks[j].parentElement;
2332            if (sidebarTocLinks[j].getAttribute('data-toc-target') === currentId) {
2333                if (!linkItem.classList.contains('sidebar-toc-active')) {
2334                    linkItem.classList.add('sidebar-toc-active');
2335                    if (sidebarTocNav && sidebarTocNav.scrollHeight > sidebarTocNav.clientHeight) {
2336                        var itemTop = sidebarTocLinks[j].offsetTop - sidebarTocNav.offsetTop;
2337                        var navHeight = sidebarTocNav.clientHeight;
2338                        var scrollTarget = itemTop - navHeight / 2 + 15;
2339                        sidebarTocNav.scrollTop = Math.max(0, scrollTarget);
2340                    }
2341                }
2342            } else {
2343                linkItem.classList.remove('sidebar-toc-active');
2344            }
2345        }
2346    }
2347
2348    window.addEventListener('scroll', function() {
2349        if (!tocScrollTicking) {
2350            tocRaf(function() {
2351                updateSidebarToc();
2352                tocScrollTicking = false;
2353            });
2354            tocScrollTicking = true;
2355        }
2356    });
2357
2358    window.addEventListener('resize', function() {
2359        if (sidebarToc.classList.contains('sidebar-toc-fixed') && sidebarCol) {
2360            var colRect = sidebarCol.getBoundingClientRect();
2361            sidebarToc.style.width = colRect.width + 'px';
2362            sidebarToc.style.left = colRect.left + 'px';
2363        }
2364    });
2365
2366    if (document.readyState === 'loading') {
2367        document.addEventListener('DOMContentLoaded', function() {
2368            setTimeout(updateSidebarToc, 200);
2369        });
2370    } else {
2371        setTimeout(updateSidebarToc, 200);
2372    }
2373})();
2374</script>
2374
2375    </div>
2376    </div>
2377
2378
2379<style>
2380 
2381.main-visual {
2382    position: relative;
2383    overflow: hidden;
2384     
2385    margin-bottom: 1rem;
2386}
2387
2388.main-visual.auto-height {
2389     
2390}
2391
2392.main-visual:not(.auto-height) {
2393     
2394    position: relative;
2395}
2396
2397.visual-image {
2398    display: block;
2399    width: 100%;
2400    height: auto;
2401}
2402
2403.main-visual-link {
2404    display: block;
2405    text-decoration: none;
2406    color: inherit;
2407    height: 100%;
2408    width: 100%;
2409}
2410
2411.main-visual:not(.auto-height) .main-visual-link {
2412    position: absolute;
2413    top: 0;
2414    left: 0;
2415    right: 0;
2416    bottom: 0;
2417    z-index: 1;
2418}
2419
2420.visual-bg {
2421    background-repeat: no-repeat;
2422}
2423
2424 
2425.main-visual:not(.no-visual) .text-overlay {
2426    position: absolute !important;
2427    top: 50% !important;
2428    left: 50% !important;
2429    transform: translate(-50%, -50%) !important;
2430    text-align: center !important;
2431    z-index: 10;
2432    padding: 20px 40px;
2433    background: rgba(0, 0, 0, 0.4);
2434    border-radius: 12px;
2435    max-width: 90%;
2436    width: auto;
2437}
2438
2439 
2440.main-visual.visual-text-small  { --visual-title-fs: 1.6rem; --visual-desc-fs: 0.9rem; }
2441.main-visual.visual-text-medium { --visual-title-fs: 2.0rem; --visual-desc-fs: 1.05rem; }
2442.main-visual.visual-text-large  { --visual-title-fs: 2.5rem; --visual-desc-fs: 1.2rem; }
2443
2444 
2445.main-visual:not(.no-visual) .visual-title {
2446    color: var(--site-name-color) !important;
2447    font-size: var(--visual-title-fs, 2.5rem);
2448    font-weight: 700;
2449    margin: 0 auto 10px auto !important;
2450    text-align: center !important;
2451    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
2452}
2453
2454.main-visual:not(.no-visual) .visual-desc {
2455    color: var(--site-desc-color) !important;
2456    font-size: var(--visual-desc-fs, 1.2rem);
2457    margin: 0 auto !important;
2458    text-align: center !important;
2459    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
2460}
2461
2462 
2463.main-visual.no-visual {
2464    padding: 60px 20px;
2465    text-align: center !important;
2466}
2467
2468.main-visual.no-visual .text-overlay {
2469    position: relative !important;
2470    top: auto !important;
2471    left: auto !important;
2472    transform: none !important;
2473    background: transparent !important;
2474    text-align: center !important;
2475    width: 100%;
2476    max-width: 100%;
2477    padding: 0;
2478    margin: 0 auto;
2479}
2480
2481 
2482.main-visual.no-visual .visual-title {
2483    color: var(--site-name-color) !important;
2484    font-size: var(--visual-title-fs, 2.5rem);
2485    font-weight: 700;
2486    text-shadow: none !important;
2487    text-align: center !important;
2488    margin: 0 auto 10px auto !important;
2489    display: block;
2490    width: 100%;
2491}
2492
2493.main-visual.no-visual .visual-desc {
2494    color: var(--site-desc-color) !important;
2495    font-size: var(--visual-desc-fs, 1.2rem);
2496    text-shadow: none !important;
2497    text-align: center !important;
2498    margin: 0 auto !important;
2499    display: block;
2500    width: 100%;
2501}
2502
2503@media (max-width: 768px) {
2504    .visual-title {
2505        font-size: 1.5rem !important;  
2506        margin-bottom: 0 !important;
2507    }
2508    .visual-desc {
2509        display: none !important;  
2510    }
2511    .main-visual:not(.no-visual) .text-overlay {
2512        padding: 10px 15px !important;
2513        width: 80% !important;  
2514        max-width: 90% !important;
2515    }
2516}
2517
2518 
2519.category-card {
2520    transition: transform 0.2s ease, box-shadow 0.2s ease;
2521    border: 1px solid rgba(var(--main-color-rgb), 0.3);
2522    border-radius: 0 !important;
2523    overflow: hidden;
2524     
2525    margin-bottom: 0;
2526     
2527    height: 100%;
2528}
2529
2530.category-card .card-img-top {
2531    border-radius: 0 !important;
2532     
2533    aspect-ratio: auto;
2534}
2535
2536 
2537.category-card-link {
2538    display: block;
2539    height: 100%;
2540}
2541
2542 
2543.category-card-body {
2544    padding: 0.45rem 0.6rem;
2545}
2546
2547 
2548.category-color-banner {
2549    flex-grow: 1;
2550}
2551.category-color-banner-text {
2552    font-weight: 700;
2553    font-size: 1.35rem;
2554    line-height: 1.3;
2555    text-align: center;
2556    padding: 0 10px;
2557     
2558    word-break: break-word;
2559    overflow-wrap: anywhere;
2560}
2561
2562 
2563.category-card .category-card-body {
2564    margin-top: auto;
2565    flex-grow: 0;
2566}
2567
2568 
2569.category-navigation .row {
2570    --bs-gutter-x: 1rem;
2571    margin-bottom: -1rem;
2572}
2573
2574.category-card:hover {
2575    transform: translateY(-5px);
2576    box-shadow: 0 8px 25px rgba(var(--main-color-rgb), 0.25) !important;
2577    border-color: rgba(var(--main-color-rgb), 0.4);
2578}
2579
2580.category-card-link:hover .card-title {
2581    color: var(--main-color) !important;
2582}
2583
2584 
2585@media (max-width: 768px) {
2586    .info-items {
2587        animation: none;
2588        flex-wrap: wrap;
2589    }
2590
2591    .info-item {
2592        flex: 0 0 100%;
2593        margin-bottom: 0.5rem;
2594    }
2595
2596    .category-buttons .btn {
2597        font-size: 0.85rem;
2598        padding: 0.4rem 0.8rem;
2599    }
2600}
2601
2602 
2603.category-group-section:first-child .article-content h2 { margin-top: 0 !important; }
2604 
2605.top-list-heading h2 { margin-top: 0 !important; }
2606</style>
2607
2608<script>
2609(function() {
2610    'use strict';
2611
2612    var articleCards = document.querySelectorAll('article.card');
2613    if (articleCards.length === 0) {
2614        return;
2615    }
2616
2617    for (var i = 0; i < Math.min(6, articleCards.length); i++) {
2618        var cardImages = articleCards[i].querySelectorAll('img[loading="lazy"]');
2619        cardImages.forEach(function(img) {
2620            img.removeAttribute('loading');
2621        });
2622    }
2623
2624})();
2625</script>
2625
2626
2627        </div>
2628    </main>
2629
2630    
2631    <footer class="site-footer">
2632        <div class="container">
2633            <div class="row">
2634                <div class="col-md-3">
2635                    <h6 class="mb-3">トヨタ中古車ブログ</h6>
2636                    <p class="text-muted small">
2637                        トヨタ中古車ブログになります!                    </p>
2638                </div>
2639                                <div class="col-md-3">
2640                    <h6 class="mb-3">インフォメーション</h6>
2641                    <ul class="list-unstyled small">
2642                                                    <li class="mb-1">
2643                                <a href="https://toyota-yuiproject.com/privacy-policy.html" class="text-muted text-decoration-none">
2644                                    プライバシーポリシー                                </a>
2645                            </li>
2646                                                    <li class="mb-1">
2647                                <a href="https://toyota-yuiproject.com/content-policy.html" class="text-muted text-decoration-none">
2648                                    コンテンツ制作ポリシー                                </a>
2649                            </li>
2650                                                    <li class="mb-1">
2651                                <a href="https://toyota-yuiproject.com/advertising-guideline.html" class="text-muted text-decoration-none">
2652                                    広告掲載ガイドライン                                </a>
2653                            </li>
2654                                                    <li class="mb-1">
2655                                <a href="https://toyota-yuiproject.com/contact.html" class="text-muted text-decoration-none">
2656                                    お問い合わせ                                </a>
2657                            </li>
2658                                                    <li class="mb-1">
2659                                <a href="https://toyota-yuiproject.com/about.html" class="text-muted text-decoration-none">
2660                                    運営者情報                                </a>
2661                            </li>
2662                                            </ul>
2663                </div>
2664                
2665                <div class="col-md-3">
2666                    <h6 class="mb-3">カテゴリ</h6>
2667                    <ul class="list-unstyled small">
2668                                                    <li class="mb-1">
2669                                <a href="https://toyota-yuiproject.com/information/" class="text-muted text-decoration-none">
2670                                    インフォメーション                                </a>
2671                            </li>
2672                                            </ul>
2673                </div>
2674                <div class="col-md-3">
2675                    <h6 class="mb-3">リンク</h6>
2676                    <ul class="list-unstyled small">
2677                        <li class="mb-1">
2678                            <a href="https://toyota-yuiproject.com/sitemap-page.php" class="text-muted text-decoration-none">サイトマップ</a>
2679                        </li>
2680                        <li class="mb-1">
2681                            <a href="https://toyota-yuiproject.com/rss.xml" class="text-muted text-decoration-none">RSS</a>
2682                        </li>
2683                    </ul>
2684                </div>
2685            </div>
2686            <hr>
2687            <p class="text-center text-muted small mb-0">
2688                &copy; 2026 <a href="https://toyota-yuiproject.com" class="text-muted text-decoration-none">トヨタ中古車ブログ</a>
2689            </p>
2690        </div>
2691    </footer>
2692
2693    
2693<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
2693
2694    
2694<script>
2695    document.addEventListener('DOMContentLoaded', function() {
2696        const contentArea = document.querySelector('.article-content');
2697        if (contentArea) {
2698            const coloredElements = contentArea.querySelectorAll('[style*="color:"]');
2699            coloredElements.forEach(function(element) {
2700                            element.style.setProperty('color', element.style.color, 'important');            });
2701        }
2702    });
2703    </script>
2703
2704    </body>
2705</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.