@charset "UTF-8";

/*--------------------------------------------------------
  タイポ ループスライダー（.typo-loop-slider）
  内包画像1枚を右から左へゆっくり無限ループ
--------------------------------------------------------*/

.typo-loop-slider {
  display: block;
  overflow: hidden;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.typo-loop-slider .wp-block-group__inner-container {
  padding: 0;
  max-width: none;
}

.typo-loop-slider__track {
  display: flex;
  flex-wrap: nowrap;
  gap: 4vw;
  width: calc(3 * (var(--typo-container-width, 100px) * 1.5) + 2 * 40px);
  will-change: transform;
  backface-visibility: hidden;
  transform: translateZ(0) translateX(0);
}

/* 画像1枚 */
.typo-loop-slider__track>figure {
  flex: 0 0 calc(var(--typo-container-width, 100px) * 1.3);
  margin: 0;
  padding: 0;
  min-width: 0;
  box-sizing: border-box;
  overflow: hidden;
}

.typo-loop-slider__track>figure img {
  width: 100%;
  height: auto;
  display: block;
  vertical-align: top;
  object-fit: cover;
}




/* 画像1枚 */
@media (max-width: 639px) {
  .typo-loop-slider__track>figure {
    flex: 0 0 calc(var(--typo-container-width, 100px) * 3);
  }
}