:root{
  --ds-accent:#222;
  --ds-cap-text:#333;
}

/* 全幅に薄グレーでギャラリー感 */
.dress-slider{
 background:#f5f5f5;
 padding:80px 0 0 0; 
 }

/* ビューポート＆トラック */
.ds-viewport{ position:relative; overflow:hidden; max-width:1200px; margin:0 auto; }
.ds-track{ display:flex; list-style:none; margin:0; padding:0; transition:transform .45s ease; }
@media (prefers-reduced-motion: reduce){ .ds-track{ transition:none } }
.ds-slide{ flex:0 0 100%; }

/* 1枚の“作品”カード：中央寄せ＋余白たっぷり */
.ds-figure{ margin:0 auto 64px; width:60%; }
@media (max-width:768px){ .ds-figure{ width:100%; margin-bottom:48px; } }

/* 白い額縁（中に画像とキャプションを同居） */
.ds-frame{
  border-radius:12px;
  padding:30px;
  display:flex;
  flex-direction:column;
  align-items:center;
}

/* 画像：小さめ＆角丸、枠の中に収める */
.ds-frame img{
  display:block;
  max-width:80%;
  height:auto;
  object-fit:contain;
  border-radius:12px;
  margin:0 auto 14px;
}

/* キャプション：マット内、背景や影は完全OFF */
.ds-cap{
  background:transparent !important;
  box-shadow:none !important;
  border:0; border-radius:0;
  margin:0; padding:0;
  text-align:center;
  color:var(--ds-cap-text);
  font-family:"Shippori Mincho","Noto Serif JP",serif;
  font-size:clamp(11px,1.2vw,16px);
  line-height:1.8;
  max-width:90%;
}
.ds-cap__eyebrow{
  display:block;
  font-size:.85em;
  letter-spacing:.08em;
  opacity:.75;
  margin-bottom:6px;
}

/* 矢印ナビ（PCは内側に） */
.ds-nav{
  position:absolute; top:40%; transform:translateY(-50%);
  width:44px; height:44px; border-radius:50%;
  border:1px solid #ddd; background:#fff; color:var(--ds-accent);
  display:grid; place-items:center; font-size:26px; line-height:1;
  cursor:pointer;
}
.ds-prev{ left:32px; }
.ds-next{ right:32px; }
.ds-nav:hover{ background:#fff; border-color:#ccc }

@media (max-width:640px){
  .ds-nav{ width:40px; height:40px; font-size:22px; }
  .ds-prev{ left:12px; }
  .ds-next{ right:12px; }
}

/* キーボード操作 */
.ds-nav:focus-visible{ outline:2px solid #000; outline-offset:2px }


/* 矢印を“見た目の中心”に寄せる（光学調整） */
.ds-nav{
  display:flex;               /* grid→flexで字形の癖を減らす */
  align-items:center;
  justify-content:center;
  line-height:0;              /* ベースラインのズレを消す */
  font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

/* ちょい上に上げる（必要なら数値だけ微調整） */
.ds-nav.ds-prev,
.ds-nav.ds-next{
  padding-bottom: 3px;
}