@charset "UTF-8";

@media screen and (min-width: 767px) {

      img.slide-arrow{
          height: 20px;
          width: 20px;
          cursor: pointer;
      }
      .prev-arrow{
          position: absolute;
          bottom: -24px;
          left: calc(50% - 100px);
          z-index: 2;
      }
      .next-arrow{
          position: absolute;
          bottom: -24px;
          right: calc(50% - 100px);
          z-index: 2;
      }
    
    .slick-dots li button:before {
    height: 10px;
    width: 10px;
    margin-top: 5px;
    opacity: 1;

}
    .slick-dots li button:before {
    background-color: #fff;
    border:1px solid #000;
    box-sizing: border-box;
}
    .slick-dots li.slick-active button:before {
    background-color: #000;
}
    
    
    .slick_top .slick-dots li button:before {
    background-color: #fff;
    border:1px solid #E93817;
}
    .slick_top .slick-dots li.slick-active button:before {
    background-color: #E93817;
}
    
    .slick_sumaho .slick-dots li button:before,
    .slick_sumaho_banner .slick-dots li button:before {
    background-color: #fff;
    border:1px solid #00B1B1;
}
    .slick_sumaho .slick-dots li.slick-active button:before,
    .slick_sumaho_banner .slick-dots li.slick-active button:before {
    background-color: #00B1B1;
}
    .slick_tv .slick-dots li button:before {
    background-color: #fff;
    border:1px solid #FF49A8;
}
    .slick_tv .slick-dots li.slick-active button:before {
        background-color: #FF49A8;
    }
    
    .slick_campaign .slick-dots li button:before {
    background-color: #fff;
    border:1px solid #489CFF;
}
    .slick_campaign .slick-dots li.slick-active button:before {
        background-color: #489CFF;
    }
    

    
    .slick-dotted.slick-slider {
    padding-bottom: 30px;
}
    
}

@media screen and (min-width: 0px) and (max-width: 766px) {
   
}