<common_header>

        <div class="header-inner">
            <div class="title_area pb-1">
                <a class="cName_area" href="index.html">
                    <div class="logo"><img src="assets/img/logott.png" alt=""></div>
                    <div class="cName">
                        <p class="e_theme">Local,Global.Synergy</pclass=etheme>
                        <h1>The 59th Annual Scientific Meeting<br>of Japanese Society for Pediatric Endocrinology</h1>
                        <!-- <p class="en-title"></p> -->
                    </div>
                </a>
            </div>
            <div class="outline pc">
                <dl class="mb-1">
                    <dt><span>Date</span></dt>
                    <dd>November 5–7, 2026</dd>
                </dl>
                <dl>
                    <dt><span>Venue</span></dt>
                    <dd style="line-height:1;">Kitakyushu Messe</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">Japanese Website</a></li>
                    <li><a href="index.html">HOME</a></li>
                    <li><a href="greeting.html">Greetings</a></li>
                    <li><a href="access.html">Venue</a></li>
                    <!-- <li><a href="outline.html">開催概要</a></li> -->
                    <li><a href="">program</a></li>
                    <li><a href="">Registration</a></li>
                    <li><a cfa.html">Call For Abstract</a></li>
                </ul>
                <!-- modal -->
                <section id="modalArea02-sp" class="modalArea">
                    <div id="modalBg01-sp" class="modalBg"></div>
                    <div class="modalWrapper">
                        <div class="modalContents">
                            <p>This page is currently under preparation. <br>Please wait a little while until it is published.</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>
