news.html

---
layout: default
title: ニュース一覧
data-type: news
---
{% include header.html %}
<div class="content__wrapper">
  <div>
    <div class="sub__navigation sticky">
      <h2 class="page-title">News</h2>
      <div class="outline-list-category">
        <ul class="sub__navigation-wrapper outline-list-category__wrapper">
          <li class="sub__navigation-title outline-list-category__title active"><a href="/website/news.html">ニュース一覧</a></li>
          <li class="tag_panel">
            <span class="tag_panel-category-title">年</span>
            <fieldset data-filter-group class="tag_panel_header controls" style="border: none">
              <button type="button" class="tag_element term control" data-filter=".mix">
                全期間
              </button>
              <button type="button" class="tag_element term control" data-toggle=".category_year-2018">
                2018
              </button>
              <button type="button" class="tag_element term control" data-toggle=".category_year-2017">
                2017
              </button>
              <button type="button" class="tag_element term control" data-toggle=".category_year-2016">
                2016
              </button>
            </fieldset>
          </li>
          <li class="tag_panel">
            <span class="tag_panel-category-title">タグ</span>
            <fieldset data-filter-group class="tag_panel_header controls" style="border: none">
              <button type="button" class="tag_element tag-all control" data-filter=".mix">
                すべて
              </button>
              <button type="button" class="tag_element tag-service control" data-toggle=".services">
                サービス
              </button>
              <button type="button" class="tag_element tag-publishment control" data-toggle=".public_relations">
                広報
              </button>
              <button type="button" class="tag_element tag-event control" data-toggle=".events">
                イベント
              </button>
              <button type="button" class="tag_element tag-invite control" data-toggle=".registration">
                募集
              </button>
              <button type="button" class="tag_element tag-other control" data-toggle=".other">
                その他
              </button>
            </fieldset>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div class="main__contents">
    <div class="main__content-title__wrapper">
      <h3 class="main__content-title">ニュース一覧</h3>
    </div>
    <ul class="news__individual-wrapper">
      {% for post in site.categories.ja %} {% assign tags = post.tags | append: " " %}
      <li class='post__individual mix {{ tags }} category_year-{{post.date | date: "%Y"}}'>
        <div class="post__date">
          {{post.date | date: '%Y. %m. %d'}}
        </div>
        <div class="post__main post__main-news">
          <a href="{{post.url | prepend: site.baseurl}}" class="post__title">{{post.title}}</a> {% assign beginning = post.content | slice: 0, 150 | strip_html%}
          <p class='post__desc-beginning'>{{beginning | slice: 0, 50}}…</p>
          <div class="post__sub-info">
            <div class="post-tags">
              {% include post_meta.html %}
            </div>
          </div>
        </div>
      </li>
      {% endfor %}
    </ul>
  </div>
</div>
<script>
var containerEl = document.querySelector('.news__individual-wrapper');

var mixer = mixitup(containerEl, {
  multifilter: {
    enable: true
  }
});
</script>
{% include footer.html %}