@charset "utf-8";
/* CSS Document */


.slick-prev{
      position: absolute;
 top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
    left: -10px;
	text-indent: -9999px;
    background-color: transparent;
    cursor: pointer;
    border: none;
    outline: none;
    background-image: url(../images/prev.png);
    background-repeat: no-repeat;
    background-size: auto 32px;
    height:32px;
    width: 20px;
	z-index:9999;
}
.slick-next{
    position: absolute;
 top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
    right: -10px;
	text-indent:-9999px;
	background-color:transparent;
    cursor: pointer;
    border: none;
    outline: none;
	background-image:url(../images/next.png);
	background-repeat:no-repeat;
	background-size:auto 32px;
    height:32px;
    width: 20px;
    z-index:9999;

}
/* Dots */
.slick-dots {
	display:none;
text-align: center;
	margin: 20px 0 0 0;
}
.slick-dots li{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer;
	float:none;
}
.slick-dots li button{
	display:block;
	    display: block;
    color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0);
    /* background-color: white; */
    border: none;
}
.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;
}
.slick-dots li button:before
{
	opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
	border-radius:50%;
    content: '●';

    text-align: center;
    color: #eb6100;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{
	
	opacity:1;

}


@media only screen and (max-width:1130px){

.slick-prev{
	display:none;
	background-image:none;
}
.slick-next{
	display:none;
	background-image:none;
}
.slider {
	margin:20px 0 0;
	overflow:hidden;
}

}


@media only screen and (max-width: 640px){


.slick-prev{
    top: 50%;
	left:-15px;
	background-size:auto 20px;
	height:20px;
	width:20px;
}
.slick-next{
    top: 50%;
	right:-15px;
	background-size:auto 20px;
	height:20px;
	width:20px;
}
.slick-dots {
	display:none;

}
}