.hide-small {
}
@media (max-width: 767px) {
  .hide-small{
    display: none !important
  }

  body.media-pc .hide-small {
    display: block !important
  }
  }

  body.media-sp .hide-small {
    display: none !important
  }

.hide-medium {
}

@media (min-width: 768px) and (max-width: 1023px) {
  .hide-medium{
    display: none !important
  }

  body.media-sp .hide-medium{
    display: block !important
  }
  }

@media (max-width: 1023px) {
  body.media-pc .hide-medium{
    display: none !important
  }
  }

.hide-medium-down {
}

@media (max-width: 1023px) {
  .hide-medium-down{
    display: none !important
  }
  }

  body.media-sp .hide-medium-down{
    display: none !important
  }

.hide-medium-up {
}

@media (min-width: 768px) {
  .hide-medium-up{
    display: none !important
  }

  body.media-sp .hide-medium-up{
    display: block !important
  }
  }

body.media-pc .hide-medium-up{
  display: none !important
}