絞り込みフィルター

検索条件

詳細検索

詳しい条件

絞り込み

<div class="%{STYLEGUIDE_PAGE}-filter">
   <form action="" method="post" class="%{STYLEGUIDE_PAGE}-form">
      <div class="%{STYLEGUIDE_PAGE}-filter-body">
         <div class="%{STYLEGUIDE_PAGE}-filter-group">
            <p class="%{STYLEGUIDE_PAGE}-filter-label">検索条件</p>
            <div class="%{STYLEGUIDE_PAGE}-filter-content %{STYLEGUIDE_PAGE}-filter-content-fit">
               <div class="%{STYLEGUIDE_PAGE}-filter-item">
                  <label for="filter-example01" class="%{STYLEGUIDE_PAGE}-filter-item-name">カテゴリー</label>
                     ...
                  </div>
                  <div class="%{STYLEGUIDE_PAGE}-filter-item %{STYLEGUIDE_PAGE}-filter-item-full">
                     ...
                  </div>
                  <p class="%{STYLEGUIDE_PAGE}-filter-detail-btn"><a href="#search-detail" class="js-fader"><span class="%{STYLEGUIDE_PAGE}-icon-arrow-right"></span>詳細検索</a></p>
               </div>
            </div>
            <div id="search-detail">
               <div class="%{STYLEGUIDE_PAGE}-filter-inner">
                  <div class="%{STYLEGUIDE_PAGE}-filter-group">
                     <p class="%{STYLEGUIDE_PAGE}-filter-label">詳しい条件</p>
                     <div class="%{STYLEGUIDE_PAGE}-filter-content">
                        <div class="%{STYLEGUIDE_PAGE}-filter-item">
                           ...
                        </div>
                        <div class="%{STYLEGUIDE_PAGE}-filter-item">
                           ...
                        </div>
                        <div class="%{STYLEGUIDE_PAGE}-filter-item">
                           ...
                        </div>
                        <div class="%{STYLEGUIDE_PAGE}-filter-item">
                           ...
                        </div>
                        <div class="%{STYLEGUIDE_PAGE}-filter-item">
                           ...
                        </div>
                        <div class="%{STYLEGUIDE_PAGE}-filter-item">
                           ...
                        </div>
                     </div>
                  </div>
                  <div class="%{STYLEGUIDE_PAGE}-filter-group">
                     <p class="%{STYLEGUIDE_PAGE}-filter-label">絞り込み</p>
                     <div class="%{STYLEGUIDE_PAGE}-filter-content">
                        <div class="%{STYLEGUIDE_PAGE}-filter-item">
                           <label for="filter-order" class="%{STYLEGUIDE_PAGE}-filter-item-name %{STYLEGUIDE_PAGE}-show-sp">ソート</label>
                           <div class="%{STYLEGUIDE_PAGE}-filter-item-content">
                              ...
                           </div>
                        </div>
                        <div class="%{STYLEGUIDE_PAGE}-filter-item">
                           <label for="filter-limit" class="%{STYLEGUIDE_PAGE}-filter-item-name %{STYLEGUIDE_PAGE}-show-sp">表示数</label>
                           <div class="%{STYLEGUIDE_PAGE}-filter-item-content">
                              ...
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      <div class="%{STYLEGUIDE_PAGE}-filter-footer">
         <input type="submit" name="ACMS_POST_2GET" value="検索" class="%{STYLEGUIDE_PAGE}-btn-admin %{STYLEGUIDE_PAGE}-btn-admin-info %{STYLEGUIDE_PAGE}-btn-admin-search %{STYLEGUIDE_PAGE}-width-sp" />
      </div>
   </form>
</div>
<div class="%{STYLEGUIDE_PAGE}-filter">
   <form action="" method="post" class="%{STYLEGUIDE_PAGE}-form">
      <div class="%{STYLEGUIDE_PAGE}-filter-body">
         <div class="%{STYLEGUIDE_PAGE}-filter-group">
            <div class="%{STYLEGUIDE_PAGE}-filter-item">
               <label for="filter-example" class="%{STYLEGUIDE_PAGE}-filter-item-name"><!--T-->ソート<!--/T--></label>
               <select name="example" id="filter-example" class="js-select2 %{STYLEGUIDE_PAGE}-margin-right-small">
                  <option value="example1">オプション1</option>
                  <option value="example2">オプション2</option>
                  <option value="example3">オプション3</option>
               </select>
            </div>
            <div class="%{STYLEGUIDE_PAGE}-filter-item">
               <input type="submit" name="ACMS_POST_2GET" value="表示" class="%{STYLEGUIDE_PAGE}-btn %{STYLEGUIDE_PAGE}-btn-info %{STYLEGUIDE_PAGE}-width-sp" />
            </div>
         </div>
      </div>
   </form>
</div>