@charset 'UTF-8'; /* Slider */
.slick-loading .slick-list{ background: #fff url('../img/ajax-loader.gif') center center no-repeat; }

/*ロード中は非表示に*/
.slick-slider {display:none;}
.slick-slider.slick-initialized { display: block;}

/*青枠消し*/
.slick-slider div{outline: 0; border-color: orange;}

/*========[  <    >  ]========*/

.slick-prev{
	position: absolute;
	top: 25px !important;
	left:10px !important;
	display: block;
	width: 50px !important;
	height: 100% !important;
	margin:-25px 0 0 0px !important;
	padding: 0;
	cursor: pointer;
	border: none;
	outline: none;
	background:url(../img/sl_back.png) no-repeat center center;
	background-size:contain;
	text-indent:-9999px;
	z-index: 2;
}
.slick-next{
	position: absolute;
	top: 25px;
	right:10px !important;
	display: block;
	width: 50px !important;
	height: 100% !important;
	margin:-25px 0 0 0 !important;
	padding: 0;
	cursor: pointer;
	border: none;
	outline: none;
	background:url(../img/sl_next.png) no-repeat center center;
	background-size:contain;
	text-indent:-9999px;
	z-index: 2;
}
@media screen and (max-width: 640px) {
.slick-prev{
	position: absolute;
	top: 25px !important;
	left:0px !important;
	display: block;
	width: 40px !important;
	height: 100% !important;
	margin:-20px 0 0 0px !important;

}
.slick-next{
	position: absolute;
	top: 25px;
	right:0px !important;
	width: 40px !important;
	height: 100% !important;
	margin:-20px 0 0 0 !important;
}
}

.slick-prev:hover,
.slick-next:hover{filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }

/* Dots */
.slick-dotted.slick-slider{ margin-bottom: 30px; }
.slick-dots{ position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li{ position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button{ font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button:hover,
.slick-dots li button:focus{ outline: none; }
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{ opacity: 1;  background: #E20012; }/*ホバー時*/
.slick-dots li button:before{ width: 10px; height: 10px; background: #1c1c1c; position: absolute; top: 0; left: 0; 
	content: ' '; text-align: center; opacity: 1; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }/*未選択時*/
.slick-dots li.slick-active button:before{opacity: 1;  background: #E20012;  color: black; }/*アクティブ*/