/* ========================================
  うちわ本舗ブランドカラー
======================================== */
.u_page {
  --color-primary-uchiwa: #43b2dc;
  --color-uchiwa-border: #9ecceb;
}

.u_page .global-nav__link--search {
  background-color: var(--color-primary-uchiwa);
  border-bottom: 1px solid var(--color-primary-uchiwa);
}

.u_page .global-nav__item:first-child {
  border-bottom: 1px solid var(--color-primary-uchiwa);
}

.u_page .search__cat-btn {
  background-color: var(--color-primary-uchiwa);
}

.u_page .search__form {
  border: 2px solid var(--color-uchiwa-border);
}

.u_page .drawer__acc-root-btn {
  background-color: var(--color-primary-uchiwa);
}

.u_page .drawer__acc-btn .accordion__icon::before,
.u_page .drawer__acc-btn .accordion__icon::after {
  background-color: var(--color-primary-uchiwa);
}

.u_page .drawer__submit {
  color: var(--color-primary-uchiwa);
  border-color: var(--color-primary-uchiwa);
}

.u_page .btn {
  color: var(--color-primary-uchiwa);
  border-color: var(--color-primary-uchiwa);
}

.u_page .splide__pagination__page.is-active {
  background-color: var(--color-primary-uchiwa);
}

.u_page .heading__jp::after {
  background: linear-gradient(to right, var(--color-primary-uchiwa) 50%, var(--color-text-light) 50%);
}

.u_page .ranking-tabs__btn.tabs__btn.is-active {
  color: var(--color-primary-uchiwa);
  background-color: #eff8ff;
  border-bottom: 2px solid var(--color-primary-uchiwa);
}

.u_page .ranking-tabs__btn.tabs__btn.is-active::before {
  border-top: 9px solid var(--color-primary-uchiwa);
}

.u_page .top-ranking__progress-bar {
  background-color: var(--color-primary-uchiwa);
}

.u_page .footer__middle .footer__section-title::after {
  background: linear-gradient(
    to right,
    var(--color-primary-uchiwa) 0,
    var(--color-primary-uchiwa) 40px,
    #333333 40px,
    #333333 100%
  );
}

.u_page .top-side__submit {
  color: var(--color-primary-uchiwa);
  border-color: var(--color-primary-uchiwa);
}

.u_page .drawer__submit {
  color: var(--color-primary-uchiwa);
  border-color: var(--color-primary-uchiwa);
}

@media screen and (min-width: 1200px) {
  .u_page .search__form {
    border: 1px solid #888888;
  }

  .u_page .search__cat-btn {
    background-color: #888888;
  }

  .u_page .footer__nav .footer__col-btn::after {
    background: linear-gradient(
      to right,
      var(--color-primary-uchiwa) 0,
      var(--color-primary-uchiwa) 40px,
      #333333 40px,
      #333333 100%
    );
  }
}

/* ========================================
  ヘッダー
======================================== */
@media screen and (min-width: 1200px) {
  .u_header__inner {
    grid-template-columns: 215px minmax(0, 1fr) auto;
  }

  .u_header__logo {
    margin-top: 9px;
  }

  .u_header__logo img {
    width: 215px;
  }

  .u_header__search {
    max-width: 460px;
    margin-left: 100px;
  }
}

/* ========================================
  フッター
======================================== */
@media screen and (min-width: 1200px) {
  .u_footer__logo {
    width: 193px;
  }
}