@charset "utf-8";
:root{
	--INSIDE_BDRS: 3px;
}

  /* 親コンテナ */
  .carousel-container {
      position: relative;
      width: 100%;
      height: auto;
      overflow: hidden;
  }

  /* カルーセル */
  .tp-fv.top-view-area {
      width: 100%;
  }

  .top-slide {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
  }

  .top-slide li {
      min-width: 100%;
  }

  .top-slide img {
      width: 100%;
      height: auto;
      display: block;
  }

  /* キャンペーンバナーと説明文のコンテナ */
  .campaign-container {
      position: absolute;
      bottom: 20px;
      left: 20px;
      display: flex;
      align-items: center;
      gap: 15px;
      z-index: 10;
      background: rgba(255, 255, 255, 0.8);
      padding: 3px 5px;
      opacity: 0;
      transform: translateY(30px);
      animation: fadeInSlideUp 1s ease-out forwards;
  }

  /* バナー画像 */
  .campaign-banner img {
      max-width: 150px;
      width: 100%;
      height: auto;
  }

  /* 説明文 */
  .campaign-text {
      font-size: 15px;
      font-weight: 200;
      color: #333;
  }

  /* アニメーション */
  @keyframes fadeInSlideUp {
      from {
          opacity: 0;
          transform: translateY(30px);
      }
      to {
          opacity: 1;
          transform: translateY(0);
      }
  }

/* タブレット用（768px以下） */
@media screen and (max-width: 768px) {
    .campaign-banner img {
        width: 100px;
    }
    .campaign-text {
        font-size: 10px;
    }
}

/* スマホ用（480px以下） */
@media screen and (max-width: 480px) {
    .campaign-banner img {
        width: 50px;
    }
    .campaign-text {
        font-size: 10px;
    }
}