@charset "UTF-8";

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 2.5rem;
    height: 1rem;
    margin: 0 .5rem;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    width: 2.7rem;
    height: 0.9rem;
    content: '';
    font-size: 2.3rem;
    text-align: center;
    opacity: 1;
    background-color: #BECAE1;
    /* color: black; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li button:hover, .slick-dots li button:focus {
    outline: none;
    /* background-color: #6BAFF6; */
}
.slick-dots li.slick-active button:before
{
    opacity: 1;
    background-color: #588CD7;
}

/* メインスライダー */
#top_slider{
    position: relative;
}
#top_slider .slick-slider {
    position: relative;
    margin-top: 0;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
#top_slider .slick-prev{
    left: 1.2rem;
    bottom: -1rem;
    width: 3.2rem;
    background-image: url(../images/left_2.png);
    background-position: left;
    background-size: contain;
}
#top_slider .slick-next{
    background-image: url(../images/right_2.png);
    right: 1.2rem;
    bottom: -1rem;
    width: 3.4rem;
    background-position: right;
    background-size: contain;
}

/* バナースライダー */
.category-banner .slick-prev{
    left: -1.6rem;
    top: 0;
    width: 3.2rem;
    background-image: url(../images/left.png);
    background-position: left;
    background-size: contain;
}
.category-banner .slick-next{
    background-image: url(../images/right.png);
    right: -1.5rem;
    top: 0;
    width: 3.4rem;
    background-position: right;
    background-size: contain;
}


/* 開催レーススライダー */
.race_slider {
    display: block;
    width: 76%;
    margin: auto;
    padding: 1rem 0rem;
    text-align: center;
}
.race_slider .slick-next,
.race_slider .slick-prev{
    width: 2.5rem;
    height: 100%;
    background-size: 100%;
    padding: 0;
    top: 0;
    background-position: center;
}
.race_slider .slick-prev{
    left: -2.9rem;
    background-image: url(../images/arrow_left.gif);
}
.race_slider .slick-next{
    right: -2.7rem;
    background-image: url(../images/arrow_right.gif);   
}
.race_slider .slick-disabled {
    opacity: 0.5;
}
.race_slider .slick-list{
    padding: 0.5rem 0;
}
/* メインスライダー */