/* サムネイル画像リストのスタイル */
.detail-thumbnail-images {
  display: flex; /* サムネイルを横並びにする */
  list-style: none; /* リストのマーカーを非表示にする */
  padding: 0;
  margin-top: 10px;
  flex-wrap: wrap;
  gap: 5px;
}

/* サムネイル画像のアイテム */
.thumbnail-item {
  width: calc(100% / 5);
}

/* サムネイル画像リンク */
.thumbnail-link {
  display: block;
  border: 1px solid #ccc; /* 通常時のボーダー */
  transition: all 0.2s ease-in-out; /* ホバー時のアニメーション */
}

/* アクティブなサムネイル画像 */
.thumbnail-link.is-active {
  border-color: #000; /* アクティブなサムネイルのボーダーを濃くする */
}

.thumbnail-link {
  cursor: pointer;
}