@charset "UTF-8";
/* ブランドページトップ カルーセルのcss
こちらはスライダー共通ファイルのため、追記しない事！！
※他画面に影響が出るので修正する場合は要確認*/

.flickSlider {
	margin: 0 auto;
	text-align: left;
	display: none;
}
.flickSlider .flickView {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}
.flickSlider .flickView ul {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
	overflow: hidden;
}
.flickSlider .flickView ul li {
	width: 100%;
	float: left;
	display: inline;
	overflow: hidden;
}
.flickSlider .flickView ul li img {
	width: 100%;
}

.flickSlider .flickThumb {
	width: 100%;
	overflow: hidden;
	margin-top: 10px;
}
.flickSlider .flickThumb ul {
width: 100%;
}
.flickSlider .flickThumb ul li {
	cursor: pointer;
	margin-left: 5px;
	line-height: 0;
	overflow: hidden;
}
.flickSlider .flickThumb ul li:first-child {
	margin-left: 0;
}
.flickSlider .flickThumb ul li.active{
	position: relative;
}
	.flickSlider .flickThumb ul li.active:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border: 3px solid #bbb;
	box-sizing: border-box;
	width : 100%;
	height: 100%;
	z-index: 10;
	}
.flickSlider .btnPrev,
.flickSlider .btnNext {
	top: 0;
	width: 10%;
	height: 100%;
	position: absolute;
	cursor: pointer;
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
}
.flickSlider .btnPrev {
	left: 0;
	background: url(/img/brd/btnPrev.png) no-repeat center center;
	background-size:auto 27px;
}
.flickSlider .btnNext {
	right: 0;
	background: url(/img/brd/btnNext.png) no-repeat center center;
	background-size:auto 27px;
	}
.flickSlider .flickView ul,
.flickSlider .flickThumb ul {
	display: -webkit-flex;
	display: flex;
	overflow: hidden;
}
.brandDetailImg.brandCarouselBox {
	margin-bottom: 16px;
	padding-bottom: 0;
}