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 © 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.