@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(--fukuoka);
}
#whatsnew .list li:not(:last-of-type) {
  border-bottom-color: var(--fukuoka);
}
#topics .slick-dots li {
  background: var(--fukuoka);
}
#sponsor h3 {
  border-color: var(--fukuoka);
}

/* about
============================================ */
#about .bg-holder2::after {
  background-image: image-set(url(../img/side/about.png) 1x, url(../img/side/about@2x.png) 2x);
}
.about_info h3 {
  max-width: 940px;
}
.about_info dt {
  border-color: var(--fukuoka);
}
.about_info dd span {
  color: var(--fukuoka);
}

/* ticket
============================================ */
#ticket .bg-holder2::after {
  background-image: image-set(url(../img/side/ticket.png) 1x, url(../img/side/ticket@2x.png) 2x);
}
.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,
#ticket #note_box > dl > dt,
#ticket .yosen_stage_about dt,
#ticket .yosen_stage_about .caution {
  background: var(--fukuoka);
}
.ticket_info > dl > dd .priority-r dt {
  background: #501b86;
}
.ticket_info > dl > dd .reserved dt {
  background: #7f1084;
}
.ticket_info > dl > dd .priority-s dt {
  background: #ba6582;
}
.ticket_info > dl > dd .standing dt {
  background: #cfa7cd;
}
.ticket_info .map {
  width: 60%;
  max-width: 558px;
}
.ticket_info .ticket_waiting dt,
#ticket .yosen_stage_info,
#ticket .yosen_stage_about {
  border-color: var(--fukuoka);
}
.ticket_info .ticket_waiting dt,
#ticket .yosen_stage_info em {
  color: var(--fukuoka);
}
#ticket .yosen_stage_note {
  color: #7E94CB;
}
#ticket .yosen_stage_about .caution::before {
  background-image: url(../img/ticket/caution.png);
}

/* vote
============================================ */
#vote .bg-holder2::after {
  background-image: image-set(url(../img/side/vote.png) 1x, url(../img/side/vote@2x.png) 2x);
}
#vote .vote_txt em {
  color: var(--fukuoka);
}
#vote .special_vote_wrap {
  background-image: image-set(url(../img/vote/special_vote_bg.png) 1x, url(../img/vote/special_vote_bg@2x.png) 2x);
}
#vote .special_vote_box {
  background: #e5cfe6;
}
#vote .special_vote > div dt {
  background: #501b86;
}
#vote .special_vote_box dd {
  color: var(--fukuoka);
}

/* booth
============================================ */
#booth .bg-holder2::after {
  background-image: image-set(url(../img/side/booth.png) 1x, url(../img/side/booth@2x.png) 2x);
}
#booth .booth_catch,
#booth .booth_previous dt,
#booth .booth_txt em,
#booth .booth_guest .txt em,
#booth .booth_schedule li p.start,
#booth .booth_schedule .note em,
#booth .booth_faq summary {
  color: var(--fukuoka);
}
#booth .booth_previous {
  background-image: url(../img/booth/booth_previous_bg_sp.png);
}
#booth .booth_txt::after,
#booth h4,
#booth .booth_schedule li:not(:last-of-type)::after,
#booth .booth_attention,
#booth .booth_faq summary::after {
  background: var(--fukuoka);
}
#booth .booth_guest .photo {
  max-width: 924px;
}
#booth .booth_schedule > div {
  max-width: 830px;
}
#booth .booth_schedule .first li:not(:last-of-type)::after {
  background: #7E94CB;
}
#booth .booth_schedule .second li:not(:last-of-type)::after {
  background: var(--fukuoka);
}
#booth .booth_schedule .third li:not(:last-of-type)::after {
  background: #376AB3;
}
#booth .booth_schedule .first li p.start {
  color: #7E94CB;
}
#booth .booth_schedule .second li p.start {
  color: var(--fukuoka);
}
#booth .booth_schedule .third li p.start {
  color: #376AB3;
}
#booth .booth_place .map {
  width: 78%;
  max-width: 495px;
}
#booth .booth_faq summary::before {
  background-image: url(../img/booth/q.png);
}
#booth .booth_faq details > div::before {
  background-image: url(../img/booth/a.png);
}

/* guest
============================================ */
#guest .bg-holder2::after {
  background-image: image-set(url(../img/side/guest.png) 1x, url(../img/side/guest@2x.png) 2x);
}
#guest .special .model_list > div .name,
#guest .mc .model_list > div .name,
#guest .legend .model_list .info {
  background: var(--fukuoka);
}
#guest .guest .model_list > div .name {
  background: #b73f91;
}
#guest .artist .artist_list > div .name {
  background: #cfa7cd;
}
#guest .mc .artist_list > div .name {
  background: #ba6582;
}
.model_list > div .name .new,
.artist_list > div .name .new {
  color: #fff;
  background: #e60012;
}
#guest .legend .model_list .bumon {
  color: var(--fukuoka);
}

