@charset "utf-8"; /* 〠 */

/*----------------------------------------------*/
/* slick-custom CSS
/*----------------------------------------------*/

/* スライダーにホバーした時だけ矢印をアニメーションで表示 */
.slick-arrow {
	transition: all 0.5s;
	opacity: 0;
}

.slick-prev,
.slick-next {
x	width: 20px;
x	height: 20px;
	width: 40px;
	height: 40px;
}

.slick-prev {
x	left: -25px;
	left: 10px;
	z-index: 1;
}

.slick-next {
x	right: -25px;
	right: 10px;
}

.slick-prev:before,
.slick-next:before {
x	font-size: 20px;
	font-size: 40px;
}


/* ドットインジケーターをバーに変更 */
x.slick-dotted.slick-slider {
	margin-bottom: 60px;
}

x.slick-dots {
	bottom: -40px;
}
x.slick-dots li {
	margin: 0px 5px;
	width: 60px;
	height: 0px;
}
x.slick-dots li button:before {
	content: '';
	width: 100%;
	height: 7px;
	background: #E0E0E0;
	opacity: 1;
}
x.slick-dots li.slick-active button:before {
	background: #000000;
}