<common_header>

        <div class="header-inner">
            <div class="title_area pb-1">
                <div class="cName_area d-flex align-items-center">
                    <span class="cName_tag mr-sm-2 mr-1">合同<br>大会</span>
                    <h1 class="m-0 cName_title">
                        <span class="d-block">第33回肝細胞研究会</span>
                        <span class="d-block">第40回肝類洞壁細胞研究会学術集会</span>
                    </h1>
                </div>
            </div>
            <div class="outline pc">
                <dl class="mb-1">
                    <dt><span>会 期</span></dt>
                    <dd>2026年<span class="fs15">11</span>月<span class="fs15">19</span>日<span>&#12941;</span> - <span class="fs15">21</span>日<span class="fs1blu">&#12943;</span></dd>
                </dl>
                <dl>
                    <dt><span>会 場</span></dt>
                    <dd>海峡メッセ下関</dd>
                </dl>
            </div>
        </div>

        <div class="hamburger-menu sp">
            <input type="checkbox" id="menu-btn-check">
            <label for="menu-btn-check" class="menu-btn"><span></span></label>
            <!--menu-->
            <div class="menu-content">
                <ul>
                    <li><a href="index.html">HOME</a></li>
                    <li><a href="greeting.html">会長挨拶</a></li>
                    <li><a href="outline.html">開催概要</a></li>
                    <li><a type="buuton" class="openModal02">演題募集</a></li>
                    <li><a type="buuton" class="openModal02">プログラム・日程表</a></li>
                    <li><a type="buuton" class="openModal02">優秀ポスター賞 受賞者</a></li>
                    <li><a type="buuton" class="openModal02">参加者へのご案内<</a></li>
                    <li><a type="buuton" class="openModal02">登壇者へのご案内</a></li>
                    <li><a type="buuton" class="openModal02">利益相反（COI）について</a></li>
                    <li><a href="access.html">会場・交通案内</a></li>
                    <li><a type="buuton" class="openModal02">関連リンク</a></li>
                </ul>
                <!-- modal -->
                <section id="modalArea02-sp" class="modalArea">
                    <div id="modalBg01-sp" class="modalBg"></div>
                    <div class="modalWrapper">
                        <div class="modalContents">
                            <p>このページは現在準備中です。 <br>公開まで今しばらくお待ちください。</p>
                        </div>
                        <div id="closeModal01-sp" class="closeModal">
                            ×
                        </div>
                    </div>
                </section>
                <!-- /modal -->
            </div>
            <!--./menu-->
        </div>

        <script>
            $(function () {
                $('.openModal02').click(function () {
                    $('#modalArea02').fadeIn();
                    $('body').addClass('fixed');
                });
                $('.closeModal, .modalBg').click(function () {
                    $('#modalArea02').fadeOut();
                    $('body').removeClass('fixed');
                });
            })
        </script>
        <script>
            $(function () {
                $('.openModal02').click(function () {
                    $('#modalArea02-sp').fadeIn();
                    $('body').addClass('fixed');
                });
                $('.closeModal, .modalBg').click(function () {
                    $('#modalArea02-sp').fadeOut();
                    $('body').removeClass('fixed');
                });
            })
        </script>

        <script>
            $(function () {
                $('.menu-btn').click(function () {
                    $('body').toggleClass('fixed02');
                });
            })
        </script>

</common_header>
