スライダー

/* ＜ ＞（矢印）をスライダーの両脇に出すため、スライド画像を少し狭める */
.smb-spider-contents-slider__item {
	max-width: calc(100% - 96px );
}

/* data-currentをもとに要素を非表示にする
   3枚の場合 → 1枚目＝0、3枚目＝2 */
.spider .spider__canvas[data-current="0"] + .spider__arrows .spider__arrow[data-direction=prev],
.spider .spider__canvas[data-current="2"] + .spider__arrows .spider__arrow[data-direction=next] {
	visibility: hidden;
}

/* ＜ ＞（矢印）を大きくする */
.spider__arrow::before {
	width: 24px;
	height: 24px;
}

/* 大きくした分位置を変更 ＆ 線の色と太さを調整 */
.spider__arrow[data-direction="prev"]::before,
.spider__arrow[data-direction="next"]::before {
	left: calc(50% - 12px);
	top: calc(50% - 12px);
	border-color: #000;
	border-width: 2px;
}