@charset "utf-8";
/* 
	インターコムカスタマイズ用
	マスターCSSの後に読み込む
 */

/*ドットの位置 下から何ピクセル上にするか*/
.slick-dots {
	bottom: 10px;
}
@media screen and (max-width: 768px) {
	.slick-dots {
		bottom: 5px;
	}
}

/*スライダーの下に何ピクセル余白を設けるか
　ドットをスライダー内に入れるのでゼロにする*/
.slick-dotted.slick-slider {
	margin-bottom:0;
}

/*ドットの大きさ*/
.slick-dots li button:before {
	font-size: 16px;
}
@media screen and (max-width: 768px) {
	.slick-dots li button:before {
		font-size: 12px;
	}
}

/*ドット間の余白*/
.slick-dots li {
	margin:0 2px;
}
@media screen and (max-width: 768px) {
	.slick-dots li {
		margin:0 1px;
	}
}

/*アクティブのドット色、透明度*/
.slick-dots li.slick-active button:before {
    opacity: 1.0;
    color: #0079C0;
}
/*非アクティブのドット色、透明度*/
.slick-dots li button:before {
    opacity: 0.8;
    color: #CCC;
}
/*ホバー時のドット色、透明度*/
.slick-dots li button:hover:before {
    opacity: 1.0;
    color: #0079C0;
}