@charset "UTF-8";
/* auto slider ベース設定 */
.js-auto-slider-wrap {
  overflow: hidden;
}
.js-auto-slider {
  display: flex;
}
.js-auto-slider-elm {
  overflow: hidden;
  position: relative;
  z-index: 1;
  flex-shrink: 0;
}
.js-auto-slider-img {
  position: absolute;
  top: 0;
  left: 0;
  right: -45%;
  bottom: 0;
}
.js-auto-slider-img img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;

  object-fit: cover;
  font-family: 'object-fit: cover;';
}


/* auto slider 表示エリア */
.js-auto-slider-inner {
  /*width: 77vw;*/
  width: 160vw;
  margin-left: auto;
  margin-right: auto;
border: 1px solid
}
/* auto slider スライド要素 */
.js-auto-slider-elm {
  /*height: 50vw;*/
  /*width: 76vw;*/
  /*margin-right: 4.8vw;*/
  height: 120vw;
  width: 160vw;
  margin-right: 4.8vw;
  /*border-radius: 3.3vw;*/
}
@media only screen and (min-width: 768px) {
  .js-auto-slider-inner {
    /*width: 60vw;*/
    width: 60vw;
  }
  .js-auto-slider-elm {
    height: 30vw;
    width: 50vw;
    margin-right: 5vw;
    border-radius: 1.5vw;
  }
}

/* ページャー */
.js-auto-slider-pager {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  padding: 0;
  list-style: none;
}
.js-auto-slider-pager-elm {
  margin: 0 20px;
}
.js-auto-slider-pager-btn {
  display: block;
  height: 12px;
  width: 12px;
  padding: 0;
  font-size: 0;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  transition: background .3s;
}
.js-auto-slider-pager-btn {
  background: #ccc;
}
.js-auto-slider-pager-btn:hover,
.js-auto-slider-pager-btn.is-active {
  background: red;
}