/* 商品ページのスライダー（Unite Gallery slider テーマの見た目に合わせている） */
.eirakuan-gal {
	position: relative;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background: #000;
	touch-action: pan-y;
	-webkit-user-select: none;
	user-select: none;
}
.eirakuan-gal::before {
	content: "";
	display: block;
	padding-top: var(--ratio, 100%);
}
.eirakuan-gal-track {
	position: absolute;
	inset: 0;
}
.eirakuan-gal-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
}
.eirakuan-gal-slide.is-active,
.eirakuan-gal-slide.is-moving {
	visibility: visible;
}
.eirakuan-gal-slide img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	margin: 0;
	object-fit: var(--fit, cover);
	-webkit-user-drag: none;
	pointer-events: none;
}
.eirakuan-gal-arrow {
	position: absolute;
	top: 50%;
	z-index: 2;
	width: 15px;
	height: 30px;
	margin-top: -15px;
	padding: 0;
	border: 0;
	background: url(../img/eirakuan-gallery/slider_arrow_left.png) 0 0 no-repeat;
	cursor: pointer;
}
.eirakuan-gal-arrow.is-prev {
	left: 20px;
}
.eirakuan-gal-arrow.is-next {
	right: 20px;
	background-image: url(../img/eirakuan-gallery/slider_arrow_right.png);
}
.eirakuan-gal-arrow:hover,
.eirakuan-gal-arrow:focus-visible {
	background-position: 0 -30px;
}
.eirakuan-gal-bullets {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
	z-index: 2;
	display: flex;
	justify-content: center;
	gap: 5px;
	line-height: 0;
}
.eirakuan-gal-bullet {
	width: 15px;
	height: 15px;
	padding: 0;
	border: 0;
	background: url(../img/eirakuan-gallery/slider_bullets.png) 0 0 no-repeat;
	cursor: pointer;
}
.eirakuan-gal-bullet.is-active {
	background-position: 0 -15px;
}
.eirakuan-gal-pie {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
	width: 30px;
	height: 30px;
	transform: rotate(-90deg);
	pointer-events: none;
}
.eirakuan-gal-pie circle {
	fill: none;
	stroke-width: 6;
}
.eirakuan-gal-pie .bg {
	stroke: #e5e5e5;
	opacity: .35;
}
.eirakuan-gal-pie .fg {
	stroke: #b5b5b5;
	stroke-dasharray: 100;
	stroke-dashoffset: 100;
}