@charset "UTF-8";

/** ============================================================
 * ナビ上書き 202409
 * ========================================================== */
/* 通常 - 共通 */
.header-navi{
  background: #3d3d3d;
}
.navi__list-item:first-of-type{
  background: transparent;
}
.navi__list-item:first-of-type:hover,
.navi__list-item:first-of-type:focus{
  background: #272727;
}

/* 通常 - モバイル・機種を探す */
.navi-heading--mobile{
  color: #ffffff !important;
}
.navi-heading--mobile::before{
  background: url(/sites/default/files/media/common/image/icon_mobile-wt.webp) no-repeat center / 100%;
}
.navi-heading--mobile::after{
  background: url(/themes/custom/subsphere/images/resources/icon_arrow-wt-d.webp) no-repeat center / 100%;
  opacity: 0.6;
}

/* 選択時 - 共通 */
.navi__list-item:first-of-type.is-open,
.navi__list-item.is-open{
  background: #fff;
}
.navi__list-item:first-of-type.is-open .navi-heading,
.navi__list-item.is-open .navi-heading{
  color: #272727!important;
}
.navi__list-item:first-of-type.is-open .navi-heading::after,
.navi__list-item.is-open .navi-heading::after{
  background: url(/themes/custom/subsphere/images/resources/icon_arrow-bk-d.webp) no-repeat center/100%;
}

/* 選択時 - モバイル・機種を探す */
.navi__list-item.is-open .navi-heading--mobile::before{
  background: url(/themes/custom/subsphere/images/resources/icon_mobile.webp) no-repeat center / 100%;
}