body {
  overflow: hidden;
}

.diary-vertical-page {
  height: calc(100vh - var(--header-height, 80px));
  background: #f3eee6;
  overflow-x: auto;
  overflow-y: hidden;
  box-sizing: border-box;
}

/* 縦書き本体 */
.diary-vertical-article {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  height: 100%;
}

/* タイトル（右端列） */
.diary-vertical-title {
  font-size: 26px;
  letter-spacing: 0.1em;

}

.diary-vertical-cover {
  height: 100%;
  aspect-ratio: 3 / 4;
  margin-left: 120px;
}

.diary-vertical-cover__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.diary-vertical-body {
  font-size: 16px;
  line-height: 1.9;
}

.diary-vertical-body p {
  margin-block-end: 24px;
}

/* ルビ */
ruby rt {
  font-size: 0.6em;
  opacity: 0.7;
}

.diary-vertical-body-wrap {
  padding: 64px 40px 32px;
  box-sizing: border-box;
}


.diary-vertical-body {
  font-size: 16px;
  line-height: 1.9;
}



.diary-vertical-cover__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.diary-vertical-title {
  font-size: 34px; 
  letter-spacing: 0.18em;
  font-weight: 500;

  /* 縦書きでの“中央感”を作る */
  display: flex;
  align-items: center;
  padding: 64px 0;

  height: 100%;

  /* 見た目調整 */
  line-height: 1.2;
}