/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 12 2025 | 02:01:27 */
/* 左方向へ無限スクロールさせるためのキーフレーム定義 */
@keyframes infinity-scroll-left {
  from {
    /* アニメーション開始時はX方向の移動なし（原位置） */
    transform: translateX(-5%);
  }
  to {
    /* 終了時は要素全体を左へ100%分移動
       ※ -100% はアニメーション対象（通常は .scroll-infinity__list）自身の幅基準で左へフル移動することを意味 */
    transform: translateX(-105.5%);
  }
}

/* 外側のラッパー：横並び＆はみ出しを隠すコンテナ */
.scroll-infinity__wrap {
  /* 子要素を横方向に並べるためのフレックスコンテナ化 */
  display: flex;
  /* コンテナ外にはみ出した部分を見せない（無限スクロールの見切れ演出に必須） */
 /*  overflow: hidden;
    必要に応じて固定の高さを設定（任意の値に調整してください） */
  height: 120px;
}

/* スクロール対象のリスト（1本のレーン） */
.scroll-infinity__list {
  /* リスト項目を横一列にする */
  display: flex;
  /* デフォルトのリストマーカー（・など）を消す */
  list-style: none;
  /* 余白（内側）をゼロにリセットして横幅計算を安定化 */
  padding: 0;
}

/* 左方向にスクロールするアニメーション設定 */
.scroll-infinity__list--left {
  /* 
    animation: 名前 期間 回数 タイミング関数 遅延 再生方向・保持
    - 80s: 1周に80秒かけてゆっくりスクロール
    - infinite: 無限ループ
    - linear: 一定速度
    - 0.5s: 0.5秒後にアニメーション開始（初期チラつき防止など）
    - both: アニメーションの開始前/終了後のスタイル適用（初期状態を保つ）
  */
  animation: infinity-scroll-left 100s infinite linear 1s both;
/* アイテムを中央揃えのフレックスコンテナに */
.scroll-infinity__item {
  width: calc(100vw / 10);
  display: flex;
  align-items: center;   /* 縦方向に中央揃え */
  justify-content: center; /* 横方向に中央揃え（必要なら） */
}

/* アイテム内の画像をコンテナ幅にフィットさせる */
.scroll-infinity__item > img {
  width: 90%;         /* 横幅いっぱいにしたい場合 */
  height: 100%;        /* 親の高さに合わせる */
  object-fit: contain; /* はみ出さず縦横比を維持して内側に収める */
  display: block;      /* 画像下の隙間対策 */
}


.margin-container {
  height: 6vh;              /* コンテナの高さをビューポートの高さの6%に設定 */
  text-align: center;       /* コンテナ内のインライン要素を中央寄せ（横方向） */
}

.margin-content {
  display: inline-block;    /* 要素をインラインブロックにして、横並びや中央寄せを可能にする */
  margin: auto;             /* ブロック要素なら余白で中央寄せできるが、inline-blockでは効果が限定的 */
  vertical-align: middle;   /* 同じ行内で他の要素と垂直方向で中央揃え（ただし親要素の高さに依存） */
  height: 10%;              /* 親要素の高さに対して10%の高さを設定（6vhの10%なのでかなり小さい） */
}