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

.slick-prev,
.slick-prev:hover{left:calc(20% - 5px);}
.slick-next,
.slick-next:hover{right:calc(20% - 5px);}

@media screen and (max-width:900px){
.slider li{margin:0;}
.slick-prev,
.slick-prev:hover{left:15px;}
.slick-next,
.slick-next:hover{right:15px;}
}
@media screen and (max-width:480px){
.slick-prev,
.slick-prev:hover{left:10px;}
.slick-next,
.slick-next:hover{right:10px;}
}

#gnavi li a i{-webkit-transition: all 0s ease;-moz-transition: all 0s ease;}

#gnavi li:hover ul{height:0;display:none;}
#gnavi li.on ul{height:auto;display:block;}

#gnavi li a:hover i{width:0;}
#gnavi li.on a i{width:100%;}