@charset "UTF-8";

/*レスポンシブ*/

@media screen and (min-width: 769px) {
  #header + #brand_header + .pane-globalnav + .pane-contents {
    padding-top: 162px;
  }

  /* ヘッダー */
  .block-header-nav .block-header-logo {
    font-size: 22px;
  }

  .block-headernav--item-list > li > * {
    color: #fff;
  }

  .block-global-search form {
    border-bottom: 1px solid #fff;
  }

  .block-global-search form .block-global-search--submit {
    background: url(../../img/usr/brand/enchante/ico_search.png) center center / auto auto no-repeat;
  }

  .block-global-search form .block-global-search--keyword {
    background: #c95a74;
    color: #fff;
  }

  .block-global-search form .block-global-search--keyword::placeholder {
    color: #fff;
  }

  .block-global-search .block-global-search--searchdetail a {
    border: 1px solid #fff;
    color: #fff;
  }

  ul.block-globalnav--item-list {
    justify-content: flex-start;
  }

  /* フッター */

  /* パンくずリスト */
  .page-brandtop .block-topic-path {
    display: block;
    margin-bottom: 40px;
    border-top: none;
    border-bottom: 1px solid #dedede;
  }

  /* 本文 */
  .block-brand-top-body--main-visual img {
    width: 100%;
  }

  .block-top-event--goods {
    margin-bottom: 40px;
  }

  .page-brandtop .block-top-topic--body .block-topic--items {
    margin: 0 auto 24px;
  }

  .page-brandtop .block-thumbnail-t--items {
    display: grid;
    grid-template-columns: repeat(auto-fill, var(--responsive-usr-thumbnail-t--item-width));
    justify-content: center;
    margin: 0 45px;
    padding: 0;
    column-gap: 30px;
    row-gap: 30px;
  }

  .page-brandtop .block-thumbnail-t--items > li {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .page-brandtop .block-thumbnail-t--item:nth-of-type(2n) {
    margin-right: unset;
  }

  .page-brandtop .block-ranking-r {
    margin: 0 45px;
  }

  .page-brandtop .block-ranking-r--items {
    display: grid;
    grid-template-columns: repeat(auto-fill, var(--responsive-usr-ranking-r--item-width));
    justify-content: center;
    padding: 0;
    column-gap: 30px;
    row-gap: 30px;
  }

  .page-brandtop .block-ranking-r .block-ranking-r--items .block-ranking-r--item {
    width: 100%;
    margin: 0;
    padding: 0;
  }
}