@{#if is_loading == 1}
    @{#each loaders: index}
        <div>
            <a href="">
                <div class="ph-picture"></div>
                <dl>
                    <dt class="ph-col-4"></dt>
                    <div class="ph-col-4 empty big"></div>
                    <dd class="ph-col-8"></dd>
                </dl>
            </a>
        </div>
    @{/each}
@{elseif is_loading == -1}
    <div>新着情報取得中にエラーが発生しました。時間を空けて再度ページを更新してください。</div>
@{else}
    @{#each articles: index}
        <div>
            <a href="@{url}">
                <p><img src="@{src}" alt="@{alt}"></p>
                <dl>
                    <dt class="@{class}"><time datetime="@{published_at}" itemprop="datepublished">@{formated_published_at}</time></dt>
                    <dd class="clamp">
                        @{title}
                    </dd>
                </dl>
            </a>
        </div>
    @{else}
        <!-- <div>検索条件に一致する情報がございません。</div> -->
    @{/each}
@{/if }
@{#if is_loading == 2}
    @{#each loaders: index}
        <div>
            <a href="">
                <div class="ph-picture"></div>
                <dl>
                    <dt class="ph-col-4"></dt>
                    <div class="ph-col-4 empty big"></div>
                    <dd class="ph-col-8"></dd>
                </dl>
            </a>
        </div>
    @{/each}
@{/if }