{{#HAS_ITEMS}}
{{#LAYOUT_CARD}}
<ul class="{{GRID_CLASS}}">
{{#ITEMS}}
<li class="pro-card{{{INVIEW}}}">{{#SHOW_FAV}}<button class="pro-fav" type="button" data-pro-fav="{{id}}" data-pro-fav-list="{{fav_list}}" aria-pressed="false" title="お気に入り"><span aria-hidden="true">♡</span><span class="pro-fav-sr">お気に入りに入れる</span></button>{{/SHOW_FAV}}
{{#has_link}}<a class="pro-card-link" href="{{url}}">{{/has_link}}{{^has_link}}<span class="pro-card-link is-nolink">{{/has_link}}
<span class="pro-card-thumb">{{#has_image}}<img src="{{image_url}}" alt="">{{/has_image}}{{^has_image}}<span class="pro-card-noimg" aria-hidden="true"></span>{{/has_image}}</span>
<span class="pro-card-body">
<span class="pro-card-top">{{#is_featured}}<span class="pro-card-featured">おすすめ</span>{{/is_featured}}{{#is_sold}}<span class="pro-card-sold">{{sold_label}}</span>{{/is_sold}}{{#is_new}}<span class="pro-card-new">NEW</span>{{/is_new}}{{#has_category}}<span class="pro-card-cat">{{category}}</span>{{/has_category}}<time class="pro-card-date">{{date}}</time></span>
<span class="pro-card-title">{{title}}</span>
{{#has_meta}}<span class="pro-card-meta">{{#meta}}<span class="pro-card-meta-row"><span class="pro-card-meta-label">{{label}}</span><span class="pro-card-meta-value">{{value}}</span></span>{{/meta}}</span>{{/has_meta}}
</span>
{{#has_link}}</a>{{/has_link}}{{^has_link}}</span>{{/has_link}}
</li>
{{/ITEMS}}
</ul>
{{/LAYOUT_CARD}}
{{#LAYOUT_MEDIA}}
<ul class="pro-media-list">
{{#ITEMS}}
<li class="pro-media{{{INVIEW}}}">{{#SHOW_FAV}}<button class="pro-fav" type="button" data-pro-fav="{{id}}" data-pro-fav-list="{{fav_list}}" aria-pressed="false" title="お気に入り"><span aria-hidden="true">♡</span><span class="pro-fav-sr">お気に入りに入れる</span></button>{{/SHOW_FAV}}
{{#has_link}}<a class="pro-media-link" href="{{url}}">{{/has_link}}{{^has_link}}<span class="pro-media-link is-nolink">{{/has_link}}
<span class="pro-media-thumb">{{#has_image}}<img src="{{image_url}}" alt="">{{/has_image}}{{^has_image}}<span class="pro-card-noimg" aria-hidden="true"></span>{{/has_image}}</span>
<span class="pro-media-body">
<span class="pro-card-top">{{#is_featured}}<span class="pro-card-featured">おすすめ</span>{{/is_featured}}{{#is_sold}}<span class="pro-card-sold">{{sold_label}}</span>{{/is_sold}}{{#is_new}}<span class="pro-card-new">NEW</span>{{/is_new}}{{#has_category}}<span class="pro-card-cat">{{category}}</span>{{/has_category}}<time class="pro-card-date">{{date}}</time></span>
<span class="pro-media-title">{{title}}</span>
{{#has_meta}}<span class="pro-card-meta">{{#meta}}<span class="pro-card-meta-row"><span class="pro-card-meta-label">{{label}}</span><span class="pro-card-meta-value">{{value}}</span></span>{{/meta}}</span>{{/has_meta}}
</span>
{{#has_link}}</a>{{/has_link}}{{^has_link}}</span>{{/has_link}}
</li>
{{/ITEMS}}
</ul>
{{/LAYOUT_MEDIA}}
{{#LAYOUT_TEXT}}
<ul class="pro-text-list">
{{#ITEMS}}
<li class="pro-text-item">
{{#has_link}}<a class="pro-text-link" href="{{url}}">{{/has_link}}{{^has_link}}<span class="pro-text-link is-nolink">{{/has_link}}
<time class="pro-text-date">{{date}}</time>
{{#has_category}}<span class="pro-card-cat">{{category}}</span>{{/has_category}}
{{#is_sold}}<span class="pro-card-sold">{{sold_label}}</span>{{/is_sold}}{{#is_new}}<span class="pro-card-new">NEW</span>{{/is_new}}
<span class="pro-text-title">{{title}}</span>
{{#has_link}}</a>{{/has_link}}{{^has_link}}</span>{{/has_link}}
</li>
{{/ITEMS}}
</ul>
{{/LAYOUT_TEXT}}
{{/HAS_ITEMS}}
{{^HAS_ITEMS}}
<p class="pro-list-empty">{{EMPTY_TEXT}}</p>
{{/HAS_ITEMS}}