<div id="overlay_menu" class="fixed hide">
  <div class="overlay_menu_wrap">
    <div class="overlay_menu d-flex justify-content-center align-items-center">
      <div class="menu_wrap">
        <div class="menu">
          <div class="item rounded-circle shadow m-2 item01">
            <a href="javascript:coview_api.ChangeCollaboration('image');" class="d-flex flex-column align-items-center">
              <div class="img_wrap">
                <img src="icon/icon_collabo_picture.svg" alt="写真共有">
              </div>
              <span>写真共有</span>
            </a>
          </div>
          <div class="item rounded-circle shadow m-2 item02">
            <a href="javascript:coview_api.ChangeCollaboration('video');" class="d-flex flex-column align-items-center">
              <div class="img_wrap">
                <img src="icon/icon_collabo_videocam.svg" alt="動画共有">
              </div>
              <span>動画共有</span>
            </a>
          </div>
          <div class="item rounded-circle shadow m-2 item03">
            <a href="javascript:coview_api.ChangeCollaboration('docs');" class="d-flex flex-column align-items-center">
              <div class="img_wrap">
                <img src="icon/icon_collabo_document.svg" alt="文書共有">
              </div>
              <span>文書共有</span>
            </a>
          </div>
          <div class="item rounded-circle shadow m-2 item04">
            <a href="javascript:coview_api.ChangeCollaboration('image');" class="d-flex flex-column align-items-center">
              <div class="img_wrap">
                <img src="icon/icon_collabo_whiteboard.svg" alt="落書き">
              </div>
              <span>落書き</span>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>