/*
 Theme Name:   REHUB Child
 Template:     rehub_tcd099
 Description:  子テーマ - TCDテーマ「REHUB」用
 Author:       Risa Shimada
 Version:      3.4.1
*/

/* 初期非表示 */
.sponsor-marquee,
.sponsor-swiper {
  display: none;
}

/* PC・タブレット表示：マルキーバナー表示 */
@media (min-width: 769px) {
  .sponsor-marquee {
    display: block;
    overflow: hidden;
    position: relative;
    height: 160px;
  }
  .sponsor-track {
    display: flex;
    width: max-content;
    animation: marquee 40s linear infinite;
    align-items: center;
  }
  .sponsor-track a {
    margin-right: 40px;
  }
  .sponsor-track img {
    height: 160px;
    width: auto;
  }
}

/* スマホ表示：スライダー表示 */
@media (max-width: 768px) {
  .sponsor-swiper {
    display: block;
    width: 90%;
    margin: auto;
  }
  .sponsor-swiper img {
    height: 160px;
    width: auto;
    display: block;
    margin: auto;
  }
}

@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}