.bike-maintenance-wrap {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", "YuGothic", "Meiryo", sans-serif;
line-height: 1.9;
color: #333;
}
.bike-maintenance-wrap p {
margin: 0 0 1.2em;
}
.bike-maintenance-wrap h2 {
padding: 14px 18px;
margin-top: 42px;
margin-bottom: 18px;
color: #fff;
background: linear-gradient(135deg, #263238, #1976d2);
border-radius: 12px;
font-size: 1.25em;
}
.bike-maintenance-wrap h2::before {
content: "🌧️ ";
}
.bike-maintenance-wrap h3 {
padding-left: 12px;
border-left: 5px solid #29b6f6;
margin-top: 30px;
color: #1565c0;
}
.bike-maintenance-lead,
.bike-maintenance-box,
.bike-maintenance-point,
.bike-maintenance-caution,
.bike-maintenance-danger,
.bike-maintenance-link,
.bike-maintenance-summary {
border-radius: 14px;
padding: 18px 20px;
margin: 22px 0;
}
.bike-maintenance-lead {
background: linear-gradient(135deg, #e3f2fd, #f5fbff);
border: 2px solid #90caf9;
box-shadow: 0 2px 8px rgba(25, 118, 210, 0.08);
}
.bike-maintenance-box {
background: #f8fbff;
border: 1px solid #bbdefb;
}
.bike-maintenance-point {
background: #fffde7;
border-left: 6px solid #ffca28;
}
.bike-maintenance-point::before {
content: "💡 POINT";
display: inline-block;
margin-bottom: 0.5em;
color: #8a6500;
font-weight: bold;
}
.bike-maintenance-caution {
background: #fff3e0;
border-left: 6px solid #ff9800;
}
.bike-maintenance-caution::before {
content: "⚠ 注意";
display: inline-block;
margin-bottom: 0.5em;
color: #b85a00;
font-weight: bold;
}
.bike-maintenance-danger {
background: #fff0ee;
border-left: 6px solid #d45f50;
}
.bike-maintenance-danger::before {
content: "🚫 無理をしない";
display: inline-block;
margin-bottom: 0.5em;
color: #a23e32;
font-weight: bold;
}
.bike-maintenance-link {
background: linear-gradient(135deg, #e1f5fe, #ffffff);
border: 2px solid #4fc3f7;
}
.bike-maintenance-link::before {
content: "🔗 関連記事";
display: inline-block;
margin-bottom: 0.5em;
color: #0873a3;
font-weight: bold;
}
.bike-maintenance-link a {
color: #0b6b9c;
font-weight: bold;
}
.bike-maintenance-list {
background: #ffffff;
border: 1px dashed #64b5f6;
border-radius: 12px;
padding: 16px 20px;
margin: 20px 0;
}
.bike-maintenance-list ul {
margin: 0;
padding-left: 22px;
}
.bike-maintenance-list li {
margin: 0.35em 0;
}
.bike-maintenance-table-wrap {
overflow-x: auto;
margin: 22px 0;
}
.bike-maintenance-table {
width: 100%;
min-width: 680px;
border-collapse: collapse;
margin: 0;
font-size: 0.95em;
}
.bike-maintenance-table th {
background: #e3f2fd;
color: #0d47a1;
}
.bike-maintenance-table th,
.bike-maintenance-table td {
border: 1px solid #bbdefb;
padding: 12px;
vertical-align: top;
}
.bike-maintenance-summary {
background: linear-gradient(135deg, #e3f2fd, #ffffff);
border: 2px solid #90caf9;
margin-top: 36px;
}
.bike-maintenance-wrap figure {
margin: 24px 0;
text-align: center;
}
.bike-maintenance-wrap figure img {
display: block;
width: 100%;
max-width: 720px;
height: auto;
margin: 0 auto;
border-radius: 12px;
}
.bike-maintenance-wrap figcaption {
margin-top: 8px;
color: #607d8b;
font-size: 0.92em;
}
.bike-maintenance-wrap .small-note {
color: #607d8b;
font-size: 0.92em;
}