@charset "UTF-8";

/* ====================================
	プラグイン・アニメーション設定
 ==================================== */
.color-white {
	color: #fff;
}

/* スライダー：NEXT/PREV */
.slider-type1 .slide-text {
	padding: 0.5em;
	font-size: 1.2rem;
	position: absolute;
	left: 0;
	bottom: 0;
}

.slider-type1 .slider-next,
.slider-type1 .slider-prev {
	position: absolute;
	top: 50%;
	width: 6%;
	height: 12%;
	margin-top: -6%;
	z-index: 2;
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0.6);
	background-size: 40% auto;
	background-position: center;
	background-repeat: no-repeat;
}

.slider-type1 .slider-prev {
	background-image: url(/products/common/images/arrow-prev-b.svg);
	left: 0;
	right: auto
}

.slider-type1 .slider-next {
	background-image: url(/products/common/images/arrow-next-b.svg);
	right: 0;
	left: auto
}

.slider-type1 ul.slider-img-thumbs a {
	display: block;
	cursor: pointer;
}

/* ====================================
	スマートフォン専用スタイル
===================================== */
@media only screen and (max-width: 1023px) {

	/* スライダー：サムネイル */
	.slider-type1 ul.slider-img-thumbs {
		display: flex;
		flex-wrap: wrap;
		margin-top: 1rem;
	}

	.slider-type1 ul.slider-img-thumbs li {
		width: 25%;
		border: solid 1px #fff;
	}

	#tab01 .slider-type1 ul.slider-img-thumbs li.active {
		border: solid 2px #E68F37;
	}

	#tab02 .slider-type1 ul.slider-img-thumbs li.active {
		border: solid 2px #C43737;
	}

	.slider-type1 ul.slider-img-thumbs li a img {
		display: block;
	}

}

/* ====================================
	PC&タブレット、印刷専用スタイル
===================================== */
@media print,
screen and (min-width: 1024px) {

	/* スライダー：サムネイル */
	.slider-type1 ul.slider-img-thumbs {
		display: flex;
		flex-wrap: wrap;
	}

	.slider-type1 ul.slider-img-thumbs li {
		width: 25%;
	}

	.slider-type1 ul.slider-img-thumbs li {
		border: solid 4px #fff;
	}

	#tab01 .slider-type1 ul.slider-img-thumbs li.active {
		border: solid 4px #E68F37;
	}

	#tab02 .slider-type1 ul.slider-img-thumbs li.active {
		border: solid 4px #C43737;
	}
}