@charset "utf-8";
/*
 * ブラックフライデー用 ヘッダー着せ替え
 * Color
 *   Black (bg)        : #111111
 *   Black (panel)     : #1a1a1a
 *   Black (hover)     : #2b2b2b
 *   Gold (accent)     : #d4af37
 *   Gold (light)      : #f1d77a
 *   Text              : #f2f2f2
 */



/* ========================================
  body
======================================== */
body {
  background: #111111 url(../images/top/bg-blackfriday-1.webp) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
}
@media screen and (max-width:767px){
  body {
    background: #111111;
    background-size: revert;
    background-attachment: revert;
    position: relative;
  }
  body::before{
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -2;
    background: url(../images/top/bg-blackfriday-1.webp) no-repeat;
    background-size: cover;
    background-position: center;
  }
}

/* ========================================
  c-headline
======================================== */
.c-headline__h2 {
  color: #d4af37;
}

.c-headline__h2::after {
  color: #fff;
}

/* ========================================
  .l-pc-menu
======================================== */
.l-pc-menu.p-pc-menu {
  border-top: 1px solid #d4af37;
  background-color: #111111;
}

/* カテゴリタブ */
.l-pc-menu .p-pc-menu__item,
.l-pc-menu .p-pc-menu__category3 {
  background-color: #111111;
  color: #f2f2f2;
}

.l-pc-menu .p-pc-menu__item:hover {
  background-color: #2b2b2b;
  color: #f1d77a;
}

.l-pc-menu .p-pc-menu__item.is-active {
  border-color: #d4af37;
  background-color: #1a1a1a;
  color: #d4af37;
}

/* メガメニュー本体 */
.l-pc-menu .p-pc-menu__container {
  background-color: #1a1a1a;
}

.l-pc-menu .p-pc-menu__body {
  border-color: #d4af37;
}

.l-pc-menu .p-pc-menu__bread-crumbs,
.l-pc-menu .bnner-contents .p-pc-menu__bread-crumbs {
  color: #d4af37;
}

.l-pc-menu .p-pc-menu__bread-crumbs::after,
.l-pc-menu .bnner-contents .p-pc-menu__bread-crumbs::after {
  border-color: #d4af37;
}

.l-pc-menu .p-pc-menu__bread-crumbs:hover,
.l-pc-menu .bnner-contents .p-pc-menu__bread-crumbs:hover {
  color: #f1d77a;
}

.l-pc-menu .p-pc-menu__bread-crumbs:hover::after,
.l-pc-menu .bnner-contents .p-pc-menu__bread-crumbs:hover::after {
  border-color: #f1d77a;
}

.l-pc-menu .p-pc-menu__column:not(:last-child) {
  border-right-color: rgba(212, 175, 55, 0.3);
}

.l-pc-menu .p-pc-menu__assets {
  border-top-color: rgba(212, 175, 55, 0.3);
}

.l-pc-menu .p-pc-menu__category__heading {
  color: #d4af37;
}

.l-pc-menu .p-pc-menu__category__item,
.l-pc-menu .p-pc-menu__category__item>a {
  color: #f2f2f2;
}

.l-pc-menu .p-pc-menu__category__item>a:hover {
  background-color: #2b2b2b;
  color: #f1d77a;
}

.l-pc-menu a:focus-visible {
  outline: 2px solid #f1d77a;
  outline-offset: 2px;
}

