.book-shot {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: #fff;
  overflow: hidden;
}

.paper-page {
  min-height: 470px;
  padding: 28px 24px;
  background: #fff;
  color: #151515;
}

.paper-page + .paper-page { border-left: 1px solid #cfcfcf; }
.paper-page small { font: 700 .48rem var(--display); letter-spacing: .18em; color: #666; }
.paper-page h3 { font: 800 1.2rem/1.05 var(--display); letter-spacing: .12em; margin: 5px 0 9px; white-space: normal; }
.rule { height: 2px; background: var(--red); margin-bottom: 7px; }
.page-note { font-size: .45rem; color: #777; margin: 0 0 18px; }

.road-row {
  display: grid;
  grid-template-columns: 74px 28px 1fr;
  gap: 8px;
  align-items: center;
  min-height: 48px;
  padding: 7px 8px;
  margin-bottom: 6px;
  background: #f1f1ef;
  font-size: .48rem;
}

.road-row:nth-of-type(even) { background: #fff; }
.road-row b, .road-row strong, .mission-table strong { color: var(--red); font: 700 .5rem var(--display); letter-spacing: .08em; }
.road-row span { font: 700 .52rem var(--display); letter-spacing: .05em; }

.mission-table {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 8px;
  padding: 9px 8px;
  font-size: .48rem;
  background: #f1f1ef;
  border-bottom: 3px solid #fff;
}

.mission-table.table-head { background: #111; color: #fff; font: 700 .48rem var(--display); letter-spacing: .1em; }
.mission-table span { color: #555; }
.decision-box { margin-top: 18px; border-top: 12px solid var(--red); background: #eeeeeb; padding: 9px; }
.decision-box b { font: 800 .52rem var(--display); letter-spacing: .1em; }
.decision-box p { font-size: .46rem; line-height: 1.4; margin: 5px 0; }
.price span { font: 800 2rem var(--display); color: #fff; margin-right: 6px; }

@media (max-width: 560px) {
  .book-shot { grid-template-columns: 1fr; transform: none; }
  .paper-page { min-height: auto; }
  .paper-page + .paper-page { border-left: 0; border-top: 1px solid #cfcfcf; }
}