@charset "utf-8";

/* home
============================================ */
.sidebar-item-wrapper .bg-holder.about + div {
  background-image: url(../img/sidebars/about_sp.png);
}
.sidebar-item-wrapper .bg-holder.model + div {
  background-image: url(../img/sidebars/model_sp.png);
}
.sidebar-item-wrapper .bg-holder.artist + div {
  background-image: url(../img/sidebars/artist_sp.png);
}
.sidebar-item-wrapper .bg-holder.stage + div {
  background-image: url(../img/sidebars/stage_sp.png);
}
.sidebar-item-wrapper .bg-holder.brand + div {
  background-image: url(../img/sidebars/brand_sp.png);
}
.sidebar-item-wrapper .bg-holder.booth + div {
  background-image: url(../img/sidebars/booth_sp.png);
}
.sidebar-item-wrapper .bg-holder.sponsor + div {
  background-image: url(../img/sidebars/sponsor_sp.png);
}
.sidebar-item-wrapper .bg-holder.ticket + div {
  background-image: url(../img/sidebars/ticket_sp.png);
}
.sidebar-item-wrapper .bg-holder.report + div {
  background-image: url(../img/sidebars/report_sp.png);
}

/* side
============================================ */
#about .bg-holder2::after {
  background-image: image-set(url(../img/side/about.png) 1x, url(../img/side/about@2x.png) 2x);
}
#ticket .bg-holder2::after {
  background-image: image-set(url(../img/side/ticket.png) 1x, url(../img/side/ticket@2x.png) 2x);
}
#model .bg-holder2::after {
  background-image: image-set(url(../img/side/model.png) 1x, url(../img/side/model@2x.png) 2x);
}
#stage .bg-holder2::after {
  background-image: image-set(url(../img/side/stage.png) 1x, url(../img/side/stage@2x.png) 2x);
}
#brand .bg-holder2::after {
  background-image: image-set(url(../img/side/brand.png) 1x, url(../img/side/brand@2x.png) 2x);
}
#booth .bg-holder2::after {
  background-image: image-set(url(../img/side/booth.png) 1x, url(../img/side/booth@2x.png) 2x);
}
#history .bg-holder2::after {
  background-image: image-set(url(../img/side/history.png) 1x, url(../img/side/history@2x.png) 2x);
}
#sponsor-page .bg-holder2::after {
  background-image: image-set(url(../img/side/sponsor.png) 1x, url(../img/side/sponsor@2x.png) 2x);
}
#report .bg-holder2::after {
  background-image: image-set(url(../img/side/report.png) 1x, url(../img/side/report@2x.png) 2x);
}

/* about
============================================ */
.enjoy_about h3 {
  max-width: 586px;
}


@media (min-width: 601px) {
  /* about
  ============================================ */
  .about_info table {
    max-width: 120ch;
  }
}


@media (min-width: 1033px) {
  /* home
  ============================================ */
  .sidebar-item-wrapper .bg-holder.about + div {
    background-image: image-set(url(../img/sidebars/about.png) 1x, url(../img/sidebars/about@2x.png) 2x);
  }
  .sidebar-item-wrapper .bg-holder.ticket + div {
    background-image: image-set(url(../img/sidebars/ticket.png) 1x, url(../img/sidebars/ticket@2x.png) 2x);
  }
  .sidebar-item-wrapper .bg-holder.model + div {
    background-image: image-set(url(../img/sidebars/model.png) 1x, url(../img/sidebars/model@2x.png) 2x);
  }
  .sidebar-item-wrapper .bg-holder.artist + div {
    background-image: image-set(url(../img/sidebars/artist.png) 1x, url(../img/sidebars/artist@2x.png) 2x);
  }
  .sidebar-item-wrapper .bg-holder.stage + div {
    background-image: image-set(url(../img/sidebars/stage.png) 1x, url(../img/sidebars/stage@2x.png) 2x);
  }
  .sidebar-item-wrapper .bg-holder.brand + div {
    background-image: image-set(url(../img/sidebars/brand.png) 1x, url(../img/sidebars/brand@2x.png) 2x);
  }
  .sidebar-item-wrapper .bg-holder.booth + div {
    background-image: image-set(url(../img/sidebars/booth.png) 1x, url(../img/sidebars/booth@2x.png) 2x);
  }
  .sidebar-item-wrapper .bg-holder.sponsor + div {
    background-image: image-set(url(../img/sidebars/sponsor.png) 1x, url(../img/sidebars/sponsor@2x.png) 2x);
  }
  .sidebar-item-wrapper .bg-holder.report + div {
    background-image: image-set(url(../img/sidebars/report.png) 1x, url(../img/sidebars/report@2x.png) 2x);
  }
}