.u-bg--red {
  background: #ff0033;
}

.u-bg--orange {
  background: #ff9f00;
}

.u-bg--pink {
  background: #ff3f9e;
}

.u-bg--blue {
  background: #164cc8;
}

.u-bg--green {
  background: #4ad28a;
}

@media (min-width: 1280px) {
  .u-hide--pc {
    display: none !important;
  }
}

@media (max-width: 1280px) {
  .u-hide--sp {
    display: none !important;
  }
}

@media screen and (max-width: 1280px) and (orientation: portrait) {
  .u-hide--portrait {
    display: none !important;
  }
}

@media screen and (max-width: 1280px) and (orientation: landscape) {
  .u-hide--landscape {
    display: none !important;
  }
}

.u-hover1 {
  opacity: 1;
  transition: 0.2s opacity;
}

@media (max-width: 1280px) {
  .u-hover1 {
    opacity: 0.7;
  }
}

.u-event-none {
  pointer-events: none !important;
}