DAC25550048 ZZ R15578 25*55*48mm ホイールハブ ホイールベアリング

/* スタイル分離のためのユニークなルートコンテナ */ .gtr-container-x7y3z1 { font-family: Verdana, Helvetica, "Times New Roman", Arial, sans-serif; color: #333; line-height: 1.6; padding: 15px; box-sizing: border-box; max-width: 100%; overflow-x: hidden; /* ルートコンテナが水平スクロールを引き起こすのを防ぐ */ } /* タイトルと段落のタイポグラフィ */ .gtr-container-x7y3z1 .gtr-title { font-size: 18px; font-weight: bold; margin-bottom: 15px; text-align: left; color: #0056b3; /* 強調のためのプロフェッショナルな青 */ } .gtr-container-x7y3z1 p { font-size: 14px; margin-bottom: 10px; text-align: left !important; /* 左揃えを強制 */ line-height: 1.6; } /* テーブル固有のスタイル */ .gtr-container-x7y3z1 .gtr-table-wrapper { width: 100%; overflow-x: auto; /* 小画面でのテーブルの水平スクロールを有効にする */ margin-top: 20px; margin-bottom: 20px; } .gtr-container-x7y3z1 table { width: 100%; /* レスポンシブデザインのためにデフォルトで100%の幅 */ border-collapse: collapse !important; border-spacing: 0 !important; min-width: 650px; /* 小画面でもテーブルが元の幅を維持し、スクロールを可能にする */ } .gtr-container-x7y3z1 th, .gtr-container-x7y3z1 td { border: 1px solid #ccc !important; /* 1pxの実線ボーダーを強制 */ padding: 10px !important; text-align: left !important; vertical-align: top !important; font-size: 14px; word-break: normal; /* 単語の途切れを防ぐ */ overflow-wrap: normal; /* 単語の途切れを防ぐ */ } .gtr-container-x7y3z1 th { font-weight: bold; background-color: #f0f0f0; /* ヘッダー用の薄い背景 */ color: #333; } /* テーブル行のゼブラストライプ */ .gtr-container-x7y3z1 tr:nth-child(even) { background-color: #f9f9f9; } /* 画像コンテナ - レイアウト変更なし、マージンのみ */ .gtr-container-x7y3z1 .gtr-image-wrapper { margin-top: 20px; text-align: center; /* コンテナより小さい場合は画像を中央に配置 */ } /* PC画面用のレスポンシブ調整 */ @media (min-width: 768px) { .gtr-container-x7y3z1 { padding: 25px; } .gtr-container-x7y3z1 .gtr-title { font-size: 20px; margin-bottom: 20px; } .gtr-container-x7y3z1 p { font-size: 14px; margin-bottom: 12px; } .gtr-container-x7y3z1 table { width: auto; /* PCではテーブルが自然な幅を取るようにする */ min-width: 0; /* 大画面ではmin-widthの制約を削除 */ } .gtr-container-x7y3z1 .gtr-table-wrapper { overflow-x: visible; /* 大画面では水平スクロールを無効にする */ } }