/* slick setting */

.slick-box{
  display: none;
}
.slick-box.slick-initialized{
  display: block; /*slick-initializedが付与されたら表示*/
}


#slider{
    position: relative;
}
.slick-prev:before,
.slick-next:before {
    color: #FFF;
    font-size: 35px;
}

.slick-next {
    right: 35px;
    z-index: 100;
}
.slick-prev {
    left: 35px;
    z-index: 100;
}
.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    }
.slick-prev, .slick-next {
    width: 35px;
    height: 35px;
}
.slick-box img{
    height: auto;
    width: 100%;
}
.l-scr, .r-scr {
    width: 10vw;
    height: 100%;
    position: absolute;
    z-index: 60;
    /* background: rgba(255,255,255,0.7); */
    background: rgba(0,0,0,0.6);
}


.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.slick-dots {
    bottom: 0;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #AE2D2A;
}
.slick-dots li button:before {
    opacity: 1;
    color: white;
}

@media screen and (max-width:680px){
	.slick-next {
	    right: 25px;
	    z-index: 100;
	}
	.slick-prev {
	    left: 25px;
	    z-index: 100;
	}
	.slick-prev, .slick-next {
	    width: 25px;
	    height: 25px;
	}
	.l-scr, .r-scr {
	display: none;
	}
}
@media screen and (max-width:480px){
	.slick-dots li button:before {
    opacity: 1;
    color: #ccc;
	}
}