@charset 'UTF-8';
#ss-side{
	width: 100%;
	background: #fafafa;
}
#slickarea{
	width: 950px;  /* width: 100%;サイドちら見せ */
	background: #FFFFFF;
	margin: 0px auto;
}
#ss-sidesub{
	height: 350px;
	margin-bottom: 80px;
}
#ss-sidesub-op{
	height: 200px;
	margin-bottom: 80px;
}
#slickareasp{
	width: 320px;  /* width: 100%;サイドちら見せ */
	background: #FFFFFF;
	margin: 0px auto;
}
.slider{
	width: 100%;
	padding: 0px;
	margin: 0px auto 0px auto;
	opacity: 0;
	transition: 3s;
}
.slick-initialized{
    opacity: 1
}
.slicker-c,
.slicker-c-sp{
	width: 100%;
	padding: 0px;
	margin: 0px auto 0px auto;
}
/*-----------------------
	arrows customize
-----------------------*/
.slider-arrow {
	position: absolute;
	top: 40%;
	height: 36px;
	cursor: pointer;
	z-index: 9;
}
.slider-arrow-sp {
	position: absolute;
	top: 45%;
	height: 36px;
	cursor: pointer;
	z-index: 9;
}
.slider-prev {
/*	left: 8px;*/
	left: 10px;
}
.slider-next {
	right: 10px;
}
.slider-prev-sp {
	left: 7px;
}
.slider-next-sp {
	right: -2px;
}
/*-----------------------
	dots customize
-----------------------*/
button{
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.slide-dots{
	bottom: 15px;
	text-align: center;
}
.slide-dots li{
	display: inline-block;
	margin: 0 15px;
}
.slide-dots li button{
	position: relative;
	text-indent: -9999px;
}
.slide-dots li button:before{
	content: '●';
	font-size: 22px;
	text-indent: 0px;
	position: absolute;
	top: 10px;
	left: 0;
	color: #cccccc;
}
.slide-dots li.slick-active button:before{
	content: '●';
	font-size: 22px;
	position: absolute;
	top: 10px;
	left: 0;
	color: #f59600;
}

/*---------------------*/
.slicker-c a.slide-alpha:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}