document.write(function(){/*
<style>
    .items {
    }
    .items ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .items ul li {
        display: inline-block;
        margin: 0 0 55px;
        width: 205px;
        text-align: left;
        line-height: 28px;
    }
    .items ul li.dummy {
        margin: 0;
    }
    .items ul li img {
        width: 100%;
        height: 165px;
        object-fit: cover;
    }
    ul.pagination {
        display: flex;
        justify-content: center;
    }
    ul.pagination li {
        margin: 0 0.3em;
    }
    .images ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    .images ul li {
        display: inline-block;
        margin: 0 20px 40px;
        width: 123px;
    }
    .images ul li img {
        width: 100%;
        height: auto;
    }
    #LargeImageArea {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    #LargeImage {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
</style>
<script>
function showLargeImage(e){
    const src = $(e).attr('src')
    $('#LargeImage').attr('src', src)
}
</script>
*/}.toString().split("\n").slice(1,-1).join("\n"))

let html_item_list = function(){/*
<div class="items">
<ul>
<li><a href="zakka_info.html?id=59"><img src="docs/images/20210509113621-images1.jpg" alt="山サンゴ"><br>山サンゴ<br>&yen;4,000</a></li>
<li><a href="zakka_info.html?id=51"><img src="docs/images/20210506122329-images1.jpg" alt="革の黒のパンチング模様のポーチ"><br>革の黒のパンチング模様のポーチ<br>&yen;4,500</a></li>
<li class="dummy"></li>
<li class="dummy"></li>
<li class="dummy"></li>
<li class="dummy"></li>
</ul>
</div>
*/}.toString().split("\n").slice(1,-1).join("\n")

let html_item_list_kottou = function(){/*
<div class="items">
<ul>
<li><a href="kottou_info.html?id=60"><img src="docs/images/20210509114519-images1.jpg" alt="鼈甲の櫛と笄"><br>鼈甲の櫛と笄<br>&yen;4,000</a></li>
<li><a href="kottou_info.html?id=56"><img src="docs/images/20210506122953-images1.jpg" alt="エルメスの櫛"><br>エルメスの櫛<br>&yen;19,500</a></li>
<li><a href="kottou_info.html?id=55"><img src="docs/images/20210505161016-images1.jpg" alt="小箱"><br>小箱<br>&yen;9,800</a></li>
<li><a href="kottou_info.html?id=37"><img src="docs/images/20210427145559-images1.jpg" alt="アンティークカップ"><br>アンティークカップ<br>&yen;2,500</a></li>
<li class="dummy"></li>
<li class="dummy"></li>
<li class="dummy"></li>
<li class="dummy"></li>
</ul>
</div>
*/}.toString().split("\n").slice(1,-1).join("\n")

let html_item_list_zakka = function(){/*
<div class="items">
<ul>
<li><a href="zakka_info.html?id=59"><img src="docs/images/20210509113621-images1.jpg" alt="山サンゴ"><br>山サンゴ<br>&yen;4,000</a></li>
<li><a href="zakka_info.html?id=51"><img src="docs/images/20210506122329-images1.jpg" alt="革の黒のパンチング模様のポーチ"><br>革の黒のパンチング模様のポーチ<br>&yen;4,500</a></li>
<li class="dummy"></li>
<li class="dummy"></li>
<li class="dummy"></li>
<li class="dummy"></li>
</ul>
</div>
*/}.toString().split("\n").slice(1,-1).join("\n")

let html_item_name = function(){/*

*/}.toString().split("\n").slice(1,-1).join("\n")

let html_item_price = function(){/*
&yen;0
*/}.toString().split("\n").slice(1,-1).join("\n")

let html_item_content = function(){/*

*/}.toString().split("\n").slice(1,-1).join("<br>")

let html_item_image = function(){/*
<div id="LargeImageArea"><img src="" alt="" id="LargeImage"></div>
*/}.toString().split("\n").slice(1,-1).join("\n")

let html_item_images = function(){/*
<div class="images">
<ul>
</ul>
</div>
*/}.toString().split("\n").slice(1,-1).join("\n")