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

/* 全幅に薄グレーでギャラリー感 */
.dress-slider{ background:#fafafa; padding:80px 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:70%;
  height:auto;
  object-fit:contain;
  border-radius:16px;
  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(14px,1.5vw,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:50%; 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;
  box-shadow:0 6px 20px rgba(0,0,0,.08); 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 }