カテゴリ

タグ 2

シチュエーション

出演日

連絡先メール

連絡先電話番号

出演形式

評価

プロフィール画像

出演者人数

ステータス

備考

ソーシャルメディアリンク

会場

規模

ページ表示設定

サービス

演者

ターゲット

マジシャン

業種

PICK UP

種類

作成日時

名前

生年月日

得意なマジック

経歴

ウェブサイト

電話番号

パフォーマンス時間

活動開始年

出演イベント

使用する道具

カスタム

ヨミ

一言で言うと

セレクト

実績

ランク

活動エリア

ギャラリービュー

<div id="hamburger-Menu" class="hamburger__menu">
    <div class="logo">
        <a href="#">
            <img src="https://imgur.com/zpx6oIj.png" alt="logo" />
        </a>
    </div>
    <nav class="nav">
        <ul class="nav-list">
            <li class="nav-item"><a href="#">TOP</a></li>
            <li class="nav-item dropdown">
                <a href="#">MAGICIAN</a>
                <ul class="dropdown-menu">
                    <li><a href="#">サービス詳細</a></li>
                    <li><a href="https://newalifofficial.wraptas.site/18abf329d3d680f5bbefdb30bbe02778?realtimePreview=Uu0t54rsuH709zfKdRnF">マジシャン一覧</a></li>
                    <li><a href="https://newalifofficial.wraptas.site/18abf329d3d680078885d2dd59e2dac5?realtimePreview=Uu0t54rsuH709zfKdRnF">実績</a></li>
                </ul>
            </li>
            <li class="nav-item dropdown">
                <a href="#">DJ</a>
                <ul class="dropdown-menu">
                    <li><a href="#">サービス詳細</a></li>
                    <li><a href="#">DJ一覧</a></li>
                    <li><a href="#">実績</a></li>
                </ul>
            </li>
            <li class="nav-item dropdown">
                <a href="#">DESIGN</a>
                <ul class="dropdown-menu">
                    <li><a href="#">サービス詳細</a></li>
                    <li><a href="#">実績</a></li>
                </ul>
            </li>
            <li class="nav-item dropdown">
                <a href="#">COMPANY</a>
                <ul class="dropdown-menu">
                    <li><a href="#">会社概要</a></li>
                    <li><a href="#">代表メッセージ</a></li>
                </ul>
            </li>
        </ul>
    </nav>
    
    <input type="checkbox" id="menu-toggle" class="hidden">
    <label for="menu-toggle" class="hamburger-menu">
        <span></span>
        <span></span>
        <span></span>
    </label>
    
    
    <div class="mobile-menu">
        <label for="menu-toggle" class="close-btn">✕</label>
        <nav class="side-nav">
        <ul class="side-nav-list">
            <li class="side-nav-item"><a href="#">TOP</a></li>
            <li class="side-nav-item">
                <a href="#">MAGICIAN</a>
                <ul class="side-submenu">
                    <li><a href="#">サービス詳細</a></li>
                    <li><a href="#">マジシャン一覧</a></li>
                    <li><a href="#">実績</a></li>
                </ul>
            </li>
            <li class="side-nav-item">
                <a href="#">DJ</a>
                <ul class="side-submenu">
                    <li><a href="#">サービス詳細</a></li>
                    <li><a href="#">DJ一覧</a></li>
                    <li><a href="#">実績</a></li>
                </ul>
            </li>
            <li class="side-nav-item">
                <a href="#">DESIGN</a>
                <ul class="side-submenu">
                    <li><a href="#">サービス詳細</a></li>
                    <li><a href="#">実績</a></li>
                </ul>
            </li>
            <li class="side-nav-item">
                <a href="#">COMPANY</a>
                <ul class="side-submenu">
                    <li><a href="#">会社概要</a></li>
                    <li><a href="#">代表メッセージ</a></li>
                </ul>
            </li>
        </ul>
    </nav>

    </div>
</div>

<footer>
    <div class="footer-container">
        <div class="footer-section">
            <h3>SERVICE</h3>
            <ul>
                <li><a href="#">MAGIC</a></li>
                <li><a href="#">DJ</a></li>
                <li><a href="#">DESIGN</a></li>
            </ul>
        </div>
        <div class="footer-section">
            <h3>COMPANY</h3>
            <ul>
                <li><a href="#">会社概要</a></li>
                <li><a href="#">代表メッセージ</a></li>
            </ul>
        </div>
        <div class="footer-section">
            <h3>SUPPORT</h3>
            <ul>
                <li><a href="#">よくある質問</a></li>
                <li><a href="#">プライバシーポリシー</a></li>
                <li><a href="#">利用規約</a></li>
                <li><a href="#">サイトマップ</a></li>
            </ul>
        </div>
    </div>
    <div class="footer-bottom">
        <p>&copy; 2025 New ALIFE ENTERTAINMENT All Rights Reserved.</p>
    </div>
</footer>

Cozy

COZY

ACHIEVEMENT

PERFORMANCE

MOVIE

GALLERY