@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);
}

#home_about .w_box {
  background-position: center 9vw;
}
#home_about .about_info {
  padding-top: 10px;
}

/* side
============================================ */
#about .bg-holder2 {
  background-image: url(../img/side/about.jpg);
}
#ticket .bg-holder2 {
  background-image: url(../img/side/ticket.jpg);
}
#model .bg-holder2 {
  background-image: url(../img/side/model.jpg);
}
#stage .bg-holder2 {
  background-image: url(../img/side/stage.jpg);
}
#brand .bg-holder2 {
  background-image: url(../img/side/brand.jpg);
}
#booth .bg-holder2 {
  background-image: url(../img/side/booth.jpg);
}
#history .bg-holder2 {
  background-image: url(../img/side/history.jpg);
}
#sponsor-page .bg-holder2 {
  background-image: url(../img/side/sponsor.jpg);
}
#report .bg-holder2 {
  background-image: url(../img/side/report.jpg);
}

/* about
============================================ */
.about_info td span {
  font-size: 1.1rem;
}
#about_movie {
  margin-top: 13.2vw;
}
.enjoy_about h3 {
  font-size: 2.7rem;
}


@media (max-width: 320px) {
  .enjoy_about h3 {
    font-size: 2.2rem;
  }
}


@media (min-width: 601px) {
  /* home
  ============================================ */
  .sidebar-item-wrapper .bg-holder.about + div {
    background-image: url(../img/sidebars/about_tab.png);
  }
  .sidebar-item-wrapper .bg-holder.model + div {
    background-image: url(../img/sidebars/model_tab.png);
  }
  .sidebar-item-wrapper .bg-holder.artist + div {
    background-image: url(../img/sidebars/artist_tab.png);
  }
  .sidebar-item-wrapper .bg-holder.stage + div {
    background-image: url(../img/sidebars/stage_tab.png);
  }
  .sidebar-item-wrapper .bg-holder.brand + div {
    background-image: url(../img/sidebars/brand_tab.png);
  }
  .sidebar-item-wrapper .bg-holder.booth + div {
    background-image: url(../img/sidebars/booth_tab.png);
  }
  .sidebar-item-wrapper .bg-holder.sponsor + div {
    background-image: url(../img/sidebars/sponsor_tab.png);
  }
  .sidebar-item-wrapper .bg-holder.ticket + div {
    background-image: url(../img/sidebars/ticket_tab.png);
  }
  .sidebar-item-wrapper .bg-holder.report + div {
    background-image: url(../img/sidebars/report_tab.png);
  }

  #home_about .w_box {
    background-position: center top;
  }
  #home_about .about_info {
    padding-top: 20px;
  }
  .about_info td span {
    font-size: 1.2rem;
  }
  .enjoy_about h3 {
    font-size: 5rem;
  }
}


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

  #home_about .w_box {
    background-position: center 2vw;
  }
  #home_about .about_info {
    padding-top: 30px;
  }

  /* about
  ============================================ */
  .about_info td span {
    font-size: 1.4rem;
  }
  #about_movie {
    margin-top: 9.8vw;
  }
}


@media (min-width: 1900px) {
  #home_about .w_box {
    background-position: center top;
  }
}


@media (min-width: 2155px) {
  #home_about .w_box {
    background-position: center -3vw;
  }
}


@media (min-width: 2290px) {
  #home_about .w_box {
    background-position: center -8vw;
  }
}


@media (min-width:2240px), (min-width:1280px) and (-webkit-min-device-pixel-ratio:2), (min-width:1280px) and (min-resolution: 2dppx) {
  /* home
  ============================================ */
  .sidebar-item-wrapper .bg-holder.about + div {
    background-image: url(../img/sidebars/about@2x.png);
  }
  .sidebar-item-wrapper .bg-holder.model + div  {
    background-image: url(../img/sidebars/model@2x.png);
  }
  .sidebar-item-wrapper .bg-holder.artist + div  {
    background-image: url(../img/sidebars/artist@2x.png);
  }
  .sidebar-item-wrapper .bg-holder.stage + div  {
    background-image: url(../img/sidebars/stage@2x.png);
  }
  .sidebar-item-wrapper .bg-holder.brand + div  {
    background-image: url(../img/sidebars/brand@2x.png);
  }
  .sidebar-item-wrapper .bg-holder.booth + div  {
    background-image: url(../img/sidebars/booth@2x.png);
  }
  .sidebar-item-wrapper .bg-holder.sponsor + div  {
    background-image: url(../img/sidebars/sponsor@2x.png);
  }
  .sidebar-item-wrapper .bg-holder.ticket + div  {
    background-image: url(../img/sidebars/ticket@2x.png);
  }
  .sidebar-item-wrapper .bg-holder.report + div  {
    background-image: url(../img/sidebars/report@2x.png);
  }

  #about .bg-holder2 {
    background-image: url(../img/side/about@2x.jpg);
  }
  #ticket .bg-holder2 {
    background-image: url(../img/side/ticket@2x.jpg);
  }
  #model .bg-holder2 {
    background-image: url(../img/side/model@2x.jpg);
  }
  #stage .bg-holder2 {
    background-image: url(../img/side/stage@2x.jpg);
  }
  #brand .bg-holder2 {
    background-image: url(../img/side/brand@2x.jpg);
  }
  #booth .bg-holder2 {
    background-image: url(../img/side/booth@2x.jpg);
  }
  #history .bg-holder2 {
    background-image: url(../img/side/history@2x.jpg);
  }
  #sponsor-page .bg-holder2 {
    background-image: url(../img/side/sponsor@2x.jpg);
  }
  #report .bg-holder2 {
    background-image: url(../img/side/report@2x.jpg);
  }
}