{% extends 'default_frame.twig' %}
{% block stylesheet %}
<style>
.ec-newsRole__newsTitle a.news-url{
text-decoration:underline;
}
.ec-newsRole__newsTitle .icon.link{
margin-right:7px;
}
</style>
{% endblock %}
{% block javascript %}
{% endblock %}
{% block main %}
<div class="ec-pageRole">
<div class="ec-newsRole">
<div class="ec-pageHeader">
<h1 class="mainttl">お知らせ</h1>
</div>
<div class="contents-inner" id="topics_list_page">
{% for News in pagination %}
<div class="ec-newsRole__newsItem">
<div class="ec-newsRole__newsHeading">
<div class="ec-newsRole__newsDate">{{ News.publish_date|date_day }}</div>
<div class="ec-newsRole__newsColumn">
<div class="ec-newsRole__newsTitle">
{% if News.description %}<a href="{{ url('topics42_detail', {'id': News.id}) }}">{% endif %}
{{ News.long_title|raw|nl2br }}
{% if News.description %}</a>{% endif %}
{% if News.url %}
<a class="news-url" href="{{ News.url }}" {% if News.link_method == '1' %}target="_blank"{% endif %}><span class="icon link"></span>{{ News.url }}{% if News.link_method == '1' %} (別ウィンドウで開きます){% endif %}</a>
{% endif %}
</div>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
{% if pagination.paginationData.pageCount > 1 %}
<div class="ec-pagerRole">
{% include "pager.twig" with {'pages': pagination.paginationData} %}
</div>
{% endif %}
{% endblock %}