/* ========================================
  .header-five-points-pc-view
  ※SP（767px以下）ではポップアップとして使われるため、PCビューのみ対象
======================================== */
@media screen and (min-width: 768px) {

  /* 親ラッパーのグラデーションが上下1pxに見えないよう、marginをpaddingに置き換える */
  .header-five-points-wrapper .header-five-points-pc-view {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 1px;
    padding-bottom: 1px;
    border-top: 1px solid #d4af37;
    border-bottom: 1px solid #d4af37;
    background-color: #111111;
    color: #f2f2f2;
  }

  /* 見出し「★★★★★ 5つのこだわり」 */
  .header-five-points-wrapper .header-five-points-pc-view .header-five-points-popup-ttl {
    border-right-color: rgba(212, 175, 55, 0.5);
    color: #f2f2f2;
  }

  .header-five-points-wrapper .header-five-points-pc-view .header-five-points-popup-ttl-stars {
    background: linear-gradient(90deg, #b8860b, #f1d77a 50%, #d4af37);
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: none;
  }

  /* リンクボタン */
  .header-five-points-wrapper .header-five-points-pc-view .header-five-points-popup-content-link-list>li>a {
    border: 1px solid rgba(212, 175, 55, 0.6);
    background-color: #1a1a1a;
    color: #f2f2f2;
  }

  .header-five-points-wrapper .header-five-points-pc-view .header-five-points-popup-content-link-list>li>a.c-button--secondaryB-white::before {
    background-color: #d4af37;
    opacity: 0.2;
  }

  .header-five-points-wrapper .header-five-points-pc-view .header-five-points-popup-content-link-list>li>a.c-button--secondaryB-white::after {
    border-color: #d4af37;
  }

  .header-five-points-wrapper .header-five-points-pc-view .header-five-points-popup-content-link-list>li>a:focus-visible {
    outline: 2px solid #f1d77a;
    outline-offset: 2px;
  }

  .header-five-points-wrapper .header-five-points-pc-view a .bold-text {
    color: #d4af37;
  }

  /* 横スクロール時（768px〜1480px）のスクロールバー */
  .header-five-points-wrapper .header-five-points-pc-view .header-five-points-popup-content {
    scrollbar-color: rgba(212, 175, 55, 0.6) transparent;
  }

  .header-five-points-wrapper .header-five-points-pc-view .header-five-points-popup-content::-webkit-scrollbar-thumb {
    background-color: rgba(212, 175, 55, 0.6);
  }

  /* .header-five-points-particular（中古値下げ品リンク） */
  .header-five-points-wrapper .header-five-points-pc-view .header-five-points-popup-content-used-buy-only a {
    border: 1px solid rgba(212, 175, 55, 0.6);
    background-color: #1a1a1a;
    color: #f2f2f2;
  }

  .header-five-points-wrapper .header-five-points-pc-view .header-five-points-popup-content-used-buy-only a:focus-visible {
    outline: 2px solid #f1d77a;
    outline-offset: 2px;
  }
}

/* ========================================
  .p-top-other-campaign
======================================== */
.p-top-other-campaign .c-button--primary-blue {
  background: linear-gradient(90deg,#b8860b, #f1d77a 50%, #d4af37);
  border: 1px solid #f1d77a;
  box-shadow: inset 0 0 5px #f1d77a;
  color: #111111;
  filter: contrast(1.2);
}

.p-top-other-campaign .c-button--primary-blue::before {
  background-color: #f1d77a;
}

.p-top-other-campaign .c-button--primary-blue::after {
  border-color: #111111;
}

/* ========================================
  .l-pc-menu .p-pc-menu__assets
======================================== */
.p-top-important-news__section,
.p-top-important-news__list__wrapper {
  background: revert;
  color: #f2f2f2;
}

.c-news__date {
  color: #d4af37;
}

.p-top-important-news__list__prev,
.p-top-important-news__list__next {
  border-color: #d4af37;
}

/* ========================================
  for search-and-bestsellers
======================================== */
.p-top-nav {
  --p-top-nav-primary: #d4af37;
  --p-top-nav-accent: #f1d77a;
  --p-top-nav-text: #f2f2f2;
  --p-top-nav-border: #d4af37;
  --p-top-nav-bg: #111111;
  --p-top-nav-bg-hover: #2b2b2b;
}
.p-top-nav .c-panel-arrow::after{
  background: #d4af37;
}
.p-top-nav .c-panel-arrow::before{
  border-color:#111111;
}
.p-top-nav__item > .c-panel-arrow{
  border: none;
}
.p-top-nav__item > .c-panel-arrow:hover {
    border-color: #f1d77a;
    color: #f2f2f2;
    background: #2b2b2b;
}
.p-top-bestsellers__background{
  background: #111111 url(../images/top/bg-blackfriday-2.webp) no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  margin-top: 90px;
}
@media screen and (max-width:767px){
  .p-top-bestsellers__background{
    margin-top: 45px;
  }
}
.p-top-bestsellers__tab {
    border-color: #d4af37;
    color: #f2f2f2;
    background: #111111;
}
.p-top-bestsellers__tab:hover {
    border-color: #f1d77a;
    color: #f2f2f2;
    background: #2b2b2b;
}
.p-top-bestsellers__tab[aria-selected="true"] {
    border-color: #d4af37;
    background-color: #d4af37;
    color: #111111;
}
#cq_recomm_slot-8fe4d742ba49487ad7064953a9 .js-itemsliderhasnav-swiper-button-next::before, #cq_recomm_slot-8fe4d742ba49487ad7064953a9 .js-itemsliderhasnav-swiper-button-prev::before{
  border-color: #d4af37;
}
.p-top-bestsellers__more a,.p-top-nav__more a{
  color: #f2f2f2;
}

/* ========================================
  overwrite layout
======================================== */
.p-top-bestsellers-peripherals {
  padding-bottom: 45px;
}

@media (min-width: 768px) {
  .p-top-bestsellers-peripherals {
    padding-bottom: 90px;
  }
}
.js-itemsliderhasnav-swiper-button-next::before, .js-itemsliderhasnav-swiper-button-prev::before {
    border-color: #d4af37;
}
.p-top-store-review,
.p-parts__section--staffstart,
.p-top-faq,
.p-top-useful__section,
.p-top-awards-history-section,
.p-common-footer_e_money__section,
.p-registered,
.p-top-info-news__section {
  overflow: hidden;
  background: #fff;
}

.p-top-store-review .c-headline__h2,
.p-parts__section--staffstart .c-headline__h2,
.p-top-faq .c-headline__h2,
.p-top-useful__section .c-headline__h2,
.p-top-awards-history-section .c-headline__h2,
.p-common-footer_e_money__section .c-headline__h2,
.p-registered .c-headline__h2,
.p-top-info-news__section .c-headline__h2 {
  color: #484848;
}

.p-parts__section--staffstart {
  padding-bottom: 90px;
}

.p-about-dospara__recommend {
  margin-top: 0;
}

.p-common-footer_e_money__section,
.p-registered {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.p-top-info-news__section{
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.p-top-info-news__inner{
  width: 92vw;
  max-width: 810px;
  margin: 0 auto;
  padding: 0;
}

.p-top-info-news__section .c-news__date{
  color: #484848;
}

.p-common-footer_e_money__section .p-common-footer_e_money__list,
.p-registered .p-registered__list {
  width: 92vw;
  max-width: 1140px;
  margin: 0 auto;
}

.p-registered__list {
  display: block;
}

header,footer {
  background: #fff;
}