ライトボックスが表示されません

Question

ライトボックスを作成したいのですが、id(#p_card_wrapper01)でリンクを繋げても、対応されません。解決策を教えていただきたいです。

<div class="pf-item development capital"> <div class="item-effect"> <img src="assets/img/5.jpg" alt="thumb" /> <div class="overlay"> <h4></h4> <div class="link"> <a href="#p_card_wrapper01" class="item popup-link">詳細を見る</a> </div> </div> </div> </div> <!--p_card_wrapper01 -->

<div id="p_card_wrapper01" class="facility-popup mfp-hide">
    <div class="thumb-num"> <img src="assets/img/5.jpg" class="main-photo">
    <div class="content">
        <h3>CR 5000 BD</h3>
        <table>
        <tr>
            <th></th>
            <td></td>
        </tr>
        <tr>
            <th></th>
            <td></td>
        </tr>
        <tr>
            <th></th>
            <td></td>
        </tr>
        </table>
    </div>
    </div>
    <div class="modal-close-btn"><a class="bottom-close">閉じる</a></div>
</div>
<!--p_card_wrapper01 end -->