.slider {
	position: relative;
    width: 100%;
    overflow: hidden;
	padding-bottom: 58.59%
}
.slider .slick-slider {
	position: absolute !Important;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
}
.slider .slick-slider img {
	width: 100% !Important;
}
.slick-slide {
	outline:none;
}
@media only screen and (min-width: 768px) {
	.slider {
    	max-width: 100%;
		width: 100%;
		padding-bottom: 26.04%
	}
}

.slider #top_slider {
    position: absolute;
    overflow: hidden;
}
@media (min-width: 768px){
    .slider {
        background: url("../img/top/top000.jpg") 0 0 / 100% auto no-repeat;        
    }
}
@media (max-width: 767px){
    .slider {
        background: url("../img/top/top000_sp.jpg") 0 0 / 100% auto no-repeat;        
    }
}