@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list{/* background: #fff url('./ajax-loader.gif') center center no-repeat; */}
/* Arrows */
.slick-prev,
.slick-next{font-size: 0; line-height: 0; position: absolute; top: 50%;  display: block; width: 60px; height: 60px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}



#mVisual .slick-arrow { width: 60px; height: 60px; position: absolute; top:50%; transform:translateY(-50%); border-radius: 60px;
                                 z-index:100; background-position: center center; background-repeat: no-repeat; background-size: 100% auto; }
#mVisual .slick-prev { left: 4%; background-image:url("/images/main/arrow_prev.png"); }
#mVisual .slick-next { right: 4%; background-image:url("/images/main/arrow_next.png"); }

@media (max-width: 976px){
   #mVisual .slick-arrow { width: 40px; height: 40px; }
}

@media (max-width: 480px){
	#mVisual .slick-arrow { width: 30px; height: 30px;  }
}

/**/

/* Dots */
.slick-dots { position: absolute; top: 12%; left: 7%;  display: block; padding: 0; margin: 0; list-style: none;  }
.slick-dots li button { font-size:0; }

.slick-dots li {float: left; width:4px; height:4px; background: rgba(255,255,255,0.6); margin:0 5px 0 0;}
.slick-dots li.slick-active { background:#fff; width: 25px; }
.slick-dots li:hover { background:#fff; }

@media (max-width: 480px){
   .slick-dots li { width:3px; height:3px; margin:0 3px 0 0;}
   .slick-dots li.slick-active { width: 20px; }
}


#mVisual .slick-dots { top: 95%; left: 0; width:100%; text-align: center; }
#mVisual .slick-dots li { float: none; display: inline-block; width: 8px; height: 8px; margin:0 3px;}
#mVisual .slick-dots li.slick-active { width: 32px; }



#mNew .slick-arrow {width:30px; height:19px; top:95%;border-radius:0; background-position:center center; background-repeat:no-repeat; z-index:47; }
#mNew .slick-prev {right: 55px; background:url("/images/main/mcar-prev.png") no-repeat center;}
#mNew .slick-prev:before {content:''; width:1px; height:15px; background:#DDD; position:absolute; right:-10px; top:2px}
#mNew .slick-next { right:5px; background:url("/images/main/mcar-next.png") no-repeat center; }