{% extends 'default_frame.twig' %}
{% block javascript %}
<script>
$(function() {
function switchImages() {
if (window.innerWidth <= 1200) {
$('.img-switch').each(function() {
var spSrc = $(this).data('sp');
if (spSrc) {
$(this).attr('src', spSrc);
}
});
}
}
switchImages();
$(window).on('resize', switchImages);
});
</script>
{% endblock %}
{% block main %}
<div class="ec-role">
<div class="ec-priceListRole">
<div class="ec-secHeading">
<span class="ec-secHeading__text">{{ '価格表' |trans }}</span>
</div>
<div class="border-wrap notBorder-top">
<div class="price_list">
<ul class="overflow-h">
<li>
<img class="img-switch" src="{{ asset('assets/img/new/img_pricelist01.png') }}" data-sp="{{ asset('assets/img/new/img_pricelist01_sp.png')}}" /><br />
</li>
<li>
<img class="img-switch" src="{{ asset('assets/img/new/img_pricelist02.png') }}" data-sp="{{ asset('assets/img/new/img_pricelist02_sp.png')}}" /><br />
</li>
<li>
<img class="img-switch" src="{{ asset('assets/img/new/img_pricelist03.png') }}" data-sp="{{ asset('assets/img/new/img_pricelist03_sp.png')}}" /><br />
</li>
</ul>
</div>
</div>
</div>
<div>
{{ include('Block/setItem_00.twig') }}
</div>
<div>
{{ include('Block/recommend_maker.twig') }}
</div>
</div>
{% endblock %}