/* フロントサイト用（K.O.Bid / 2026_front_design） */

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/*
 * ブランド色の保険（@theme の brand と併用）
 */
.front .text-brand-red {
  color: #e31c2d;
}

.front .text-brand-dark {
  color: #1a1a1a;
}

.front .text-brand-gold {
  color: #c5a059;
}

.front .bg-brand-red {
  background-color: #e31c2d;
}

.front .bg-brand-dark {
  background-color: #1a1a1a;
}

.front .border-brand-red {
  border-color: #e31c2d;
}

.front .bg-brand-gold\/10 {
  background-color: rgba(197, 160, 89, 0.1);
}

.front .border-brand-gold\/20 {
  border-color: rgba(197, 160, 89, 0.2);
}

.front .hover\:bg-brand-red:hover {
  background-color: #e31c2d;
}

.front .hover\:text-brand-red:hover {
  color: #e31c2d;
}

.front .group:hover .group-hover\:border-brand-red {
  border-color: #e31c2d;
}

.front .group:hover .group-hover\:bg-brand-red {
  background-color: #e31c2d;
}

.front .group:hover .group-hover\:text-brand-red {
  color: #e31c2d;
}

.front .group:hover .group-hover\:text-white {
  color: #fff;
}

.front .focus\:ring-brand-red:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: #e31c2d;
}