.bike-commute-heat-wrap {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", "YuGothic", "Meiryo", sans-serif;
line-height: 1.9;
color: #333;
}
.bike-commute-heat-wrap h2 {
padding: 14px 18px;
margin-top: 42px;
margin-bottom: 18px;
color: #fff;
background: linear-gradient(135deg, #ef6c00, #ffb300, #0288d1);
border-radius: 14px;
font-size: 1.25em;
}
.bike-commute-heat-wrap h3 {
padding-left: 12px;
border-left: 5px solid #ff9800;
margin-top: 30px;
color: #e65100;
}
.bike-commute-heat-lead {
background: linear-gradient(135deg, #fff3e0, #e1f5fe);
border: 2px solid #ffcc80;
border-radius: 18px;
padding: 22px;
margin: 24px 0;
}
.bike-commute-heat-box {
background: #fffdf8;
border: 1px solid #ffd180;
border-radius: 14px;
padding: 18px;
margin: 22px 0;
}
.bike-commute-heat-point {
background: #e1f5fe;
border-left: 6px solid #29b6f6;
border-radius: 10px;
padding: 16px;
margin: 22px 0;
}
.bike-commute-heat-caution {
background: #fff3e0;
border-left: 6px solid #ff7043;
border-radius: 10px;
padding: 16px;
margin: 22px 0;
}
.bike-commute-heat-link {
background: linear-gradient(135deg, #fff8e1, #ffffff);
border: 2px solid #ffb74d;
border-radius: 16px;
padding: 20px;
margin: 28px 0;
}
.bike-commute-heat-link a {
display: inline-block;
margin-top: 8px;
padding: 10px 16px;
border-radius: 999px;
background: #ff8f00;
color: #fff !important;
font-weight: bold;
text-decoration: none;
}
.bike-commute-heat-list {
background: #fff;
border: 1px dashed #ffb74d;
border-radius: 12px;
padding: 16px 20px;
margin: 20px 0;
}
.bike-commute-heat-list ul {
margin: 0;
padding-left: 22px;
}
.bike-commute-heat-table-wrap {
overflow-x: auto;
margin: 22px 0;
}
.bike-commute-heat-table {
width: 100%;
min-width: 620px;
border-collapse: collapse;
margin: 0;
font-size: 0.95em;
}
.bike-commute-heat-table th {
background: #fff3e0;
color: #e65100;
}
.bike-commute-heat-table th,
.bike-commute-heat-table td {
border: 1px solid #ffcc80;
padding: 12px;
vertical-align: top;
}
.bike-commute-heat-summary {
background: linear-gradient(135deg, #fff3e0, #e1f5fe);
border: 2px solid #ffcc80;
border-radius: 18px;
padding: 22px;
margin-top: 36px;
}
.bike-commute-heat-wrap figure {
margin: 26px 0;
}
.bike-commute-heat-wrap figcaption {
font-size: 0.9em;
color: #666;
text-align: center;
margin-top: 8px;
}