.wrap { padding-top: 91px; }
.detail-container { display: flex; padding: 60px 0 30px; }

.detail-container .detail-content { flex: 1; }

.detail-container .detail-content .detail-title { font-size: 18px; font-weight: bold; }

.detail-container .detail-content .detail-summary { color: #999; margin: 15px 0 20px; }

.detail-container .detail-content .u-richText { padding-top: 30px; border-top: 1px solid #eee; }

.detail-container .detail-side { width: 360px; margin-left: 60px; }

.detail-container .detail-side .detail-side-title { font-size: 18px; font-weight: bold; padding-bottom: 15px; border-bottom: 1px solid #eee; }

.detail-container .detail-side .detail-side-item { display: block; margin-top: 30px; }

.detail-container .detail-side .detail-side-item .detail-side-item__time { color: #999; margin-bottom: 10px; }

.detail-container .detail-side .detail-side-item .detail-side-item__thumb { height: 270px; object-fit: cover; width: 100%; margin-top: 30px; }
.u-richText p {
    margin: 12px 0;
    line-height: 26px;
}
@media (max-width: 768px) { .wrap { padding-top: 30px; }
  .detail-side { display: none; }
  .detail-container { padding: 20px 10px; }
  .detail-container .detail-content .detail-summary { text-align: center; margin-bottom: 10px; }
  .detail-container .detail-content .detail-title { font-size: 16px; text-align: center; }
  .detail-container .detail-content .u-richText { border: none; padding-top: 10px; min-height: 300px; }
  .detail-container .detail-more { color: #fff; background-color: #da0c11; display: block; width: 120px; height: 36px; line-height: 36px; border-radius: 4px; text-align: center; margin: 20px auto; } }