<pagenav_common>

    <virtual if={level1('about')}>
        <ul class="pagenav inview-b fadein">
            <li class="pagenav__item pagenav__item--column4">
                <a href="{base}/about/feature.html" class="pagenav__link"><span>当院の特色</span></a>
            </li>
            <li class="pagenav__item pagenav__item--column4">
                <a href="{base}/about/sorairo.html" class="pagenav__link"><span>そらいろの<br class="sp">ひととき</span></a>
            </li>
            <li class="pagenav__item pagenav__item--column4">
                <a href="{base}/about/gallery.html" class="pagenav__link"><span>施設ギャラリー</span></a>
            </li>
            <li class="pagenav__item pagenav__item--column4">
                <a href="{base}/about/family.html" class="pagenav__link"><span>そらファミリー</span></a>
            </li>
        </ul>
    </virtual>


    <virtual if={level1('medical')}>
        <ul class="pagenav inview-b fadein">
            <li class="pagenav__item">
                <a href="{base}/medical/pregnant.html" class="pagenav__link long"><span>妊娠された方へ</span></a>
            </li>
            <li class="pagenav__item">
                <a href="{base}/medical/price.html" class="pagenav__link"><span>分娩・費用</span></a>
            </li>
            <li class="pagenav__item">
                <a href="{base}/medical/painless.html" class="pagenav__link"><span>無痛分娩</span></a>
            </li>
            <li class="pagenav__item">
                <a href="{base}/medical/programed.html" class="pagenav__link"><span>計画分娩</span></a>
            </li>
            <li class="pagenav__item">
                <a href="{base}/medical/prenatal.html" class="pagenav__link"><span>出生前診断</span></a>
            </li>
            <li class="pagenav__item">
                <a href="{base}/medical/postpartum.html" class="pagenav__link"><span>産後の健診</span></a>
            </li>
            <li class="pagenav__item">
                <a href="{base}/medical/gynecology.html" class="pagenav__link"><span>婦人科</span></a>
            </li>
        </ul>
    </virtual>


    <virtual if={level1('hospitalization')}>
        <ul class="pagenav inview-b fadein">
            <li class="pagenav__item pagenav__item--column4">
                <a href="{base}/hospitalization/room.html" class="pagenav__link"><span>お部屋について</span></a>
            </li>
            <li class="pagenav__item pagenav__item--column4">
                <a href="{base}/hospitalization/preparation.html" class="pagenav__link"><span>入院準備・時期</span></a>
            </li>
            <li class="pagenav__item pagenav__item--column4">
                <a href="{base}/hospitalization/schedule.html" class="pagenav__link"><span>入院中の<br class="sp">スケジュール</span></a>
            </li>
            <li class="pagenav__item pagenav__item--column4">
                <a href="{base}/hospitalization/meal.html" class="pagenav__link"><span>お食事</span></a>
            </li>
        </ul>
    </virtual>


    <virtual if={level1('support')}>
        <ul class="pagenav inview-b fadein">
            <li class="pagenav__item pagenav__item--column4">
                <a href="{base}/support/midwife.html" class="pagenav__link pagenav__link--pd-middle"><span>助産師外来</span></a>
            </li>
            <li class="pagenav__item pagenav__item--column4">
                <a href="{base}/support/class.html" class="pagenav__link pagenav__link--pd-middle"><span>マザークラス</span></a>
            </li>
            <!-- <li class="pagenav__item pagenav__item--column5">
                <a href="{base}/support/counseling.html" class="pagenav__link pagenav__link--pd-middle"><span>こころとからだ<br>の相談室</span></a>
            </li> -->
            <li class="pagenav__item pagenav__item--column4">
                <a href="{base}/support/yoga.html" class="pagenav__link pagenav__link--pd-middle long"><span>ヨガ</span></a>
            </li>
            <li class="pagenav__item pagenav__item--column4">
                <a href="{base}/support/felice.html" class="pagenav__link pagenav__link--pd-middle long"><span>ヒーリングルーム<br class="pctb">「Felice」</span></a>
            </li>
        </ul>
    </virtual>

    <virtual if={level1('recruit')}>
        <ul class="pagenav inview-b fadein">
            <li class="pagenav__item pagenav__item--column3">
                <a href="{base}/recruit/crosstalk/" class="pagenav__link"><span>助産師たちの座談会</span></a>
            </li>
            <li class="pagenav__item pagenav__item--column3">
                <a href="{base}/recruit/job/" class="pagenav__link"><span>そらのお仕事</span></a>
            </li>
            <li class="pagenav__item pagenav__item--column3">
                <a href="{base}/recruit/application/" class="pagenav__link"><span>募集要項</span></a>
            </li>
        </ul>
    </virtual>

    <script>
        // カレント設定
        this.on('mount', function() {
            href = location.href;

            var links = jQuery(".pagenav > li > a");

            links.each(function (index, value) {
              if (value.href == href) {
                jQuery(".pagenav > li > a").eq(index).addClass("current");
              }
            });
        });

    </script>
</pagenav_common>
