/* --- レイアウト最小構成 --- */
.manga-slider{max-width:800px;margin:24px auto;position:relative;user-select:none;touch-action:pan-y}
.manga-viewport{overflow:hidden;border-radius:12px;box-shadow:0 8px 18px rgba(0,0,0,.12)}
.manga-track{display:flex;will-change:transform;transform:translateX(0);padding:0;margin:0;list-style:none;transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.manga-slide{flex:0 0 100%;position:relative;display:grid;place-items:center;aspect-ratio:800/450;background:#000}
.manga-slide img{width:100%;height:100%;object-fit:contain;display:block;background:#000}

/* 矢印 */
.manga-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:44px;
  height:44px;
  border-radius:50%;
  border:0;
  background:#111;
  color:#fff;
  opacity:.88;
  cursor:pointer;
  display:grid;
  place-items:center;
  z-index: 2; /* 追加：最前面に表示 */
}
.manga-prev{left:-30px} .manga-next{right:-30px}
.manga-arrow:focus{outline:2px solid #5ab3ff}

/* カウンター */
.manga-counter{position:absolute;right:12px;bottom:10px;background:rgba(0,0,0,.55);color:#fff;
  padding:4px 8px;border-radius:12px;font-size:12px}

/* モバイルのタップ範囲拡張（任意） */
@media (max-width:560px){
  .manga-arrow{width:48px;height:48px}
  .manga-slider{margin:12px auto}
}
.manga-title{
  text-align: center;
  margin-bottom: 20px;
  font-weight: bold;
}