<div class="modal fade" id="category-modal" tabindex="-1" role="dialog">
  <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable overflow-auto" role="document">
    <div class="modal-content">
      <div class="modal-header bg-dark10">
          <h5 class="modal-title lang" lang="categorySelection"></h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
      </div>
      <div class="modal-body">
          <ul class="list-menu" id="categoryListMenu">
              <!-- <ul>
                  <li>
                      <label>
                          <input type="radio" name="category" checked>
                          <span class="lang" lang="categoryAll"></span>
                      </label>
                  </li>
              </ul>
              <li class="accordion" id="accordion1">
                <div id="heading1">
                  <a href="#" class="list-menu-link">
                      <button type="button" class="collapsed" data-toggle="collapse" data-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
                          <div class="arrow-icon"></div>
                      </button>
                      <label>
                          <input type="radio" name="category">
                          <span class="lang" lang="">全社</span>
                      </label>
                  </a>
                </div>
                <div id="collapse1" class="collapse" aria-labelledby="heading1" data-parent="#accordion1">
                  <ul>
                      <li>
                          <label>
                              <input type="radio" name="category">
                              <span>カテゴリー</span>
                          </label>
                      </li>
                      <li>
                          <label>
                              <input type="radio" name="category">
                              <span>カテゴリー</span>
                          </label>
                      </li>
                      <li class="accordion" id="accordion1-1">
                          <div id="heading1-1">
                            <a href="#" class="list-menu-link">
                                <button type="button" class="collapsed" data-toggle="collapse" data-target="#collapse1-1" aria-expanded="true" aria-controls="collapse1-1">
                                  <div class="arrow-icon"></div>
                                </button>
                                <label>
                                     <input type="radio" name="category">
                                     <span>カテゴリー</span>
                                </label>
                            </a>
                          </div>
                          <div id="collapse1-1" class="collapse" aria-labelledby="heading1-1" data-parent="#accordion1-1">
                            <ul>
                              <li class="accordion" id="accordion1-2">
                                  <div id="heading1-2">
                                    <a href="#" class="list-menu-link">
                                        <button type="button" class="collapsed" data-toggle="collapse" data-target="#collapse1-2" aria-expanded="true" aria-controls="collapse1-2">
                                          <div class="arrow-icon"></div>
                                        </button>
                                        <label>
                                             <input type="radio" name="category">
                                             <span>カテゴリー</span>
                                        </label>
                                    </a>
                                  </div>
                                  <div id="collapse1-2" class="collapse" aria-labelledby="heading1-2" data-parent="#accordion1-2">
                                    <ul>
                                      <li class="accordion" id="accordion1-3">
                                          <div id="heading1-3">
                                            <a href="#" class="list-menu-link">
                                                <button type="button" class="collapsed" data-toggle="collapse" data-target="#collapse1-3" aria-expanded="true" aria-controls="collapse1-3">
                                                  <div class="arrow-icon"></div>
                                                </button>
                                                <label>
                                                     <input type="radio" name="category">
                                                     <span>カテゴリー</span>
                                                </label>
                                            </a>
                                          </div>
                                        </li>
                                    </ul>
                                  </div>
                                </li>
                            </ul>
                          </div>
                        </li>
                  </ul>
                </div>
              </li> -->
          </ul>
      </div>
      <div class="modal-footer">
          <button type="button" class="btn btn-primary lang" lang="selection" onclick="OL.onClickCategorySelection();"></button>
          <button type="button" class="btn btn-tertiary lang" lang="dspCancel" data-dismiss="modal"></button>
      </div>
    </div>
  </div>
</div>