.bike-rain-wrap {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", "YuGothic", "Meiryo", sans-serif;
line-height: 1.9;
color: #333;
}
.bike-rain-wrap h1 {
font-size: 1.55em;
line-height: 1.5;
padding: 18px 20px;
margin: 20px 0 28px;
color: #fff;
background: linear-gradient(135deg, #0d47a1, #29b6f6);
border-radius: 16px;
}
.bike-rain-wrap h2 {
padding: 14px 18px;
margin-top: 42px;
margin-bottom: 18px;
color: #fff;
background: linear-gradient(135deg, #1976d2, #4fc3f7);
border-radius: 12px;
font-size: 1.25em;
}
.bike-rain-wrap h3 {
padding-left: 12px;
border-left: 5px solid #29b6f6;
margin-top: 30px;
color: #1565c0;
}
.bike-rain-lead {
background: linear-gradient(135deg, #e3f2fd, #f5fbff);
border: 2px solid #90caf9;
border-radius: 16px;
padding: 22px;
margin: 24px 0;
}
.bike-rain-box {
background: #f8fbff;
border: 1px solid #bbdefb;
border-radius: 14px;
padding: 18px;
margin: 22px 0;
}
.bike-rain-point {
background: #fffde7;
border-left: 6px solid #ffca28;
border-radius: 10px;
padding: 16px;
margin: 22px 0;
}
.bike-rain-note {
background: #f1f8e9;
border-left: 6px solid #8bc34a;
border-radius: 10px;
padding: 16px;
margin: 22px 0;
}
.bike-rain-caution {
background: #fff3e0;
border-left: 6px solid #ff9800;
border-radius: 10px;
padding: 16px;
margin: 22px 0;
}
.bike-rain-list {
background: #ffffff;
border: 1px dashed #64b5f6;
border-radius: 12px;
padding: 16px 20px;
margin: 20px 0;
}
.bike-rain-list ul {
margin: 0;
padding-left: 22px;
}
.bike-rain-table {
width: 100%;
border-collapse: collapse;
margin: 22px 0;
font-size: 0.95em;
}
.bike-rain-table th {
background: #e3f2fd;
color: #0d47a1;
}
.bike-rain-table th,
.bike-rain-table td {
border: 1px solid #bbdefb;
padding: 12px;
}
.product-card {
border: 1px solid #bbdefb;
border-radius: 16px;
background: #ffffff;
padding: 18px;
margin: 22px 0 32px;
box-shadow: 0 4px 12px rgba(25, 118, 210, 0.08);
}
.product-card-title {
font-weight: bold;
font-size: 1.05em;
color: #1565c0;
margin-bottom: 8px;
}
.product-card-text {
font-size: 0.95em;
color: #555;
margin-bottom: 14px;
}
.product-card-buttons {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.product-card-btn {
display: inline-block;
padding: 10px 18px;
border-radius: 999px;
text-decoration: none;
font-weight: bold;
color: #fff !important;
font-size: 0.95em;
}
.amazon-btn {
background: #ff9900;
}
.rakuten-btn {
background: #bf0000;
}
.bike-rain-summary {
background: linear-gradient(135deg, #e1f5fe, #ffffff);
border: 2px solid #4fc3f7;
border-radius: 16px;
padding: 22px;
margin-top: 36px;
}