<div id="flakes1" data-0="background-position:0px 0px;" data-end="background-position:80px 240px;"></div>
<div id="flakes2" data-0="background-position:0px 0px;" data-end="background-position:80px -80px;"></div>
<div id="flakes3"></div>
<div class="container" ng-init="indexSubMenu = 'news'">
  <section id="slider" class="slider loading">
    <article class="video-wrap">
      <a class="mov" href="//www.youtube.com/embed/BszfPM6oKXQ?rel=0&wmode=transparent" style="background-image:url(//i.ytimg.com/vi/BszfPM6oKXQ/sddefault.jpg);">
        <i class="fa fa-youtube-play"></i>
        <div class="overlay"></div>
      </a>
    </article>
    <!--article class="video-wrap" ng-controller="YoutubeCtrl" ng-init="init()" class="ng-cloak" ng-cloak>
      <a class="mov" href="//www.youtube.com/embed/{{selectedId}}?rel=0&wmode=transparent" style="background-image:url(//i.ytimg.com/vi/{{selectedId}}/sddefault.jpg);">
        <i class="fa fa-youtube-play"></i>
        <div class="overlay"></div>
      </a>
    </article-->
    <!--article class="video-wrap">
      <a class="mov" href="//www.youtube.com/embed/BszfPM6oKXQ?rel=0&wmode=transparent" style="background-image:url(//i.ytimg.com/vi/BszfPM6oKXQ/sddefault.jpg);">
        <i class="fa fa-youtube-play"></i>
        <div class="overlay"></div>
      </a>
    </article-->
    <?php
      $args = array(
        'post_type'		=> 'grjm_events',
        'meta_key'		=> 'show_slider',
        'meta_value'		=> 1,
        'numberposts'	=> 1,
        'posts_per_page' => 1
      );
      $index_query = new WP_Query( $args );
    ?>
    <?php if ( $index_query -> have_posts()): ?>
    <?php while ($index_query -> have_posts()): $index_query -> the_post(); ?>
      <?php
        $img = get_field('cover');
        $imgurl = wp_get_attachment_image_src($img, '16-9');
        $date = get_field('event_date',$post->ID);
        $year = substr($date, 0, 4);
        $month = substr($date, 4, 2);
        $days = substr($date, 6, 2);
        $day = substr($date, 8);
      ?>
      <article class="block_article m_article_news" alt="<?php the_permalink(); ?>">
        <div class="inner">
          <a href="<?php the_permalink() ?>" style="background-image:url(<?php if($imgurl){  echo $imgurl[0]; } else { echo home_url().'/assets/images/dummy16-9.jpg'; } ?>);">
            <div class="cover m-outer-cover">
              <span class="cat">大会情報</span>
            </div>
            <div class="cnt">
              <h1><?php the_title(); ?></h1>
              <aside class="info info-right">
                <time><?php echo $year.'/'.$month.'/'.$days ; ?></time>
              </aside>
            </div>
          </a>
        </div>
      </article>
    <?php endwhile; ?>
    <?php endif; ?>
    <?php wp_reset_query(); ?>
    <?php
      $args = array(
        'post_type'		=> 'post',
        'meta_key'		=> 'show_slider',
        'meta_value'		=> 1,
        'numberposts'	=> 2,
        'posts_per_page' => 2
      );
      $index_query = new WP_Query( $args );
    ?>
    <?php if ( $index_query -> have_posts()): ?>
    <?php while ($index_query -> have_posts()): $index_query -> the_post(); ?>
      <?php
        $cat = get_the_category(); $cat = $cat[0];
        $img = get_field('news_list_thumbnail');
        $imgurl = wp_get_attachment_image_src($img, '16-9');
      ?>
      <article class="block_article m_article_news" alt="<?php the_permalink(); ?>">
        <div class="inner">
          <a href="<?php the_permalink() ?>" style="background-image:url(<?php if($imgurl){  echo $imgurl[0]; } else { echo home_url().'/assets/images/dummy16-9.jpg'; } ?>);">
            <div class="cover m-outer-cover">
              <span class="cat">
                <?php
                  $category = get_the_category();
                  $fixed_cat_name = $category[0]->cat_name;
                  $fixed_cat_name = str_replace('（古）', '', $fixed_cat_name);
                  echo $fixed_cat_name;
                ?>
              </span>
            </div>
            <div class="cnt">
              <h1><?php the_title(); ?></h1>
              <aside class="info info-right">
                <time><?php the_time('Y/m/d') ?></time>
              </aside>
            </div>
          </a>
        </div>
      </article>
    <?php endwhile; ?>
    <?php endif; ?>
    <?php wp_reset_query(); ?>
    <?php
      $args = array(
        'post_type'		=> 'grjm_budo',
        'meta_key'		=> 'show_slider',
        'meta_value'		=> 1,
        'numberposts'	=> 1,
        'posts_per_page' => 1
      );
      $index_query = new WP_Query( $args );
    ?>
    <?php if ( $index_query -> have_posts()): ?>
    <?php while ($index_query -> have_posts()): $index_query -> the_post(); ?>
      <?php
        $img = get_field('news_list_thumbnail');
        $imgurl = wp_get_attachment_image_src($img, '16-9');
      ?>
      <article class="block_article m_article_news" alt="<?php the_permalink(); ?>">
        <div class="inner">
          <a href="<?php the_permalink() ?>" style="background-image:url(<?php if($imgurl){  echo $imgurl[0]; } else { echo home_url().'/assets/images/dummy16-9.jpg'; } ?>);">
            <div class="cover m-outer-cover">
              <span class="cat">巌流島ブロマガ</span>
            </div>
            <div class="cnt">
              <h1>
                <?php if(mb_strlen($post->post_title)>40) {
                  $title= mb_substr($post->post_title,0,40);
                  echo $title.'...';
                } else {
                  the_title();
                }?>
              </h1>
              <aside class="info info-right">
                <time><?php the_time('Y/m/d') ?></time>
              </aside>
            </div>
          </a>
        </div>
      </article>
    <?php endwhile; ?>
    <?php endif; ?>
    <?php wp_reset_query(); ?>
    <?php
      $args = array(
        'post_type'		=> 'grjm_discussion',
        'meta_key'		=> 'show_slider',
        'meta_value'		=> 1,
        'numberposts'	=> 1,
        'posts_per_page' => 1
      );
      $index_query = new WP_Query( $args );
    ?>
    <?php if ( $index_query -> have_posts()): ?>
    <?php while ($index_query -> have_posts()): $index_query -> the_post(); ?>
      <?php
        $img = get_field('discussion_index_image');
        $imgurl = wp_get_attachment_image_src($img, '16-9');
      ?>
      <article class="block_article m_article_news" alt="<?php the_permalink(); ?>">
        <div class="inner">
          <a href="<?php the_permalink() ?>" style="background-image:url(<?php if($imgurl){  echo $imgurl[0]; } else { echo home_url().'/assets/images/dummy16-9.jpg'; } ?>);">
            <div class="cover m-outer-cover">
              <span class="cat">議論</span>
            </div>
            <div class="cnt">
              <h1>
                <?php if(mb_strlen($post->post_title)>40) {
                  $title= mb_substr($post->post_title,0,40);
                  echo $title.'...';
                } else {
                  the_title();
                }?>
              </h1>
              <aside class="info info-right">
                <time><?php the_time('Y/m/d') ?></time>
              </aside>
            </div>
          </a>
        </div>
      </article>
    <?php endwhile; ?>
    <?php endif; ?>
    <?php wp_reset_query(); ?>
  </section>
  <p class="link_attention sp"><a href="http://ganryujima.jp/archives/2682">お知らせ：会員登録の変更について</a></p>
  <section class="l-column index-content">
    <section class="l-main">
      <?php
        $args = array(
        	'numberposts'	=> 4,
        	'post_type'		=> 'post',
        	'meta_key'		=> 'show_index',
        	'meta_value'		=> 1,
          'posts_per_page' => 4
        );
        $index_query = new WP_Query( $args );
      ?>
      <?php if ( $index_query -> have_posts()): ?>
        <div class="l-lists">
        <?php while ($index_query -> have_posts()): $index_query -> the_post(); ?>
          <?php
            $cat = get_the_category(); $cat = $cat[0];
            $img = get_field('news_list_thumbnail');
            $imgurl = wp_get_attachment_image_src($img, '16-9');
          ?>
          <article class="table_article m_article_news" alt="<?php the_permalink(); ?>">
            <a href="<?php the_permalink() ?>">
              <div class="cover-outer">
                <div class="cover m-outer-cover">
                  <?php if($imgurl){ ?>
                    <img class="image" src="<?php echo $imgurl[0]; ?>" alt="">
                  <?php } else { ?>
                    <img src="<?= home_url() ?>/assets/images/dummy16-9.jpg" alt="SAMURAI WARRIOR">
                  <?php } ?>
                  <span class="cat">
                    <?php
                      $category = get_the_category();
                      $fixed_cat_name = $category[0]->cat_name;
                      $fixed_cat_name = str_replace('（古）', '', $fixed_cat_name);
                      echo $fixed_cat_name;
                    ?>
                  </span>
                </div>
              </div>
              <div class="cnt">
                <h1><?php the_title(); ?></h1>
              </div>
            </a>
          </article>
        <?php endwhile; ?>
        </div>
      <?php endif; ?>
      <?php wp_reset_query(); ?>
      <?php
        $args = array(
        	'numberposts'	=> 2,
        	'post_type'		=> 'grjm_budo',
        	'meta_key'		=> 'show_index',
        	'meta_value'		=> 1,
          'posts_per_page' => 2
        );
        $index_query = new WP_Query( $args );
      ?>
      <?php if ( $index_query -> have_posts()): ?>
        <div class="l-lists">
        <?php while ($index_query -> have_posts()): $index_query -> the_post(); ?>
          <?php
            $img = get_field('news_list_thumbnail');
            $imgurl = wp_get_attachment_image_src($img, '16-9');
          ?>
          <article class="table_article m_article_news" alt="<?php the_permalink(); ?>">
            <a href="<?php the_permalink() ?>">
              <div class="cover-outer">
                <div class="cover m-outer-cover">
                  <?php if($imgurl){ ?>
                    <img class="image" src="<?php echo $imgurl[0]; ?>" alt="">
                  <?php } else { ?>
                    <img src="<?= home_url() ?>/assets/images/dummy16-9.jpg" alt="SAMURAI WARRIOR">
                  <?php } ?>
                  <span class="cat">ブロマガ</span>
                </div>
              </div>
              <div class="cnt">
                <h1><?php the_title(); ?></h1>
              </div>
            </a>
          </article>
        <?php endwhile; ?>
        </div>
      <?php endif; ?>
      <?php wp_reset_query(); ?>
      <?php
        $args = array(
        	'numberposts'	=> 2,
        	'post_type'		=> 'grjm_discussion',
        	'meta_key'		=> 'show_index',
        	'meta_value'		=> 1,
          'posts_per_page' => 2
        );
        $index_query = new WP_Query( $args );
      ?>
      <?php if ( $index_query -> have_posts()): ?>
        <div class="l-lists">
        <?php while ($index_query -> have_posts()): $index_query -> the_post(); ?>
          <?php
            $img = get_field('discussion_index_image');
            $imgurl = wp_get_attachment_image_src($img, '16-9');
          ?>
          <article class="table_article m_article_news" alt="<?php the_permalink(); ?>">
            <a href="<?php the_permalink() ?>">
              <div class="cover-outer">
                <div class="cover m-outer-cover">
                  <?php if($imgurl){ ?>
                    <img class="image" src="<?php echo $imgurl[0]; ?>" alt="">
                  <?php } else { ?>
                    <img src="<?= home_url() ?>/assets/images/dummy16-9.jpg" alt="SAMURAI WARRIOR">
                  <?php } ?>
                  <span class="cat">議論</span>
                </div>
              </div>
              <div class="cnt">
                <h1><?php the_title(); ?></h1>
              </div>
            </a>
          </article>
        <?php endwhile; ?>
        </div>
      <?php endif; ?>
      <?php wp_reset_query(); ?>
    </section>
    <section class="l-side">
      <?php include('_side_column.php'); ?>
    </section>
  </section>
</div>