@charset "UTF-8";
.slider-for01{
margin: 0 0 20px;
}
.slider-for01 .slick-list{
height: 680px;
max-width: 1300px;
margin: 0 auto;
}
.mod_slide{
margin: 0 0 20px;
}
@media screen and (max-width: 1300px) {
.slider-for01 .slick-list,
.slider-for01 .slick-track{
height: auto;
}
}
.slider-for01 .slick-current img{
width: 100%;
height: auto;
transform: none;
-webkit-animation-duration: 4s;
animation-duration: 4s;
position: relative;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s;
animation-fill-mode: both;
}
@keyframes slider_anime{
0% {
width: 100%;
height: auto;
-webkit-animation-duration: 4s;
animation-duration: 4s;
position: relative;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s;
}
100% {
transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
-webkit-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
}
}
.slider-nav01{
max-width: 400px;
margin: 0 auto;
}
.slider-nav01 div{
margin: 0 2% 0 0;
}
.slider-nav01 div:last-child{
margin: 0;
}
.slider-nav01 .slick-current img{
opacity:0.5;
}
#sliderBlock img{
width: 200%;
height: 200%;
}