/* model
============================================ */
#model .bg-holder2::after {
  background-image: image-set(url(../img/side/model.png) 1x, url(../img/side/model@2x.png) 2x);
}
#model .model_coming {
  margin-bottom: 0!important;
  max-width: 740px;
}
#model .model_coming p {
  animation: none;
}
#model .category li a,
#model-detail .prof .faq dt {
  background: var(--fukuoka);
}
#model .category_ttl {
  background-image: url(../img/model/model_cate_bg.svg);
}
#model .category_ttl h3,
#model .category_ttl h4,
#model-detail .prof .name {
  color: var(--fukuoka);
}

/* sponsor
============================================ */
#sponsor-page .bg-holder2::after {
  background-image: image-set(url(../img/side/sponsor.png) 1x, url(../img/side/sponsor@2x.png) 2x);
}
#sponsor .main li.nsm {
  width: 85%;
  max-width: 440px;
}

/* faq
============================================ */
#faq .bg-holder2::after {
  background-image: image-set(url(../img/side/faq.png) 1x, url(../img/side/faq@2x.png) 2x);
}
#faq .faq_list dt,
#faq .faq_list dd summary::before,
#faq .faq_list dd summary::after {
  background: var(--fukuoka);
}
#faq .faq_list dd summary {
  color: var(--fukuoka);
}
#faq .faq_list dl:nth-of-type(2) dt,
#faq .faq_list dl:nth-of-type(2) dd summary::before,
#faq .faq_list dl:nth-of-type(2) dd summary::after {
  background: #b73f91;
}
#faq .faq_list dl:nth-of-type(2) dd summary {
  color: #b73f91;
}
#faq .faq_list dl:nth-of-type(3) dt,
#faq .faq_list dl:nth-of-type(3) dd summary::before,
#faq .faq_list dl:nth-of-type(3) dd summary::after {
  background: #cfa7cd;
}
#faq .faq_list dl:nth-of-type(3) dd summary {
  color: #cfa7cd;
}
#faq .faq_list dl:nth-of-type(4) dt,
#faq .faq_list dl:nth-of-type(4) dd summary::before,
#faq .faq_list dl:nth-of-type(4) dd summary::after {
  background: #501b86;
}
#faq .faq_list dl:nth-of-type(4) dd summary {
  color: #501b86;
}
#faq .faq_list dl:nth-of-type(5) dt,
#faq .faq_list dl:nth-of-type(5) dd summary::before,
#faq .faq_list dl:nth-of-type(5) dd summary::after {
  background: #ba6582;
}
#faq .faq_list dl:nth-of-type(5) dd summary {
  color: #ba6582;
}

/* history
============================================ */
#history .bg-holder2::after {
  background-image: image-set(url(../img/side/history.png) 1x, url(../img/side/history@2x.png) 2x);
}

/* contact
============================================ */
#contact .bg-holder2::after {
  background-image: image-set(url(../img/side/contact.png) 1x, url(../img/side/contact@2x.png) 2x);
}
#contact .contact_form dt label,
#contact .contact_desc dt {
  color: var(--fukuoka);
}
#contact .contact_form dt .require,
#contact .contact_form button {
  background: var(--fukuoka);
}
#contact .contact_form input:focus,
#contact .contact_form textarea:focus {
  border-color: var(--fukuoka);
}


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

  /* ticket
  ============================================ */
  #ticket .yosen_stage_about .caution::before {
    background-image: image-set(url(../img/ticket/caution.png) 1x, url(../img/ticket/caution@2x.png) 2x);
  }
}


@media (min-width: 1033px) {
  /* home
  ============================================ */
  #gridNav .h-lg-100vh {
    border-left: 1px solid #bf88c2;
  }
  #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 #bf88c2;
  }
  .sidebar-item-wrapper:nth-of-type(n+5):nth-of-type(-n+8) {
    border-top: 1px solid #bf88c2;
  }
  .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);
  }

  /* booth
  ============================================ */
  #booth .booth_schedule > div {
    display: block;
  }
  #booth .booth_schedule dl {
    width: 100%;
    display: flex;
  }
  #booth .booth_schedule dl:not(.first) {
    margin-top: 54px;
  }
  #booth .booth_schedule dt {
    margin: 0;
    width: 33%;
  }
  #booth .booth_schedule dd {
    padding-top: 32px;
    flex: 1;
  }
}