/* スムーズスクロール */
html {
  scroll-behavior: smooth;
}

/* スライダーのフェードトランジション */
.slider-slide {
  transition: opacity 0.7s ease-in-out;
}

/* スライダードットのサイズ変化 */
.slider-dot {
  transition: width 0.3s ease, background-color 0.3s ease;
}

/* 4色ストライプボーダー */
.stripe-border-bottom {
  border-image: linear-gradient(90deg, #CC0000 25%, #F9A825 25%, #F9A825 50%, #2196F3 50%, #2196F3 75%, #4CAF50 75%) 1;
  border-bottom-width: 4px;
  border-bottom-style: solid;
}

.stripe-border-top {
  border-image: linear-gradient(90deg, #CC0000 25%, #F9A825 25%, #F9A825 50%, #2196F3 50%, #2196F3 75%, #4CAF50 75%) 1;
  border-top-width: 4px;
  border-top-style: solid;
}

/* 4色グラデーション区切り線 */
.gradient-divider {
  background: linear-gradient(90deg, #CC0000, #F9A825 33%, #2196F3 66%, #4CAF50);
}

.gradient-divider-rev {
  background: linear-gradient(90deg, #4CAF50, #2196F3 33%, #F9A825 66%, #CC0000);
}

/* SP版 ticket背景タイトル */
.ticket-tag {
  background-image: url('../images/ticket.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.ticket-tag > span {
  transform: translateY(-3px);
}

@media (min-width: 768px) {
  .ticket-tag > span {
    transform: translate(-1px, -3px);
  }
}