* { box-sizing: border-box; }
body { margin: 0; background: #fff; color: #222; font: 16px/1.8 "Microsoft YaHei", "Noto Sans SC", sans-serif; }
main { width: min(100% - 40px, 880px); margin: 34px auto 48px; }
p { margin: 0 0 12px; }
img { display: block; width: 100%; height: auto; margin: 0 0 30px; border: 1px solid #e4e4e4; }
.note { margin-top: -7px; color: #777; font-size: 12px; }
.note a { color: inherit; }
@media (max-width: 600px) {
  body { font-size: 15px; }
  main { width: calc(100% - 28px); margin-top: 20px; }
  img { margin-bottom: 23px; }
}

.review-footer { width: min(100% - 40px, 880px); margin: 0 auto 44px; padding-top: 16px; border-top: 1px solid #ececec; color: #8a8a8a; font-size: 12px; }
.review-footer a { color: inherit; text-decoration: none; }
.review-footer a:hover { color: #444; }
.review-footer a + a { margin-left: 12px; }
@media (max-width: 600px) { .review-footer { width: calc(100% - 28px); margin-bottom: 30px; } }