@charset "UTF-8";
/* -- Setting -- */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;700&family=Noto+Serif+JP:wght@400;500&family=Quicksand:wght@300;400;500&family=Roboto:wght@300;400;500&display=swap");
.slick-slider div {
  -webkit-transition: none;
  transition: none;
}

/* Swiper全体のスタイル */
.swiper-wrapper {
  width: 100%;
  height: 430px;
}

.swiper-wrapper img {
  width: 100%;
  height: 430px;
  -o-object-fit: cover;
     object-fit: cover;
}

/* 全スライド共通スタイル */
.swiper-slide {
  width: 100%;
  height: 100%;
}

@-webkit-keyframes zoomUp {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
}

@keyframes zoomUp {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
}

.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img {
  -webkit-animation: zoomUp 10s linear 0s 1 normal both;
          animation: zoomUp 10s linear 0s 1 normal both;
}

/* -- /Swiper -- */
/*-- Slider --*/
div.main-slider > div:not(:first-child) {
  display: none;
}

div.offer-slider > div:not(:first-child) {
  display: none;
}

div.c-offer-slider > div:not(:first-child) {
  display: none;
}

div.company-slider > div:not(:first-child) {
  display: none;
}

div.shop-offer-slider > div:not(:first-child) {
  display: none;
}

div.shop__card_slider > div:not(:first-child) {
  display: none;
}

.main-slider-box {
  margin: 0 5px;
}

.main-slider-area img {
  width: 100%;
  max-width: 864px;
  height: 296px;
  -o-object-fit: cover;
     object-fit: cover;
}

/*dots*/
button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.slide-dots {
  margin: 10px 0;
  text-align: center;
}

.slide-dots li {
  display: inline-block;
  margin: 0 10px;
}

.slide-dots li button {
  position: relative;
  text-indent: -9999px;
}

.slide-dots li button:before {
  content: '●';
  color: #ccc;
  font-size: 0.1rem;
  text-indent: 0px;
  position: absolute;
  top: 0;
  left: 0;
}

.slide-dots li.slick-active button:before {
  content: '●';
  color: #000;
}

@media screen and (max-width: 767px) {
  /* Swiper全体のスタイル */
  .swiper-wrapper {
    width: 100%;
    height: 375px;
  }
  .swiper-wrapper img {
    width: 100%;
    height: 375px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .main-slider-area {
    width: 100%;
  }
  .main-slider-area img {
    width: 100%;
    max-width: 304px;
    height: 104px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .main-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
/*# sourceMappingURL=slider.css.map */