@charset "utf-8";

/* ##################################### slider.css ##################################### */



/* ============= スライダー ============= */
/*#main-slider { margin-bottom:100px; }*/

/*.sake-summit #mainvisual { height: 600px; }*/

/* スライダー画像の高さ */
.sake-summit #main-slider .splide__slide img {
  display: block;
  object-fit: cover; /* 縦横比を崩さずトリミング */
  width: 100%;
}


.mv {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.sake-summit #main-slider,
.sake-summit #main-slider .splide__track,
.sake-summit #main-slider .splide__list,
.sake-summit #main-slider .splide__slide {
  height: 100%;
}

.sake-summit #main-slider .splide__slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
@media print, screen and (min-width: 1280px) {
.sake-summit #main-slider .splide__slide img {
    /*width: 80%;
    height: 100%;*/
    /*object-position: center 30%;*/
}
}

.mv-overlay {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  pointer-events: none;
  transform: none;
}

.mv-overlay-img {
  display: block;
  margin-bottom: 10px;
}

.mv-overlay-text {
  margin: 0;
  color: #fff;
}


/* 左右矢印の位置を中央寄せ */
#main-slider .splide__arrow {
    z-index: 25;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
}
#main-slider .splide__arrow svg {
  fill: #8b5a2b;
}

/* 左矢印の位置変更 */
#main-slider .splide__arrow--prev {
  left: 10px;
}

/* 右矢印の位置変更 */
#main-slider .splide__arrow--next {
  right: 10px;
}

/* 下の余白を増やして下げる */
#main-slider .splide__pagination {
    display: none;
  /*bottom: -10px;*/
 bottom: -30px;
  position: absolute;
}

/* ドットの大きさを変更 */
#main-slider .splide__pagination__page {
  width: 12px;
  height: 12px;
}

#main-slider .splide__pagination__page.is-active {
  /*background: #f00;   赤に変更 */
}