/*御大典で使用するcss*/
body {
  margin: 0;
  padding: 0;
  background: #fdfdf8;
  font-family: "Hiragino Mincho ProN", "Yu Mincho", serif;
  color: #333;
}

/* 共通：スクロールエリアを囲むラッパー */
.scroll-wrapper1,
.scroll-wrapper2 {
  position: relative;
  width: 100%;
  max-width: 100vw;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 1em 0;
  background: #ffffff;
}

/* 矢印ボタン共通設定 */
.arrow-right,
.arrow-left {
  width: 0;
  height: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  outline: none;
  border-radius: 0;
  transition: border-color 0.3s ease;
}

/* 右矢印 */
.arrow-right {
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 20px solid #b8860b; /* ダークゴールド */
  border-right: none;
}
/* 左矢印 */
.arrow-left {
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 20px solid #b8860b; /* ダークゴールド */
  border-left: none;
}
/* 矢印のホバー・アクティブ時 */
.arrow-right:hover,
.arrow-right:focus,
.arrow-right:active {
  border-left-color: #daa520; /* やや明るいゴールド */
  outline: none;
}
.arrow-left:hover,
.arrow-left:focus,
.arrow-left:active {
  border-right-color: #daa520; /* やや明るいゴールド */
  outline: none;
}

/* スクロール表示領域：共通は高さ450px */
.scroll-wrapper1 .scroll-container,
.scroll-wrapper2 .scroll-container {
  overflow-x: auto;
  flex: 1;
  height: 450px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  white-space: nowrap;
  scroll-behavior: smooth;
  direction: ltr;
  padding-right: 1em;
  -webkit-overflow-scrolling: touch;
}

/* 2つめだけ高さ200pxで上書き */
.scroll-wrapper2 .scroll-container {
  height: 300px;
}

/* スクロール中身 */
.scroll-content {
  display: inline-flex;
  direction: ltr;
}

/* 各縦書き項目 */
.item-lp {
  writing-mode: vertical-rl;
  text-orientation: upright;
  text-align: start;
  padding: 8px;
  margin: 0;
  border-right: 1px solid #ddd;
  font-size: 1rem;
  line-height: 20px;
  white-space: normal;
  user-select: text;
  min-width: 20px;
  box-sizing: border-box;
}
.item-lp .tatechu {
  text-combine-upright: all;
  -webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
}
.date-lp {
  font-size: 16px;
  color: #8b6508; /* 金色 */
  margin-bottom: 0.25em;
}
.title-lp {
  font-weight: normal;
  font-size: 15px;
  color: #000000;
  margin: 0.4em 14px 0 14px;
  overflow-wrap: break-word;
}