<ul class="p-0" style="margin-top: 0px !important;border-top: none !important;">
  {{#userList}}
  <li class="d-flex align-items-center userCell">
    <a href="#" onclick="Namecard.makeNameCard({{shopMemberId}})" style="width: 100%;">
      <div class="chat_item d-flex flex-row align-items-center">
        <div class="chat_item_l">
          <div class="thumbnail">
            <div class="img_wrap"><img src="{{profileUrl}}" onError="this.src='./img/noImage.png'"/></div>
          </div>
        </div>
        <div class="chat_item_m px-0">
          <div class="d-flex flex-column">
            <div class="chat_item_t">
              <span class="chat_item_ttl">{{shopMemberName}}</span>
            </div>
          </div>
        </div>
      </div>
    </a>
    <div class="chat_item_r">
      <div class="d-flex flex-column">
        {{#isFavorite}}
        <span class="star active shopmember_{{shopMemberId}}" onclick="Namecard.favoriteUserChange({{shopMemberId}}, this)"></span>
        {{/isFavorite}}
        {{^isFavorite}}
        <span class="star disable shopmember_{{shopMemberId}}" onclick="Namecard.favoriteUserChange({{shopMemberId}}, this)"></span>
        {{/isFavorite}}
      </div>
    </div>
  </li>
  {{/userList}}
</ul>