.search-container {
    margin-bottom: 24px;
  }
  #searchInput {
    width: 100%;
    max-width: 400px;
    height: 40px;
    padding: 0 1em;
    font-size: 13px;
    border: 1px solid #ddd;
    border-radius: 3px;
    outline: none;
    background: #f9f9f9 url(/img/custom_page/brand_list/icon_brandlist01.svg) no-repeat 97.5% center;
  }
  /* ハイライト用のスタイル */
  mark {
    background-color: #ffeb3b;
    color: #000;
    padding: 0 2px;
    border-radius: 2px;
  }

  .page-brandlist main.pane-main{
    display: flex;
    flex-flow: row wrap;
    width: 100%;
  }
  .page-brandlist main.pane-main .pane-topic-path{
    order: 1;
    width: 100%;
  }
  .page-brandlist main.pane-main .ttl-common-h1{
    order: 2;
    width: 100%;
  }
  .page-brandlist main.pane-main .search-container{
    order: 3;
    padding: 4vw 4vw 0;
    width: 100%;
  }
  .page-brandlist main.pane-main .brand_search-wrapper{
    order: 4;
    height: auto !important;
    overflow: auto;
    background-color: #F8F9FA;
    margin: 0 0 2em;
  }
  .page-brandlist main.pane-main .brand_search-wrapper .brand_search-container .brand_search-words{
    overflow: unset;
  }
  .page-brandlist main.pane-main .pane-contents{
    order: 5;
  }