@charset "Shift_JIS";

/* Slider */
.slick-loading .slick-list {background: #fff url('loading.gif') no-repeat center center;}
.slick-slider * {display: block; margin: 0; padding: 0;}
.slick-slider * {font-size: 10px; line-height: 1; letter-spacing: 0; list-style: none;}

/* Arrows */
.slick-prev, .slick-next {position: absolute; width: 30px; height: 80px; top: 50%; margin: -40px 0 0 0; z-index: 10;}
.slick-prev, .slick-next {font-size: 0; line-height: 1; text-align: center; color: #000; cursor: pointer;}
.slick-prev, .slick-next {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.slick-prev, .slick-next {background: #fff; border: 1px solid #666; outline: none;}

.slick-prev {left: 20px;}
.slick-prev::before {content: '��'; font-size: 18px; line-height: 1; font-weight: normal;}
.slick-prev:hover::before {font-size: 21px; font-weight: bold;}

.slick-next {right: 20px;}
.slick-next:before {content: '��';font-size: 18px; line-height: 1; font-weight: normal;}
.slick-next:hover::before {font-size: 21px; font-weight: bold;}

/* Dots */
.slick-dots {padding: 20px 0 0 0;}
.slick-dots {text-align: center;}

.slick-dots li {display: inline-block; position: relative; width: 10px; height: 10px; margin: 0 7px;}
.slick-dots li {cursor: pointer;}
.slick-dots li {-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.slick-dots li {background: #666;}
.slick-dots li {opacity: 0.3;}
.slick-dots li:hover {opacity: 1;}
.slick-dots li button {display: none;}
.slick-dots li.slick-active {opacity: 1;}