@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;
    font-size: 10px; line-height: 1; letter-spacing: 0; list-style: none;
}

/* Arrows */
.slick-prev, .slick-next
{
    position: absolute; width: 50px; height: 50px; top: 50%; margin: -40px 0 0 0; padding: 16px 0; z-index: 10;
    font-size: 0; line-height: 0; text-align: center; cursor: pointer; color: #66a0c0;
    background: rgba(255,255,255,0.7); border: 0; outline: none;
}
@media screen and (max-width: 639px){
.slick-prev, .slick-next
{
    width: 40px; height: 40px; margin: -35px 0 0 0; padding: 11px 0; z-index: 10;
}
}
.slick-prev
{
    left: 0;
}
.slick-prev:before
{
    font-size: 18px; line-height: 1; font-weight: bold; content: '<';
}
.slick-next
{
    right: 0;
}
.slick-next:after
{
    font-size: 18px; line-height: 1; font-weight: bold; content: '>';
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus
{
    opacity: 0.7;
    color: #80c8f0;
}
.slick-prev.slick-disabled, .slick-next.slick-disabled
{
    opacity: 0.3;
}

/* Dots */
.slick-dots
{
    padding: 20px 0 0 0;
    text-align: center;
}
.slick-dots li
{
    display: inline-block; position: relative; width: 10px; height: 10px; margin: 0 7px;
    cursor: pointer;
    background: #999;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
    opacity: 0.3;
}
.slick-dots li button
{
    display: none;
}
.slick-dots li:hover, .slick-dots li:focus
{
    opacity: 1;
}
.slick-dots li.slick-active
{
    opacity: 1;
}

