@charset "utf-8";
/*
 * Student Runway Sendai 2027 SUMMER: official artwork palette.
 * Load after the shared and Sendai common/style stylesheets.
 * The original image URLs provide the stepped-line artwork and oval edges.
 * This layer changes paint only; all existing layout rules remain in force.
 */
:root {
  --sendai-orange: #ec6700;
  --sendai-amber: #f29300;
  --sendai-yellow: #fac03d;
  --sendai-deep-orange: #dc5310;
  --sendai-gold: #e9b800;
  --sendai-peach: #fbe1cc;
  --sendai-background: #fbe8d9;
  --yokohama: #ec6700;
  --green: #f29300;
}

/* The replacement header images retain their white city/logo panel. */
header {
  background-color: var(--sendai-orange);
  box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
}
.menu-trigger span {
  background-color: var(--sendai-orange);
}
#navG {
  background-color: #fff;
}
#navG li a {
  color: var(--sendai-orange);
}

/* Existing backgrounds and white SVG caps supply the original oval geometry. */
.content_bg {
  background-color: var(--sendai-background);
}
#home_cont .wrap::before {
  background-color: var(--sendai-orange);
}
#gridNav > div,
.bg-holder2 {
  background-color: #f9f9f9;
}
.w_box,
.booth_list > li {
  background-color: #fff;
}
#whatsnew .list .date,
#home_about .about_mv .txt em,
.about_info dd span,
#vote .vote_txt em,
#ticket .ticket_waiting em {
  color: var(--sendai-orange);
}
#whatsnew .list li:not(:last-of-type) {
  border-bottom-color: var(--sendai-orange);
}
#sponsor h3,
.about_info dt {
  border-color: var(--sendai-orange);
}
#topics .slick-dots li {
  background-color: var(--sendai-orange);
}

/* Official final/preliminary standing tickets share orange and amber bars. */
.ticket_info > dl > dd .priority-s dt {
  background-color: var(--sendai-orange);
}
.ticket_info > dl > dd .standing dt {
  background-color: var(--sendai-amber);
}
.ticket_info > dl > dd dt {
  color: #fff;
}
.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_info,
#ticket .yosen_stage_about dt,
#ticket .yosen_stage_about .caution {
  background-color: var(--sendai-orange);
}
#ticket .yosen_stage_info::before,
#ticket .yosen_stage_about {
  background-color: #fff;
}
#ticket .yosen_stage_txt,
#ticket .yosen_stage_note,
#ticket .yosen_stage_info em,
.ticket_info .ticket_waiting dt {
  color: var(--sendai-orange);
}
#ticket .yosen_stage_info,
#ticket .yosen_stage_about,
.ticket_info .ticket_waiting dt {
  border-color: var(--sendai-orange);
}

/* Remove the shared Osaka pink from the special-vote panel. */
#vote .special_vote_box {
  background-color: var(--sendai-peach);
}
#vote .special_vote_box dt,
#vote .special_vote > div dt {
  background-color: var(--sendai-deep-orange);
  color: #fff;
}
#vote .special_vote_box dd {
  color: var(--sendai-orange);
}

/* Category colors follow the official title-card palette. */
#guest .special .model_list > div .name,
#guest .legend .model_list .info {
  background-color: var(--sendai-orange);
}
#guest .guest .model_list > div .name {
  background-color: var(--sendai-amber);
}
#guest .artist .artist_list > div .name {
  background-color: var(--sendai-deep-orange);
}
#guest .mc .model_list > div .name {
  background-color: var(--sendai-gold);
}
#guest .legend .model_list .bumon,
#model .category_ttl h3,
#model .category_ttl h4,
#model-detail .prof .name {
  color: var(--sendai-orange);
}
#model .category li a,
#model-detail .prof .faq dt {
  background-color: var(--sendai-orange);
}

#faq .faq_list dt,
#faq .faq_list dd summary::before,
#faq .faq_list dd summary::after {
  background-color: var(--sendai-orange);
}
#faq .faq_list dd summary {
  color: var(--sendai-orange);
}
#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-color: var(--sendai-amber);
}
#faq .faq_list dl:nth-of-type(2) dd summary {
  color: var(--sendai-amber);
}
#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-color: var(--sendai-yellow);
}
#faq .faq_list dl:nth-of-type(3) dd summary {
  color: var(--sendai-yellow);
}
#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-color: var(--sendai-deep-orange);
}
#faq .faq_list dl:nth-of-type(4) dd summary {
  color: var(--sendai-deep-orange);
}
#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-color: var(--sendai-gold);
}
#faq .faq_list dl:nth-of-type(5) dd summary {
  color: var(--sendai-gold);
}

#contact .contact_form dt label,
#contact .contact_desc dt {
  color: var(--sendai-orange);
}
#contact .contact_form dt .require,
#contact .contact_form button {
  background-color: var(--sendai-orange);
  color: #fff;
}
#contact .contact_form input:focus,
#contact .contact_form textarea:focus {
  border-color: var(--sendai-orange);
}

/* The supplied artwork uses white footer copy on the yellow field. */
footer {
  background-color: var(--sendai-yellow);
  color: #fff;
}
footer a,
footer .copyright {
  color: #fff;
}
footer .info dt {
  background-color: #fff;
  color: var(--sendai-orange);
}
footer .navi li a {
  border-left-color: #fff;
  border-right-color: #fff;
}
.pagetop a {
  background-color: rgba(236, 103, 0, .5);
}

@media (min-width: 1033px) {
  #navG {
    background-color: transparent;
  }
  header #navG li a {
    color: #fff !important;
  }
  #gridNav .h-lg-100vh {
    border-left-color: var(--sendai-yellow);
  }
  .sidebar-item-wrapper:not(:first-of-type):not(:nth-of-type(5)) {
    border-left-color: var(--sendai-yellow);
  }
  .sidebar-item-wrapper:nth-of-type(n+5):nth-of-type(-n+8) {
    border-top-color: var(--sendai-yellow);
  }
}

/* Tablet navigation keeps the official stepped motif under the retained orange labels. */
@media (min-width: 601px) and (max-width: 1032px) {
  #gridNav > div {
    background-image: linear-gradient(rgba(255,255,255,.82), rgba(255,255,255,.82)), url(/sendai/assets2026wtr/img/sidebars/bg_tab.png?v=2027summer-official-20261015);
  }
}