@charset "utf-8";

/* home
============================================ */
#gridNav > div {
  background-image: url(../img/sidebars/bg_sp.png);
}
.sidebar-item-wrapper .bg-holder.about + div {
  background-image: url(../img/sidebars/about_sp.png);
}
.sidebar-item-wrapper .bg-holder.ticket + div {
  background-image: url(../img/sidebars/ticket_sp.png);
}
.sidebar-item-wrapper .bg-holder.vote + div {
  background-image: url(../img/sidebars/vote_sp.png);
}
.sidebar-item-wrapper .bg-holder.guest + div {
  background-image: url(../img/sidebars/guest_sp.png);
}
.sidebar-item-wrapper .bg-holder.model + div {
  background-image: url(../img/sidebars/model_sp.png);
}
.sidebar-item-wrapper .bg-holder.sponsor + div {
  background-image: url(../img/sidebars/sponsor_sp.png);
}
.sidebar-item-wrapper .bg-holder.sponsor-contact + div {
  background-image: url(../img/sidebars/sponsor-contact_sp.png);
}
.sidebar-item-wrapper .bg-holder.history + div {
  background-image: url(../img/sidebars/history_sp.png);
}
#home_cont .wrap::before {
  background-image: url(../img/home/home_cont_bg_sp.png);
}
#whatsnew .list .date,
#home_about .about_mv .txt em {
  color: var(--nagoya);
}
#whatsnew .list li:not(:last-of-type) {
  border-bottom-color: var(--nagoya);
}

/* about
============================================ */
#about .bg-holder2 {
  background-image: url(../img/side/about.jpg);
}
.about_info dt {
  border-color: var(--nagoya);
}
.about_info dd span {
  color: var(--nagoya);
}

/* ticket
============================================ */
#ticket .bg-holder2 {
  background-image: url(../img/side/ticket.jpg);
}
.ticket_info > dl > dt .time::before,
.ticket_info > dl > dt .time::after,
.ticket_info > dl > dt .time p::before,
.ticket_info > dl > dt .time p::after {
  background: var(--nagoya);
}
.ticket_info > dl > dd .priority-r dt {
  background: #376AB3;
}
.ticket_info > dl > dd .reserved dt {
  background: #1A96D5;
}
.ticket_info > dl > dd .priority-s dt {
  background: #7E94CB;
}
.ticket_info > dl > dd .standing dt {
  background: #7ECEF4;
}
.ticket_info .map {
  width: 60%;
  max-width: 438px;
}

/* vote
============================================ */
#vote .bg-holder2 {
  background-image: url(../img/side/vote.jpg);
}

/* guest
============================================ */
#guest .bg-holder2 {
  background-image: url(../img/side/guest.jpg);
}
#guest .special .model_list > div .name {
  background: var(--nagoya);
}
#guest .guest .model_list > div .name {
  background: #7E94CB;
}
#guest .artist .artist_list > div .name {
  background: #7ECEF4;
}

/* model
============================================ */
#model .bg-holder2 {
  background-image: url(../img/side/model.jpg);
}

/* sponsor
============================================ */
#sponsor-page .bg-holder2 {
  background-image: url(../img/side/sponsor.jpg);
}

/* faq
============================================ */
#faq .bg-holder2 {
  background-image: url(../img/side/faq.jpg);
}

/* history
============================================ */
#history .bg-holder2 {
  background-image: url(../img/side/history.jpg);
}

/* contact
============================================ */
#contact .bg-holder2 {
  background-image: url(../img/side/contact.jpg);
}
#contact .contact_form dt label,
#contact .contact_desc dt {
  color: var(--nagoya);
}
#contact .contact_form dt .require,
#contact .contact_form button {
  background: var(--nagoya);
}
#contact .contact_form input:focus,
#contact .contact_form textarea:focus {
  border-color: var(--nagoya);
}


@media (min-width: 601px) {
  /* home
  ============================================ */
  #gridNav > div {
    background-image: url(../img/sidebars/bg_tab.png);
  }
  #home_cont .wrap::before {
    background-image: url(../img/home/home_cont_bg.png);
  }
}


@media (min-width: 1033px) {
  /* home
  ============================================ */
  #gridNav .h-lg-100vh {
    border-left: 1px solid #BAE0F2;
  }
  #gridNav > div {
    background-image: url(../img/sidebars/bg.jpg);
  }
  .sidebar-item-wrapper:not(:first-of-type):not(:nth-of-type(5)) {
    border-left: 1px solid #BAE0F2;
  }
  .sidebar-item-wrapper:nth-of-type(n+5):nth-of-type(-n+8) {
    border-top: 1px solid #BAE0F2;
  }
  .sidebar-item-wrapper .bg-holder.about + div {
    background-image: url(../img/sidebars/about.png);
  }
  .sidebar-item-wrapper .bg-holder.ticket + div  {
    background-image: url(../img/sidebars/ticket.png);
  }
  .sidebar-item-wrapper .bg-holder.vote + div  {
    background-image: url(../img/sidebars/vote.png);
  }
  .sidebar-item-wrapper .bg-holder.guest + div  {
    background-image: url(../img/sidebars/guest.png);
  }
  .sidebar-item-wrapper .bg-holder.model + div  {
    background-image: url(../img/sidebars/model.png);
  }
  .sidebar-item-wrapper .bg-holder.sponsor + div  {
    background-image: url(../img/sidebars/sponsor.png);
  }
  .sidebar-item-wrapper .bg-holder.sponsor-contact + div  {
    background-image: url(../img/sidebars/sponsor-contact.png);
  }
  .sidebar-item-wrapper .bg-holder.history + div  {
    background-image: url(../img/sidebars/history.png);
  }
}


@media (min-width:2240px), (min-width:1280px) and (-webkit-min-device-pixel-ratio:2), (min-width:1280px) and (min-resolution: 2dppx) {
  #home_cont .wrap::before {
    background-image: url(../img/home/home_cont_bg@2x.png);
  }
  #about .bg-holder2 {
    background-image: url(../img/side/about@2x.jpg);
  }
  #ticket .bg-holder2 {
    background-image: url(../img/side/ticket@2x.jpg);
  }
  #vote .bg-holder2 {
    background-image: url(../img/side/vote@2x.jpg);
  }
  #guest .bg-holder2 {
    background-image: url(../img/side/guest@2x.jpg);
  }
  #model .bg-holder2 {
    background-image: url(../img/side/model@2x.jpg);
  }
  #sponsor-page .bg-holder2 {
    background-image: url(../img/side/sponsor@2x.jpg);
  }
  #faq .bg-holder2 {
    background-image: url(../img/side/faq@2x.jpg);
  }
  #history .bg-holder2 {
    background-image: url(../img/side/history@2x.jpg);
  }
  #contact .bg-holder2 {
    background-image: url(../img/side/contact@2x.jpg);
  }
}