.bike-summer-wrap {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", "YuGothic", "Meiryo", sans-serif;
line-height: 1.9;
color: #333;
}
.bike-summer-wrap p {
margin: 0 0 1.2em;
}
.bike-summer-wrap h2 {
padding: 14px 18px;
margin-top: 42px;
margin-bottom: 18px;
color: #fff;
background: linear-gradient(135deg, #ff8a00, #ffca28, #29b6f6);
border-radius: 14px;
font-size: 1.25em;
}
.bike-summer-wrap h2::before {
content: "☀️ ";
}
.bike-summer-wrap h3 {
padding-left: 12px;
border-left: 5px solid #ff9800;
margin-top: 30px;
color: #e65100;
}
.bike-summer-lead,
.bike-summer-box,
.bike-summer-point,
.bike-summer-caution,
.bike-summer-danger,
.bike-summer-link,
.bike-summer-item,
.bike-summer-summary,
.bike-summer-product,
.bike-summer-source {
border-radius: 14px;
padding: 18px 20px;
margin: 22px 0;
}
.bike-summer-lead {
background: linear-gradient(135deg, #fff3e0, #e1f5fe);
border: 2px solid #ffcc80;
box-shadow: 0 2px 8px rgba(255, 138, 0, 0.08);
}
.bike-summer-box {
background: #fffdf8;
border: 1px solid #ffd180;
}
.bike-summer-point {
background: #e1f5fe;
border-left: 6px solid #29b6f6;
}
.bike-summer-point::before {
content: "💡 POINT";
display: inline-block;
margin-bottom: 0.5em;
color: #0875a5;
font-weight: bold;
}
.bike-summer-caution {
background: #fff3e0;
border-left: 6px solid #ff7043;
}
.bike-summer-caution::before {
content: "⚠ 注意";
display: inline-block;
margin-bottom: 0.5em;
color: #b94a24;
font-weight: bold;
}
.bike-summer-danger {
background: #fff0ee;
border-left: 6px solid #d45749;
}
.bike-summer-danger::before {
content: "🚫 走行を続けない";
display: inline-block;
margin-bottom: 0.5em;
color: #a23b31;
font-weight: bold;
}
.bike-summer-link {
background: linear-gradient(135deg, #fff8e1, #ffffff);
border: 2px solid #ffb74d;
}
.bike-summer-link::before {
content: "🔗 関連記事";
display: inline-block;
margin-bottom: 0.5em;
color: #b76300;
font-weight: bold;
}
.bike-summer-link a {
color: #b85b00;
font-weight: bold;
}
.bike-summer-list {
background: #fff;
border: 1px dashed #ffb74d;
border-radius: 12px;
padding: 16px 20px;
margin: 20px 0;
}
.bike-summer-list ul {
margin: 0;
padding-left: 22px;
}
.bike-summer-list li {
margin: 0.35em 0;
}
.bike-summer-table-wrap {
overflow-x: auto;
margin: 22px 0;
}
.bike-summer-table {
width: 100%;
min-width: 680px;
border-collapse: collapse;
margin: 0;
font-size: 0.95em;
}
.bike-summer-table th {
background: #fff3e0;
color: #e65100;
}
.bike-summer-table th,
.bike-summer-table td {
border: 1px solid #ffcc80;
padding: 12px;
vertical-align: top;
}
.bike-summer-item {
background: linear-gradient(135deg, #ffffff, #fffaf0);
border: 1px solid #ffe0b2;
}
.bike-summer-product {
background: #fff8e1;
border: 2px solid #ffcc80;
box-shadow: 0 3px 10px rgba(255, 152, 0, 0.12);
}
.bike-summer-product::before {
content: "🪑 夏の座面対策に使いやすい一例";
display: inline-block;
margin-bottom: 0.5em;
color: #c66000;
font-weight: bold;
}
.bike-summer-summary {
background: linear-gradient(135deg, #fff3e0, #e1f5fe);
border: 2px solid #ffcc80;
margin-top: 36px;
}
.bike-summer-source {
background: #f7f7f7;
border: 1px solid #ddd;
font-size: 0.92em;
}
.bike-summer-wrap figure {
margin: 26px 0;
text-align: center;
}
.bike-summer-wrap figure img {
display: block;
width: 100%;
max-width: 720px;
height: auto;
margin: 0 auto;
border-radius: 12px;
}
.bike-summer-wrap figcaption {
margin-top: 8px;
color: #607d8b;
font-size: 0.92em;
}
.bike-summer-wrap .small-note {
color: #607d8b;
font-size: 0.92em;
}