<div class="modal menu_modal" id="menuModalCenter" tabindex="-1" role="dialog" aria-labelledby="menuModalCenterTitle"
  aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content-wrap d-flex align-items-center">
      <div class="modal-content">
        <button type="button item01" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true" style="font-size:40px;">&times;</span>
        </button>
        <div class="modal-body pt-0">
          <ul>
            <li class="shadow item01"><a id="room_name_change_button" href="chat_change_room_name.html"
                class="d-flex flex-row justify-content-center aligin-items-center"><img
                  src="icon/icon_change_room_name.svg" alt="ルーム名変更">ルーム名変更</a>
            </li>
            <li class="shadow item02"><a id="add_user_button" href="chat_add_user.html"
                class="d-flex flex-row justify-content-center aligin-items-center"><img src="icon/icon_add_user.svg"
                  alt="ユーザー招待">ユーザー招待</a></li>
            <li class="shadow item03"><a id="display_off_button" href="javascript:return false;"
                onclick="NativeBridgeDelegate.roomDisplayOff();"
                class="d-flex flex-row justify-content-center aligin-items-center"><img
                  src="icon/icon_display_off_chatroom.svg" alt="ユーザー招待">部屋非表示</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>