<common_side>

        <aside id="society-aside">

          <a href="../index.html" class="btn no-border-btn"><i class="fas fa-arrow-alt-circle-right mr-2"></i>Japanese Website</a>
          <nav id="society-main-menu">
            <ul>
              <li><a href="index.html"><span class="material-icons md-14">home</span>HOME</a></li>
              <li><a href="greeting.html"><span class="material-icons md-14">arrow_forward</span>Greetings</a></li>
              <li><a href="access.html"><span class="material-icons md-14">arrow_forward</span>Venue</a></li>
              <li class="preparation"><a href=""><span class="material-icons md-14">arrow_forward</span><div>program</div></a></li>
              <li class="preparation"><a href=""><span class="material-icons md-14">arrow_forward</span><div>Registration</div></a></li>
              <li><a href="cfa.html"><span class="material-icons md-14">arrow_forward</span>Call For Abstract</a></li>
            </ul>
          </nav>
          <!-- modal -->
          <section id="modalArea02" class="modalArea">
            <div id="modalBg01" 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" class="closeModal">
                ×
              </div>
            </div>
          </section>
          <!-- /modal -->

          <div class="posd shadow-sm border">
            <a href="poster.pdf" target="_blank">
            <div class="row no-gutters">
                <!-- 左側の画像 -->
                <div class="col-6 py-2 pl-2">
                  <picture>
                    <source srcset="assets/img/poster.webp?v=20260313" type="image/webp">
                    <img src="assets/img/poster.png?v=20260313" alt="The 59th Annual Meeting of the Japanese Society for Pediatric Endocrinology"/ class="img-fluid border shadow-sm">
                  </picture>
                </div>
                <!-- 右側のタイトルとテキスト -->
                <div class="col-6 mt-3 pr-2 posd-txt text-center align-content-center">
                  <p>Poster<br>Download</p>
                  <p><i class="fas fa-download"></i></p>
                </div>
            </div>
            </a>
          </div>

          <!--
          <ul class="secretariat">
              <li><h2></h2></li>
              <li></li>
              <li class="mb-2"><span class="dinb pr-1">〒</span><span class="dinb"></span></li>
              <li class="mb-2"><i class="fas fa-phone-square pr-1"></i></li>
              <li><i class="fas fa-fax pr-1"></i></li>
          </ul>
          -->

          <ul class="secretariat">
              <li><h2>Secretariat</h2></li>
              <li class="mb-2">c/o Orbit, Co., Ltd.</li>
              <li class="mb-2"><span class="dinb pr-1">1-5-31-101</span><span class="dinb">Hikino, Yahatanishi-ku,Kitakyushu, FUKUOKA 806-0067,JAPAN</span></li>
              <li class="mb-2"><i class="fas fa-phone-square pr-1"></i>+81-93-616-1417</li>
              <li><i class="fas fa-envelope pr-1"></i>jspe59@orbit-cs.net</li>
          </ul>

          <!--
          <div class="posd">
            <a href="" target="_blank">
              <picture>
                <source srcset="assets/img/banner01.webp" type="image/webp">
                <img src="assets/img/banner01.png" class="w-100" alt=""/>
              </picture>
            </a>
          </div>

          <div class="posd">
            <a href="" target="_blank">
              <picture>
                <source srcset="assets/img/banner02.webp" type="image/webp">
                <img src="assets/img/banner02.jpg" class="w-100" alt=""/>
              </picture>
            </a>
          </div>
          -->

        </aside>

<script>
    // カレント設定
    this.on('mount', function() {
        var current = location.pathname.split('/').pop(); // 直近のパスセグメントを取得

        if (current.length === 0 || current === 'index.html') {
            $('#society-main-menu > ul > li > a[href="index.html"]').closest('li').addClass('society-active');
        } else {
            $('#society-main-menu > ul > li > a[href="' + current + '"]').closest('li').addClass('society-active');
        }
    });
</script>


</common_side>
