<ul class="l-blocks l-blocks-quarter" ng-show="indexSubMenu == 'news'">
  <li>
    <a href="<?= home_url(); ?>/news">
      <span class="cover">
        <img src="<?= home_url() ?>/assets/images/index/news.jpg" alt="ニュース">
        <span class="overlay"></span>
        <p>ニュース一覧</p>
      </span>
      <p class="en">NEWS LIST</p>
    </a>
  </li>
  <li>
    <a href="<?= home_url(); ?>/budo">
      <span class="cover">
        <img src="<?= home_url() ?>/assets/images/index/budo.jpg" alt="巌流島ブロマガ">
        <span class="overlay"></span>
        <p>巌流島ブロマガ</p>
      </span>
      <p class="en">BLOMAGA</p>
    </a>
  </li>
  <li>
    <a href="<?= home_url(); ?>/rule">
      <span class="cover">
        <img src="<?= home_url() ?>/assets/images/index/rule.jpg" alt="ルール">
        <span class="overlay"></span>
        <p>巌流島・公式ルール</p>
      </span>
      <p class="en">OFFICIAL RULE</p>
    </a>
  </li>
  <li>
    <a href="<?= home_url(); ?>/fighter">
      <span class="cover">
        <img src="<?= home_url() ?>/assets/images/index/fighter.jpg" alt="選手名鑑">
        <span class="overlay"></span>
        <p>選手名鑑</p>
      </span>
      <p class="en">SAMURAI WARRIORS</p>
    </a>
  </li>
</ul>
<ul class="l-blocks l-blocks-quarter" ng-show="indexSubMenu == 'movie'">
  <li>
    <a href="<?= home_url(); ?>/video">
      <span class="cover">
        <img src="<?= home_url() ?>/assets/images/index/video.jpg" alt="動画">
        <span class="overlay"></span>
        <p>動画ニュース</p>
      </span>
      <p class="en">MOVIE NEWS</p>
    </a>
  </li>
  <li>
    <a href="<?= home_url(); ?>/tv">
      <span class="cover">
        <img src="<?= home_url() ?>/assets/images/index/tv.jpg" alt="テレビ番組">
        <span class="overlay"></span>
        <p>テレビ番組</p>
      </span>
      <p class="en">TV</p>
    </a>
  </li>
  <li>
    <a href="<?= home_url(); ?>/event_archive">
      <span class="cover">
        <img src="<?= home_url() ?>/assets/images/index/archive.jpg" alt="試合アーカイブ">
        <span class="overlay"></span>
        <p>試合アーカイブ</p>
      </span>
      <p class="en">ARCHIVE</p>
    </a>
  </li>
  <li>
    <a href="//ch.nicovideo.jp/ganryujima" target="_blank">
      <span class="cover">
        <img src="<?= home_url() ?>/assets/images/index/nico.jpg" alt="ニコ生">
        <span class="overlay"></span>
        <p>巌流島チャンネル</p>
      </span>
      <p class="en">NICONICO</p>
    </a>
  </li>
</ul>
<ul class="l-blocks l-blocks-quarter" ng-show="indexSubMenu == 'events'">
  <li>
    <a href="<?= home_url(); ?>/discussion">
      <span class="cover">
        <img src="<?= home_url() ?>/assets/images/index/devate.jpg" alt="議論">
        <span class="overlay"></span>
        <p>議論</p>
      </span>
      <p class="en">DISCUSSION</p>
    </a>
  </li>
  <li>
    <a href="<?= home_url(); ?>/event">
      <span class="cover">
        <img src="<?= home_url() ?>/assets/images/index/events.jpg" alt="イベント情報">
        <span class="overlay"></span>
        <p>大会情報＆チケット情報</p>
      </span>
      <p class="en">EVENT INFORMATION</p>
    </a>
  </li>
  <li>
    <a href="<?= home_url(); ?>/event-results">
      <span class="cover">
        <img src="<?= home_url() ?>/assets/images/index/results.jpg" alt="試合結果">
        <span class="overlay"></span>
        <p>試合結果</p>
      </span>
      <p class="en">RESULTS</p>
    </a>
  </li>
  <?php if(!is_user_logged_in()) { ?>
    <li>
      <a ng-click="showLoginModal('register'); ">
        <span class="cover">
          <img src="<?= home_url() ?>/assets/images/index/signup.jpg" alt="新規登録">
          <span class="overlay"></span>
          <p>新規登録</p>
        </span>
        <p class="en">SIGN UP</p>
      </a>
    </li>
  <?php } ?>
</ul>
<ul class="l-blocks l-blocks-quarter" ng-show="indexSubMenu == 'company'">
  <li>
    <a href="<?php echo home_url(); ?>/vision">
      <span class="cover">
        <img src="<?= home_url() ?>/assets/images/index/idea.jpg" alt="基本理念">
        <span class="overlay"></span>
        <p>巌流島・基本理念</p>
      </span>
      <p class="en">IDEA</p>
    </a>
  </li>
  <li>
    <a href="<?= home_url(); ?>/committee">
      <span class="cover">
        <img src="<?= home_url() ?>/assets/images/index/about.jpg" alt="実行委員会とは？">
        <span class="overlay"></span>
        <p>実行委員会とは？</p>
      </span>
      <p class="en">ABOUT US</p>
    </a>
  </li>
  <li>
    <a href="<?= home_url(); ?>/compliance">
      <span class="cover">
        <img src="<?= home_url() ?>/assets/images/index/compliance.jpg" alt="コンプライアンス宣言">
        <span class="overlay"></span>
        <p>コンプライアンス宣言</p>
      </span>
      <p class="en">COMPLIANCE</p>
    </a>
  </li>
  <li>
    <a href="<?= home_url(); ?>/inquiry">
      <span class="cover">
        <img src="<?= home_url() ?>/assets/images/index/contact.jpg" alt="問い合せ">
        <span class="overlay"></span>
        <p>問い合せ</p>
      </span>
      <p class="en">CONTACT</p>
    </a>
  </li>
</ul>