@charset "UTF-8";

/*　横並びを回避　*/
.top-slider,
.artist1-slider {
  opacity: 0;
  transition: opacity .3s linear;
}
.slick-initialized{
  opacity: 1;
}


/*　slick左右余白　*/
.slick-list {
  margin: 0 -15px;
}
.slick-slide {
  margin: 0 15px;
}
/* ドット */
/* dotsを丸くカスタマイズするCSS */
.slick-dots {
    display: flex;
    justify-content: center;
}
.slick-dots li {
    width: 5px;
    height: 5px;
    margin: 0 5px;
    background: var(--color_gray1);
    border-radius: 50%;
    cursor: pointer;
}
.slick-dots li:hover,
.slick-dots li.slick-active {
    background: var(--color_gray3);
}
.slick-dots li button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}
.slick-dots{
    bottom: -50px !important;
}
.slick-dots li button:before{
        color: var(--color_gray1) !important;
}
.slick-dots li:hover button:before,
.slick-dots li.slick-active button:before{
        color: var(--color_gray3) !important;
}


.pickup-slider .slick-dots li,
.pickup-slider .slick-dots li button{
  width: 10px;
  height: 10px;
}
.pickup-slider .slick-dots li button:before{
  display: none;
}
/*矢印*/
.slick-prev:before, .slick-next:before{
  color: var(--color_gray3) !important;
}


/* TOP 案内バナー左寄せ */
.topic-slider .slick-track{
  margin-left:unset !important;
}

@media (max-width: 768px) {
.slick-list {
  margin: 0 -10px;
}
.slick-slide {
  margin: 0 10px;
}
}

@media (max-width: 600px) {
.slick-prev{
  left: -7px !important;
}
.slick-next{
  right: -7px !important;
}
}