{"title":"BLACK FRIDAY 40% OFF","description":null,"products":[{"product_id":"s-s-rib-t-shirt-for-kids","title":"tulle tops (for kids)","description":"\u003cp data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003emodel :\u003c\/span\u003e \u003cspan data-mce-fragment=\"1\"\u003eEmma 84cm size1 , Ten 103cm size2 ,Hinata 114cm size3\u003c\/span\u003e \u003cspan data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003cbr\u003e올해도 맹활약할 것 같은 튤 아이템. 어른 사이즈도 전개하는 심플한 터틀넥의 탑스는 등에 스티치를 베푼 심플하면서도 소화감 있는 디자인. 칼라 전개도 네이비나 카키 등, 사람 버릇 있는 컬러링인 것도 특징입니다. 원피스나 데님, 스웨트에 레이어드 하거나 등 다양한 아이템의 레이어드에 도입해 보세요.\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp data-mce-fragment=\"1\"\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp data-mce-fragment=\"1\"\u003e color : khaki , navy , black\u003cbr data-mce-fragment=\"1\"\u003e 크기 : 1, 2, 3, 4\u003c\/p\u003e\n\n\u003cp data-mce-fragment=\"1\"\u003e ㅤ\u003c\/p\u003e\n\n\u003cp data-mce-fragment=\"1\"\u003e \u003cspan data-mce-fragment=\"1\"\u003ematerial : 폴리에스텔 90%, 폴리우레탄 10%\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp data-mce-fragment=\"1\"\u003e \u003cspan data-mce-fragment=\"1\"\u003eㅤ\u003c\/span\u003e \u003c\/p\u003e\n\n\u003cdiv style=\"text-align: left;\" data-mce-fragment=\"1\" data-mce-style=\"text-align: left;\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/1_b8f3b32c-5c58-4008-ac50-f758246a424f_480x480.png?v=1690856927\"\u003e\u003c\/div\u003e\n\n\u003cp data-mce-fragment=\"1\"\u003e \u003cspan data-mce-fragment=\"1\"\u003eㅤㅤ\u003c\/span\u003e \u003c\/p\u003e\n\n\u003ctable width=\"100%\" data-mce-fragment=\"1\"\u003e\n\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\n\u003ctr data-mce-fragment=\"1\"\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 크기\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 1\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 2\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 3\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 4\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr data-mce-fragment=\"1\"\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e A:품\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 29.5\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 31.5\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e\n\n\u003cp\u003e 34\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e\n\n\u003cp\u003e 36.5 \u003c\/p\u003e\n\n\u003cp\u003e\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr data-mce-fragment=\"1\"\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e\n\n\u003cp data-mce-fragment=\"1\"\u003e B:옷길이\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e\n\n\u003cp\u003e 35\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 40\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 45\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e\n\n\u003cp\u003e 50 \u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr data-mce-fragment=\"1\"\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e C:어깨 폭\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 22\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 24\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 26\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 28\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr data-mce-fragment=\"1\"\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e D:소매 길이\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 34\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 38\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 42\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 46\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr data-mce-fragment=\"1\"\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 신장(cm)\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 80-90\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 95-105\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 110-120\u003c\/td\u003e\n\n \u003ctd data-mce-fragment=\"1\"\u003e125-135\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\n\u003c\/tbody\u003e\n\n\n\u003c\/table\u003e\n\n\u003cp data-mce-fragment=\"1\"\u003e\u003cspan\u003e\u003cbr\u003e\u003c\/span\u003e \u003c\/p\u003e\n\n\u003cstyle\u003e\u003c!--\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\n\u003cdiv class=\"slider_wrap\"\u003e\n\n\u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\n\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8287.jpg?v=1692275495\" data-size=\"750x1050\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8287.jpg?v=1692275495\" alt=\"image1\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8289.jpg?v=1692275495\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8289.jpg?v=1692275495\" alt=\"Image2\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8292.jpg?v=1692275495\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8292.jpg?v=1692275495\" alt=\"Image3\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8299.jpg?v=1692275495\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8299.jpg?v=1692275495\" alt=\"Image4\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8304.jpg?v=1692275495\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8304.jpg?v=1692275495\" alt=\"Image5\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8293.jpg?v=1692275495\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8293.jpg?v=1692275495\" alt=\"Image6\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8297.jpg?v=1692275495\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8297.jpg?v=1692275495\" alt=\"Image7\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8377_a80972d8-6e3c-45ca-b2b2-cb68d47edac0.jpg?v=1692275495\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8377_a80972d8-6e3c-45ca-b2b2-cb68d47edac0.jpg?v=1692275495\" alt=\"Image8\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8378.jpg?v=1692275495\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8378.jpg?v=1692275495\" alt=\"Image9\"\u003e\u003c\/a\u003e \u003c\/figure\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\"\u003e\n\n\u003c!-- Background of PhotoSwipe. \nIt's a separate element as animating opacity is faster than rgba(). --\u0026gt;\n\u003cdiv class=\"pswp__bg\"\u003e\u003c\/div\u003e\n\n\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\n\u003c!-- Container that holds slides. \nPhotoSwipe keeps only 3 of them in the DOM to save memory.\n Don't modify these 3 pswp__item elements, data is added later on. --\u0026gt; \n\u003cdiv class=\"pswp__container\"\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003c\/div\u003e\n\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e\u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e\u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e\u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e\u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e\u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"1 \/ 카키","offer_id":42712341512385,"sku":"OJ050402CU093KH05","price":4950.0,"currency_code":"JPY","in_stock":true},{"title":"1 \/ navy","offer_id":42712341545153,"sku":"OJ050402CU093NV05","price":4950.0,"currency_code":"JPY","in_stock":true},{"title":"2 \/ 카키","offer_id":42712348197057,"sku":"OJ050402CU093KH06","price":4950.0,"currency_code":"JPY","in_stock":true},{"title":"2 \/ navy","offer_id":42712348229825,"sku":"OJ050402CU093NV06","price":4950.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/tule1.png?v=1692336660"},{"product_id":"denim-shirt-navy","title":"denim shirt","description":"\u003cp\u003e \u003cspan data-mce-fragment=\"1\"\u003e본격적인 데님 원단을 사용한 원 워시 셔츠.\u003c\/span\u003e \u003cbr\u003e\u003cspan data-mce-fragment=\"1\"\u003e셔츠를 좋아하는 디렉터가 실루엣에 구애되어, 어른스러움을 최대한으로 표현한 혼신의 1장입니다.\u003cbr\u003e 버튼 사양으로 클래식한 디자인도 헌 옷 같은 분위기로 귀엽습니다.\u003cbr\u003e 튈 탑스나 파일의 T등, 레이어드에도 향하고 있으므로, 다양한 코디네이터를 즐길 수 있습니다.\u003cbr\u003e 데님 원단으로되어 있기 때문에, 색 이동 등주의하시기 바랍니다.\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp\u003e model : Tsuzumi 104cm size2 , Hinata 114cm size3\u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan data-mce-fragment=\"1\"\u003e\u003cmeta charset=\"utf-8\"\u003e(각각 착용 사진 하단에 모델명과 신장이 있습니다. 참고하십시오.)\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp\u003e color : \u003cspan\u003enavy\u003c\/span\u003e\u003cbr\u003e 크기 : 1, 2, 3, 4\u003c\/p\u003e\n\n\u003cp\u003e ㅤ\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003ematerial: 코튼 100%\u003cbr\u003e\u003c\/span\u003e ※이쪽의 제품은 인디고 염색을의 제품이 되기 때문에 이하에 주의해 주십시오. \u003cbr\u003e・착용중에, 다른 의류나 백, 의자등 하는 것으로 색이 옮겨지는 일이 있습니다.\u003cbr\u003e 엷은 색, 흰색 제품과 조합하는 경우에는 특히 주의해 주십시오.\u003cbr\u003e・탈색하므로 다른 것과 함께 세탁하지 말아 주세요.\u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/77328aab023d62ce64e50ef289755990_480x480.png?v=1694050988\" alt=\"\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/77328aab023d62ce64e50ef289755990_480x480.png?v=1694050988\"\u003e ㅤㅤ\u003c\/span\u003e\u003c\/p\u003e\n\n\u003ctable width=\"100%\"\u003e\n\n\u003ctbody\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\n\n\u003cp\u003e 크기\u003cbr\u003e\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd\u003e 1\u003c\/td\u003e\n\n\u003ctd\u003e 2\u003c\/td\u003e\n\n\u003ctd\u003e 3\u003c\/td\u003e\n\n\u003ctd\u003e 4\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e A:옷길이\u003c\/td\u003e\n\n\u003ctd\u003e\n\n\u003cp\u003e 47\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd\u003e 52\u003c\/td\u003e\n\n\u003ctd\u003e 57\u003c\/td\u003e\n\n\u003ctd\u003e 69\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\n\n\u003cp\u003e B:가슴둘레\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd\u003e 44\u003c\/td\u003e\n\n\u003ctd\u003e 47\u003c\/td\u003e\n\n\u003ctd\u003e 49\u003c\/td\u003e\n\n\u003ctd\u003e 51\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e C:소매 길이\u003c\/td\u003e\n\n\u003ctd\u003e 28\u003c\/td\u003e\n\n\u003ctd\u003e 32.5\u003c\/td\u003e\n\n\u003ctd\u003e 36.5\u003c\/td\u003e\n\n\u003ctd\u003e 42.5\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e 신장(cm)\u003c\/td\u003e\n\n\u003ctd\u003e 80-90\u003c\/td\u003e\n\n\u003ctd\u003e 95-105\u003c\/td\u003e\n\n\u003ctd\u003e 110-120\u003c\/td\u003e\n\n\u003ctd\u003e 120-130 \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\n\u003c\/tbody\u003e\n\n\n\u003c\/table\u003e\n\n\u003cp\u003e\u003c\/p\u003e\n\n\u003cstyle\u003e\u003c!--\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\n\u003cdiv class=\"slider_wrap\"\u003e\n\n\u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\n\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0429.jpg?v=1694067301\" data-size=\"750x1050\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0429.jpg?v=1694067301\" alt=\"image1\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0436.jpg?v=1694067301\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0436.jpg?v=1694067301\" alt=\"Image2\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9362.jpg?v=1694067300\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9362.jpg?v=1694067300\" alt=\"Image3\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9368.jpg?v=1694067301\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9368.jpg?v=1694067301\" alt=\"Image4\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9364.jpg?v=1694067301\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9364.jpg?v=1694067301\" alt=\"Image5\"\u003e\u003c\/a\u003e \u003c\/figure\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\"\u003e\n\n\u003c!-- Background of PhotoSwipe. \nIt's a separate element as animating opacity is faster than rgba(). --\u0026gt;\n\u003cdiv class=\"pswp__bg\"\u003e\u003c\/div\u003e\n\n\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\n\u003c!-- Container that holds slides. \nPhotoSwipe keeps only 3 of them in the DOM to save memory.\n Don't modify these 3 pswp__item elements, data is added later on. --\u0026gt; \n\u003cdiv class=\"pswp__container\"\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003c\/div\u003e\n\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e\u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e\u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e\u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e\u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e\u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"1 \/ navy","offer_id":42765407158465,"sku":"OJ0601230402SH100NV02","price":7150.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_4686.jpg?v=1725361084"},{"product_id":"paperly-knitkids_gy","title":"paperly knit(kids)","description":"\u003cp\u003e 올해는 더 눈이 거친 뜨개질 땅에서 푹신한 니트를 만들었습니다. 색감도 사용하기 쉬운 그레이지와 차콜의 2색 전개입니다.\u003cbr\u003e 느슨한 보이는 느낌의 니트이므로 하의를 가리지 않고 소화된 코디를 즐길 수 있습니다. 어른 사이즈도 전개하므로, 갖추어져도 입고 싶은 아이템입니다.\u003c\/p\u003e\n\n\u003cp\u003e model : Tensei 116cm size3 , Kinari 123cm (레이디스 착용)\u003cbr\u003e (각각 착용 사진 하단에 모델명과 신장이 있습니다. 참고하십시오.)\u003c\/p\u003e\n\n \u003cp\u003ecolor : \u003cspan\u003echarcoal , \u003ca href=\"https:\/\/ooju.jp\/collections\/newarrival\/products\/paperly-knitkids%E3%81%AE%E3%82%B3%E3%83%94%E3%83%BC?variant=47686510575809\"\u003e\u003cspan style=\"text-decoration: underline;\"\u003egreige\u003c\/span\u003e\u003c\/a\u003e\u003cbr\u003e\u003c\/span\u003e 크기 : 1, 2, 3, 4\u003c\/p\u003e\n\n\u003cp\u003e ㅤ\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003ematerial:면 75% 나일론 25%\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003eㅤ\u003c\/span\u003e \u003c\/p\u003e\n\n\u003cdiv style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/24ss-1_480x480.png?v=1708490838\" alt=\"\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/24ss-1_480x480.png?v=1708490838\"\u003e\n\n\u003c\/div\u003e\n\n\u003cp\u003e \u003cspan\u003eㅤㅤ\u003c\/span\u003e \u003c\/p\u003e\n\n\u003ctable height=\"161\" style=\"width: 396px;\"\u003e\n\n\u003ctbody\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"width: 47px;\"\u003e 크기\u003c\/td\u003e\n\n\u003ctd style=\"width: 68.5547px; text-align: center;\"\u003e 1\u003c\/td\u003e\n\n\u003ctd style=\"width: 74.4453px; text-align: center;\"\u003e 2\u003c\/td\u003e\n\n\u003ctd style=\"width: 83px; text-align: center;\"\u003e 3\u003c\/td\u003e\n\n\u003ctd style=\"width: 83px; text-align: center;\"\u003e 4\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"width: 47px;\"\u003e A:품\u003c\/td\u003e\n\n\u003ctd style=\"width: 68.5547px;\"\u003e 39\u003c\/td\u003e\n\n\u003ctd style=\"width: 74.4453px;\"\u003e 44\u003c\/td\u003e\n\n\u003ctd style=\"width: 83px;\"\u003e 49\u003c\/td\u003e\n\n\u003ctd style=\"width: 83px;\"\u003e 55\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"width: 47px;\"\u003e\n\n\u003cp\u003e B:옷길이\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd style=\"width: 68.5547px;\"\u003e 39.5\u003c\/td\u003e\n\n\u003ctd style=\"width: 74.4453px;\"\u003e 41.5\u003c\/td\u003e\n\n\u003ctd style=\"width: 83px;\"\u003e 48\u003c\/td\u003e\n\n\u003ctd style=\"width: 83px;\"\u003e 50\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"width: 47px;\"\u003e c:소매 길이\u003c\/td\u003e\n\n\u003ctd style=\"width: 68.5547px;\"\u003e 23.5\u003c\/td\u003e\n\n\u003ctd style=\"width: 74.4453px;\"\u003e 28.5\u003c\/td\u003e\n\n\u003ctd style=\"width: 83px;\"\u003e 32.5\u003c\/td\u003e\n\n\u003ctd style=\"width: 83px;\"\u003e 39\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"width: 47px;\"\u003e D:천건\u003c\/td\u003e\n\n\u003ctd style=\"width: 68.5547px;\"\u003e 12.5\u003c\/td\u003e\n\n\u003ctd style=\"width: 74.4453px;\"\u003e 13\u003c\/td\u003e\n\n\u003ctd style=\"width: 83px;\"\u003e 14\u003c\/td\u003e\n\n\u003ctd style=\"width: 83px;\"\u003e 14.5\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"width: 47px;\"\u003e\n\n\u003cmeta charset=\"utf-8\"\u003e \u003cspan\u003e신장(cm)\u003c\/span\u003e\n\n\u003c\/td\u003e\n\n\u003ctd style=\"width: 68.5547px;\"\u003e 80-90\u003c\/td\u003e\n\n\u003ctd style=\"width: 74.4453px;\"\u003e 95-105\u003c\/td\u003e\n\n\u003ctd style=\"width: 83px;\"\u003e 110-120\u003c\/td\u003e\n\n\u003ctd style=\"width: 83px;\"\u003e 125-135 \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\n\u003c\/tbody\u003e\n\n\n\u003c\/table\u003e\n\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003cstyle\u003e\u003c!--\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\n\u003cdiv class=\"slider_wrap\"\u003e\n\n\u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\n\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0027_94c41d49-96f2-413e-8448-ecac502cc988.jpg?v=1708519422\" data-size=\"750x1050\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0027_94c41d49-96f2-413e-8448-ecac502cc988.jpg?v=1708519422\" alt=\"image1\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0030.jpg?v=1708519422\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0030.jpg?v=1708519422\" alt=\"Image2\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0036.jpg?v=1708519422\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0036.jpg?v=1708519422\" alt=\"Image3\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0089.jpg?v=1708519422\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0089.jpg?v=1708519422\" alt=\"Image4\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0088_372f56ba-f655-465d-9ce0-36fe6697f9ec.jpg?v=1708519422\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0088_372f56ba-f655-465d-9ce0-36fe6697f9ec.jpg?v=1708519422\" alt=\"Image5\"\u003e\u003c\/a\u003e \u003c\/figure\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" role=\"dialog\" aria-hidden=\"true\" tabindex=\"-1\"\u003e\n\n\u003c!-- Background of PhotoSwipe. \nIt's a separate element as animating opacity is faster than rgba(). --\u0026gt; \n\u003cdiv class=\"pswp__bg\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\n\u003c!-- Container that holds slides. \nPhotoSwipe keeps only 3 of them in the DOM to save memory.\n Don't modify these 3 pswp__item elements, data is added later on. --\u0026gt; \n\u003cdiv class=\"pswp__container\"\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e\u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e\u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e\u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e\u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e\u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"charcoal \/ 1","offer_id":47480158847169,"sku":"OJ0601240102KT147GY02","price":7480.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/grid17.jpg?v=1725361572"},{"product_id":"puff-blousekids-iv","title":"2 way puff blouse","description":"\u003cp\u003e 올해도 어른 귀여운 블라우스가 등장합니다.\u003cbr data-mce-fragment=\"1\"\u003e 소매와 등에 사다리 레이스를 베풀고 투명감을 내고 있기 때문에 앞으로의 시기는 탱크 탑이나 캐미솔, 가을 입에는 터틀넥 니트를 레이어드하고 입는 것도 가능합니다.\u003cbr data-mce-fragment=\"1\"\u003e V 넥이 된 옷길과 등의 디자인은 모두 앞에 입을 수 있습니다.\u003cbr data-mce-fragment=\"1\"\u003e 원단도 촉감을 중시하고 부드러운 코튼을 채용했습니다.\u003c\/p\u003e\n\n\u003cp\u003e\u003cbr\u003e model : Hana 121cm size4\u003cbr\u003e\u003c\/p\u003e\n\n \u003cp\u003e(각각 착용 사진 하부에 모델명과 신장이 있습니다. 참고해 주십시오.)\u003cspan\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cstyle type=\"text\/css\"\u003e\u003c!--\ntd {border: 1px solid #cccccc;}br {mso-data-placement:same-cell;}\n--\u003e\u003c\/style\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp\u003e color : \u003cspan\u003eivory , \u003ca href=\"https:\/\/ooju.jp\/products\/puff-blousekids\"\u003e\u003cspan style=\"text-decoration: underline;\"\u003eblack\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003cbr\u003e 크기 : 1, 2, 3, 4\u003c\/p\u003e\n\n\u003cp\u003e ㅤ\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003ematerial: 면 100%\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/blouce_480x480.png?v=1709697011\" alt=\"\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/blouce_480x480.png?v=1709697011\"\u003e ㅤㅤ\u003c\/span\u003e \u003c\/p\u003e\n\n\u003ctable width=\"100%\" style=\"width: 100%; height: 143px;\"\u003e\n\n\u003ctbody\u003e\n\n\u003ctr style=\"height: 35px;\"\u003e\n\n\u003ctd style=\"width: 27.9412%; height: 35px;\"\u003e\n\n\u003cp\u003e 크기\u003cbr\u003e\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd style=\"width: 14.1544%; height: 35px;\"\u003e 1\u003c\/td\u003e\n\n\u003ctd style=\"width: 16.9118%; height: 35px;\"\u003e 2\u003c\/td\u003e\n\n\u003ctd style=\"width: 19.4853%; height: 35px;\"\u003e 3\u003c\/td\u003e\n\n\u003ctd style=\"width: 19.4853%; height: 35px;\"\u003e 4 \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"height: 35px;\"\u003e\n\n\u003ctd style=\"width: 27.9412%; height: 35px;\"\u003e A:옷길이\u003c\/td\u003e\n\n\u003ctd style=\"width: 14.1544%; height: 35px;\"\u003e\n\n\u003cp\u003e 35\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd style=\"width: 16.9118%; height: 35px;\"\u003e 39\u003c\/td\u003e\n\n\u003ctd style=\"width: 19.4853%; height: 35px;\"\u003e 43\u003c\/td\u003e\n\n\u003ctd style=\"width: 19.4853%; height: 35px;\"\u003e 47 \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"height: 35px;\"\u003e\n\n\u003ctd style=\"width: 27.9412%; height: 35px;\"\u003e\n\n\u003cp\u003e B:가슴둘레\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd style=\"width: 14.1544%; height: 35px;\"\u003e 35\u003c\/td\u003e\n\n\u003ctd style=\"width: 16.9118%; height: 35px;\"\u003e 38\u003c\/td\u003e\n\n\u003ctd style=\"width: 19.4853%; height: 35px;\"\u003e 40\u003c\/td\u003e\n\n\u003ctd style=\"width: 19.4853%; height: 35px;\"\u003e 42 \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"height: 19px;\"\u003e\n\n\u003ctd style=\"width: 27.9412%; height: 19px;\"\u003e C:소매 길이\u003c\/td\u003e\n\n\u003ctd style=\"width: 14.1544%; height: 19px;\"\u003e 33.2\u003c\/td\u003e\n\n\u003ctd style=\"width: 16.9118%; height: 19px;\"\u003e 37.5\u003c\/td\u003e\n\n\u003ctd style=\"width: 19.4853%; height: 19px;\"\u003e 43.5\u003c\/td\u003e\n\n\u003ctd style=\"width: 19.4853%; height: 19px;\"\u003e 48.5 \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"height: 19px;\"\u003e\n\n\u003ctd style=\"width: 27.9412%; height: 19px;\"\u003e 신장(cm)\u003c\/td\u003e\n\n\u003ctd style=\"width: 14.1544%; height: 19px;\"\u003e 80-90\u003c\/td\u003e\n\n\u003ctd style=\"width: 16.9118%; height: 19px;\"\u003e 95-105\u003c\/td\u003e\n\n\u003ctd style=\"width: 19.4853%; height: 19px;\"\u003e 110-120\u003c\/td\u003e\n\n\u003ctd style=\"width: 19.4853%; height: 19px;\"\u003e 125-135\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\n\u003c\/tbody\u003e\n\n\n\u003c\/table\u003e\n\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\n\u003cdiv class=\"img\"\u003e\n\n\u003cdiv class=\"slider_wrap\"\u003e\n\n\u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\n\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0384.jpg?v=1709707906\" data-size=\"750x1050\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0384.jpg?v=1709707906\" alt=\"image1\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0387.jpg?v=1709707906\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0387.jpg?v=1709707906\" alt=\"Image2\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0405_8cae322e-f572-4dd5-985a-10dc2678c594.jpg?v=1709707906\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0405_8cae322e-f572-4dd5-985a-10dc2678c594.jpg?v=1709707906\" alt=\"Image3\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n             \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0429_2e4d7349-2e4d-479d-bdc0-a498b6c54edf.jpg?v=1709707906\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0429_2e4d7349-2e4d-479d-bdc0-a498b6c54edf.jpg?v=1709707906\" alt=\"Image4\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0436_2cec0844-ec1e-40f6-9a3f-92ff549230f5.jpg?v=1709707906\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0436_2cec0844-ec1e-40f6-9a3f-92ff549230f5.jpg?v=1709707906\" alt=\"Image5\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0434.jpg?v=1709707906\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0434.jpg?v=1709707906\" alt=\"Image6\"\u003e\u003c\/a\u003e \u003c\/figure\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\n\n\n\n\n\n\n\n\n\n\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\"\u003e\n\n\u003c!-- Background of PhotoSwipe. \nIt's a separate element as animating opacity is faster than rgba(). --\u0026gt;\n\u003cdiv class=\"pswp__bg\"\u003e\u003c\/div\u003e\n\n\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\n\u003c!-- Container that holds slides. \nPhotoSwipe keeps only 3 of them in the DOM to save memory.\n Don't modify these 3 pswp__item elements, data is added later on. --\u0026gt; \n\u003cdiv class=\"pswp__container\"\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003c\/div\u003e\n\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e\n\u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e \n\u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e\n\u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e\n\u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n \u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e\n\u003c\/button\u003e\n \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e\n\u003c\/button\u003e \n\u003cdiv class=\"pswp__caption\"\u003e\n\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e\n\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"1 \/ ivory","offer_id":47741433020609,"sku":"OJ0601240102SH134IV02","price":6600.0,"currency_code":"JPY","in_stock":false},{"title":"2 \/ ivory","offer_id":47741433086145,"sku":"OJ0601240102SH134IV03","price":6600.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/koharu3.png?v=1713762721"},{"product_id":"haruna-kawai-tote_bg","title":"haruna kawai x ooju tote bag","description":"\u003cp\u003eニュアンスカラーのシンプルなトートバッグ。\u003cbr\u003eTシャツと同じモチーフを使いながら、バッグに合わせた落ち着きのあるカラートーンに。\u003cbr\u003eA4がすっきり収まるので、キッズの習い事バッグやサブバッグはもちろん、大人でも使いやすいサイズ感。\u003cbr\u003e親子でさりげなくお揃いのモチーフが楽しめます。\u003cbr\u003e\u003cbr\u003ecolor : \u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003egreen , \u003ca href=\"https:\/\/ooju.jp\/collections\/all\/products\/ooju-x-haruna-kawai-toto-bag-bg?variant=48186219397313\"\u003e\u003cspan style=\"text-decoration: underline;\"\u003egreige\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan style=\"font-family: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; font-size: 0.875rem;\" data-mce-style=\"font-family: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; font-size: 0.875rem;\"\u003ematerial： \u003cspan\u003eコットン\u003c\/span\u003e 100%ㅤ\u003cbr\u003e\u003cbr\u003e\u003cmeta charset=\"utf-8\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ctable width=\"100%\" style=\"width: 100%; height: 143px;\" data-mce-style=\"width: 100%; height: 143px;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35px;\" data-mce-style=\"height: 35px;\"\u003e\n\u003ctd style=\"width: 66.242%; height: 35px;\" data-mce-style=\"width: 66.242%; height: 35px;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"width: 33.3333%; height: 35px;\" data-mce-style=\"width: 33.3333%; height: 35px;\"\u003eF\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35px;\" data-mce-style=\"height: 35px;\"\u003e\n\u003ctd style=\"width: 66.242%; height: 35px;\" data-mce-style=\"width: 66.242%; height: 35px;\"\u003eA:幅\u003c\/td\u003e\n\u003ctd style=\"width: 33.3333%; height: 35px;\" data-mce-style=\"width: 33.3333%; height: 35px;\"\u003e\n\u003cp\u003e34\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35px;\" data-mce-style=\"height: 35px;\"\u003e\n\u003ctd style=\"width: 66.242%; height: 35px;\" data-mce-style=\"width: 66.242%; height: 35px;\"\u003e\n\u003cp\u003eB:高さ\u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"width: 33.3333%; height: 35px;\" data-mce-style=\"width: 33.3333%; height: 35px;\"\u003e36\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 66.242%;\"\u003e\n\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003eC.持ち手\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"width: 33.3333%;\"\u003e57\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"font-family: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; font-size: 0.875rem;\" data-mce-style=\"font-family: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; font-size: 0.875rem;\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c!----\u003e","brand":"OOJU","offers":[{"title":"FREE \/ greige","offer_id":48186219397313,"sku":"OJ0602240206BG162BG09","price":5940.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_4506.jpg?v=1715162610"},{"product_id":"polo-shirts-ye","title":"polo shirts","description":"\u003cp\u003e 올해도 어른 귀여운 블라우스가 등장합니다. \u003cbr data-mce-fragment=\"1\"\u003e소매와 등에 사다리 레이스를 베풀고 투명감을 내고 있기 때문에 앞으로의 시기는 탱크 탑이나 캐미솔, 가을 입에는 터틀넥 니트를 레이어드하고 입는 것도 가능합니다.\u003cbr data-mce-fragment=\"1\"\u003e V 넥이 된 옷길과 등의 디자인은 모두 앞에 입을 수 있습니다.\u003cbr data-mce-fragment=\"1\"\u003e 원단도 촉감을 중시하고 부드러운 코튼을 채용했습니다.\u003c\/p\u003e\n\n\u003cp\u003e\u003cbr\u003e model : Tumugi 98.7cm size2\u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e (각각 착용 사진 하단에 모델명과 신장이 있습니다. 참고하십시오.)\u003cspan\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cstyle type=\"text\/css\"\u003e\u003c!--\ntd {border: 1px solid #cccccc;}br {mso-data-placement:same-cell;}\n--\u003e\u003c\/style\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp\u003e color : \u003cspan\u003eblack , \u003ca href=\"https:\/\/ooju.jp\/products\/puff-blousekids%E3%81%AE%E3%82%B3%E3%83%94%E3%83%BC\"\u003e\u003cspan style=\"text-decoration: underline;\"\u003eivory\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003cbr\u003e 크기 : 1, 2, 3, 4\u003c\/p\u003e\n\n\u003cp\u003e ㅤ\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003ematerial: 면 100%\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/blouce_480x480.png?v=1709697011\" alt=\"\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/blouce_480x480.png?v=1709697011\"\u003e ㅤㅤ\u003c\/span\u003e \u003c\/p\u003e\n\n\u003ctable width=\"100%\" style=\"height: 143px; width: 100%;\"\u003e\n\n\u003ctbody\u003e\n\n\u003ctr style=\"height: 35px;\"\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e\n\n\u003cp\u003e 크기\u003cbr\u003e\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e 1\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e 2\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e 3\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e 4\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"height: 35px;\"\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e A:옷길이\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e\n\n\u003cp\u003e 35\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e 39\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e 43\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e 47 \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"height: 35px;\"\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e\n\n\u003cp\u003e B:가슴둘레\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e 35\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e 38\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e 40\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e 42\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"height: 19px;\"\u003e\n\n\u003ctd style=\"height: 19px;\"\u003e C:소매 길이\u003c\/td\u003e\n\n\u003ctd style=\"height: 19px;\"\u003e 33.2\u003c\/td\u003e\n\n\u003ctd style=\"height: 19px;\"\u003e 37.5\u003c\/td\u003e\n\n\u003ctd style=\"height: 19px;\"\u003e 43.5\u003c\/td\u003e\n\n\u003ctd style=\"height: 19px;\"\u003e 48.5\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"height: 19px;\"\u003e\n\n\u003ctd style=\"height: 19px;\"\u003e 신장(cm)\u003c\/td\u003e\n\n\u003ctd style=\"height: 19px;\"\u003e 80-90\u003c\/td\u003e\n\n\u003ctd style=\"height: 19px;\"\u003e 95-105\u003c\/td\u003e\n\n\u003ctd style=\"height: 19px;\"\u003e 110-120\u003c\/td\u003e\n\n\u003ctd style=\"height: 19px;\"\u003e 125-135\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\n\u003c\/tbody\u003e\n\n\n\u003c\/table\u003e\n\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\n\u003cdiv class=\"img\"\u003e\n\n\u003cdiv class=\"slider_wrap\"\u003e\n\n\u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\n\n    \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0384.jpg?v=1709707906\" data-size=\"750x1050\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0384.jpg?v=1709707906\" alt=\"image1\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0397.jpg?v=1709707905\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0397.jpg?v=1709707905\" alt=\"Image2\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0439.jpg?v=1709707906\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0439.jpg?v=1709707906\" alt=\"Image3\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0442.jpg?v=1709707907\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0442.jpg?v=1709707907\" alt=\"Image4\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0441.jpg?v=1709707905\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0441.jpg?v=1709707905g\" alt=\"Image5\"\u003e\u003c\/a\u003e \u003c\/figure\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\n\n\n\n\n\n\n\n\n\n\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\"\u003e\n\n\u003c!-- Background of PhotoSwipe. \nIt's a separate element as animating opacity is faster than rgba(). --\u0026gt;\n\u003cdiv class=\"pswp__bg\"\u003e\u003c\/div\u003e\n\n\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\n\u003c!-- Container that holds slides. \nPhotoSwipe keeps only 3 of them in the DOM to save memory.\n Don't modify these 3 pswp__item elements, data is added later on. --\u0026gt; \n\u003cdiv class=\"pswp__container\"\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003c\/div\u003e \n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e\n\u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e\n\u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e\n\u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e\n\u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n \u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e\n\u003c\/button\u003e\n \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e\n\u003c\/button\u003e \n\u003cdiv class=\"pswp__caption\"\u003e\n\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e\n\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"1 \/ 블랙","offer_id":48238953791681,"sku":"OJ0601240202CU164YE02","price":5280.0,"currency_code":"JPY","in_stock":false},{"title":"2 \/ 블랙","offer_id":48238953824449,"sku":"OJ0601240202CU164YE03","price":5280.0,"currency_code":"JPY","in_stock":false},{"title":"3 \/ 블랙","offer_id":48238953857217,"sku":"OJ0601240202CU164YE04","price":5280.0,"currency_code":"JPY","in_stock":true},{"title":"4 \/ 블랙","offer_id":48238953889985,"sku":"OJ0601240202CU164YE05","price":5280.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/0E9A3186.jpg?v=1716262090"},{"product_id":"oj0601240503pt412nv","title":"fluffy rib pants_navy","description":"\u003cp\u003e昨シーズンも大変ご好評いただいたリブパンツの予約販売がスタートいたしました。薄手のベロアのようなfluffy(ふわふわ)な質感のリブパンツは、真夏以外の3シーズン活躍するデイリーユースな1枚。程よいセミフレアシルエットは、足長効果抜群です。ベーシックなチャコールとネイビーで、トップスの色味を選ばずコーディネートを楽しめるのも嬉しいポイント。\u003c\/p\u003e\n\u003cp\u003emodel : isuzu 93cm size2\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e（それぞれ着用写真下部にモデル名と身長がございます。ご参考ください。）\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial： ポリエステル93%、ポリウレタン7%\u003c\/span\u003e       \u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/edf2629565489b228b9109fd15d62f5e_600x600.png?v=1716372289\" alt=\"\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eㅤㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003ctable width=\"100%\" style=\"height: 145.937px; width: 100%;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003eA:総丈\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e\n\u003cp\u003e47.8\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e53.8\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e62.8\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e70.8\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e\n\u003cp\u003eB:ウエスト\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e20.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e22\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e23.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e24.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5898px;\"\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003eC:ヒップ\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e27\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e29\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e31\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e33\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5898px;\"\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\n\u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0128.jpg?v=1733376591\" data-size=\"750x1050\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0128.jpg?v=1733376591\" alt=\"image1\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0134.jpg?v=1733376591\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0134.jpg?v=1733376591\" alt=\"Image2\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" role=\"dialog\" aria-hidden=\"true\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\n\u003cdiv class=\"pswp__bg\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"navy \/ 1","offer_id":48825554337985,"sku":"OJ0601240503PT412NV02","price":3520.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0053_687e2e2a-fd39-4066-96a9-ec0463d3ee90.jpg?v=1733377420"},{"product_id":"club-ooju-s-s-t-shirts-for-parents","title":"Club ooju s\/s t-shirts for parents","description":"\u003cp\u003eキッズと同じデザインで、お揃いで着られる大人のクラブTシャツ。\u003cbr\u003eサイズは小学校高学年から女性まで着られるSと、ビックサイズでラフに着たい女性から男性まで着られるⅬの2サイズ展開。\u003cbr\u003eしっかりした素材感で洗っても型崩れしないのも嬉しいポイントです。\u003cbr\u003e是非家族でお揃いコーデを楽しんで！！\u003c\/p\u003e\n\u003cp\u003emodel : 157cm\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003ecolor :\u003cspan\u003e ivory\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003esize : S , L\u003c\/p\u003e\n\u003cp\u003eㅤ\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial： コットン100%\u003c\/span\u003e\u003cbr\u003e             \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/T_kawai_480x480.png?v=1715739844\" alt=\"\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e\n\u003ctable style=\"height: 145.969px; width: 100.059%;\" width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px; width: 47.5114%;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 23.9357%;\"\u003eS\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 28.0749%;\"\u003eL\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px; width: 47.5114%;\"\u003eA:着丈\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 23.9357%;\"\u003e\n\u003cp\u003e56\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 28.0749%;\"\u003e69\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px; width: 47.5114%;\"\u003e\n\u003cp\u003eB:身巾\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 23.9357%;\"\u003e45\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 28.0749%;\"\u003e55\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px; width: 47.5114%;\"\u003eC:袖丈\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 23.9357%;\"\u003e14.5\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 28.0749%;\"\u003e19.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\n\u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" role=\"dialog\" aria-hidden=\"true\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"S \/ ivory","offer_id":49279166775489,"sku":"OJ-25SSCU04IV06","price":4950.0,"currency_code":"JPY","in_stock":true},{"title":"L \/ ivory","offer_id":49279166808257,"sku":"OJ-25SSCU04IV08","price":4950.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_5222_e427ef1e-4a9f-43b8-88ad-d54e768f958e.jpg?v=1752199418"},{"product_id":"cutoff-sweat-pants-charcoal","title":"cutoff sweat pants_charcoal","description":"\u003cp\u003eリラックス感溢れるストレートシルエットのスウェットパンツ。\u003cbr\u003e裾は切りっぱなしのカットオフにすることで、履いていくうちに少しくるっと丸まり、ヴィンテージっぽい雰囲気に。\u003cbr\u003eウエストゴムのノンストレスなスウェットは、マストハブな1枚です。\u003cbr\u003e\u003cbr\u003e※モデル着用はサンプルです。\u003cbr\u003e※刺繍の色は商品写真をご確認ください。\u003cbr\u003eチャコール ＝ チャコール\u003cbr\u003eグレー ＝ グリーングレー\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003emodel : ichika 117cm size3 \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ecolor : charcoal , grey\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan\u003esize : 1 , 2 , 3 , 4\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial：コットン100%\u003cbr\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003cimg style=\"margin-bottom: 16px; float: none;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/LINE-PANTS_600x600.png?v=1739328928\"\u003e\u003c\/p\u003e\n\u003ctable style=\"height: 206.344px;\" width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003esize \u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e１\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e２\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e３\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003e4\u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 55.1875px;\"\u003e\n\u003ctd style=\"height: 55.1875px;\"\u003eA:総丈\u003c\/td\u003e\n\u003ctd style=\"height: 55.1875px;\"\u003e\u003cspan\u003e47.5    \u003cbr\u003e\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"height: 55.1875px;\"\u003e\n\u003cp\u003e\u003cspan\u003e56.5\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 55.1875px;\"\u003e\n\u003cp\u003e\u003cspan\u003e67.5   \u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 55.1875px;\"\u003e\u003cspan\u003e76.5    \u003cbr\u003e\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003eB:ウエスト\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\u003cspan\u003e42.0\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e45.0\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e48.0\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e50.0\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003eC:ヒップ\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e34.0\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e36.0\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e38.5\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e41.0\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" role=\"dialog\" aria-hidden=\"true\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"charcoal \/ 1","offer_id":49528659869889,"sku":"OJ-25AWPT01CG01","price":5500.0,"currency_code":"JPY","in_stock":true},{"title":"charcoal \/ 2","offer_id":49528659902657,"sku":"OJ-25AWPT01CG02","price":5500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_6577.jpg?v=1757402387"},{"product_id":"fleece-border-long-t-shirts-lilac","title":"fleece border long t-shirts_lilac","description":"\u003cp\u003e毎シーズン大人気のボーダーロングTシャツに今シーズンも新色が登場！\u003cbr\u003eふわふわで柔らかいフリース風の素材感は、肌触りがよく着心地も抜群です。\u003cbr\u003e\u003cspan\u003eオーバーサイズのシルエットなので、タイトなボトムと合わせてチュニック風に着るのもグッドバランス。\u003cbr\u003eデニムとも相性の良い3色展開です。\u003cbr\u003eレトロでインパクトのあるマルチボーダーなので、秋冬のコーディネートの主役になる1枚です。\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e model : Ichika\u003cspan\u003e 117cm size3\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003ecolor :  ivory, lilac, green\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003esize : 1 , 2 , 3 , 4\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial：コットン50％、ポリウレタン50％\u003cbr\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/border_600x600.png?v=1732158683\" alt=\"\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ctable width=\"100%\" style=\"height: 181px; width: 100%;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003eA:着丈\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003e44\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e48\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e52\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e56\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003eB:身幅\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e42\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e44\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e46\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e48\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003eC:袖丈\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e22\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e26\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e30\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e34\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 20.5938px;\"\u003e\n\u003ctd style=\"height: 20.5938px;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 20.5938px;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 20.5938px;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 20.5938px;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 20.5938px;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv aria-hidden=\"true\" role=\"dialog\" class=\"pswp\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\n\u003cdiv class=\"pswp__item\" style=\"text-align: start;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8463_480x480.jpg?v=1759369868\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton title=\"Close (Esc)\" class=\"pswp__button pswp__button--close\"\u003e\u003c\/button\u003e \u003cbutton title=\"Toggle fullscreen\" class=\"pswp__button pswp__button--fs\"\u003e\u003c\/button\u003e \u003cbutton title=\"Zoom in\/out\" class=\"pswp__button pswp__button--zoom\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton title=\"Previous (arrow left)\" class=\"pswp__button pswp__button--arrow--left\"\u003e \u003c\/button\u003e \u003cbutton title=\"Next (arrow right)\" class=\"pswp__button pswp__button--arrow--right\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"lilac \/ 1","offer_id":49559676682433,"sku":"OJ-25AWCU01LI01","price":5500.0,"currency_code":"JPY","in_stock":true},{"title":"lilac \/ 2","offer_id":49559676715201,"sku":"OJ-25AWCU01LI02","price":5500.0,"currency_code":"JPY","in_stock":true},{"title":"lilac \/ 3","offer_id":49559676747969,"sku":"OJ-25AWCU01LI03","price":5500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_6577_75f95ea2-ca6b-461e-8410-c6a75435cef1.jpg?v=1759994558"},{"product_id":"multi-border-ringer-t-shirts","title":"multi border ringer t-shirts","description":"\u003cp\u003e【2026年newカラーが入荷】\u003cbr\u003e素材やテイストが新しくなったリンガーT-shirtsが登場！！\u003cbr\u003eoojuならではの特徴的なマルチボーダーが、ヴィンテージスポーツのテイストをプラスしています。\u003cbr\u003eデニムとも相性抜群のキャッチーなカラーリングも魅力の1枚は、スタイリングの主役になる今シーズンのマストハブアイテムです。\u003cbr\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003egrey：senri 134cm size4\u003cbr\u003ebeige：akira  115cm size4\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003esize : 1 , 2 , 3 , 4\u003c\/p\u003e\n\u003cp\u003eㅤ\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial： コットン100%\u003c\/span\u003e\u003cbr\u003e             \u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/T_kawai_480x480.png?v=1715739844\" alt=\"\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e\n\u003ctable style=\"height: 143px; width: 100%;\" width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35px;\"\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35px;\"\u003e\n\u003ctd style=\"height: 35px;\"\u003eA:着丈\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003e38 \u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e43\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e48\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e55\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35px;\"\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003eB:身幅\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e38\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e41\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e43\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003e45\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19px;\"\u003e\n\u003ctd style=\"height: 19px;\"\u003eC:袖丈\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e8\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e9\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e10\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e11\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19px;\"\u003e\n\u003ctd style=\"height: 19px;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" role=\"dialog\" aria-hidden=\"true\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"1 \/ beige","offer_id":50309915541697,"sku":"OJ-25SSCU01PK01","price":4400.0,"currency_code":"JPY","in_stock":true},{"title":"1 \/ grey","offer_id":50438119129281,"sku":"OJ-25SSCU01GR01","price":4400.0,"currency_code":"JPY","in_stock":true},{"title":"1 \/ green","offer_id":50309914853569,"sku":"OJ-25SSCU01KH01","price":4400.0,"currency_code":"JPY","in_stock":true},{"title":"2 \/ beige","offer_id":50309915574465,"sku":"OJ-25SSCU01PK02","price":4400.0,"currency_code":"JPY","in_stock":true},{"title":"2 \/ grey","offer_id":50438119162049,"sku":"OJ-25SSCU01GR02","price":4400.0,"currency_code":"JPY","in_stock":true},{"title":"2 \/ green","offer_id":50309914886337,"sku":"OJ-25SSCU01KH02","price":4400.0,"currency_code":"JPY","in_stock":true},{"title":"3 \/ beige","offer_id":50309915607233,"sku":"OJ-25SSCU01PK03","price":4400.0,"currency_code":"JPY","in_stock":true},{"title":"3 \/ grey","offer_id":50438119194817,"sku":"OJ-25SSCU01GR03","price":4400.0,"currency_code":"JPY","in_stock":true},{"title":"3 \/ green","offer_id":50309914919105,"sku":"OJ-25SSCU01KH03","price":4400.0,"currency_code":"JPY","in_stock":true},{"title":"4 \/ beige","offer_id":50309915640001,"sku":"OJ-25SSCU01PK04","price":4400.0,"currency_code":"JPY","in_stock":true},{"title":"4 \/ grey","offer_id":50438119227585,"sku":"OJ-25SSCU01GR04","price":4400.0,"currency_code":"JPY","in_stock":true},{"title":"4 \/ green","offer_id":50309914951873,"sku":"OJ-25SSCU01KH04","price":4400.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/ChatGPT_Image_2026_7_27_17_25_41_2.png?v=1785142656"},{"product_id":"multi-border-dress","title":"multi border dress","description":"\u003cp\u003e昨シーズン好評だったマルチボーダードレスがアップデートされて登場！\u003cbr\u003eポコポコした表面のパイル調の素材感と、夏らしい爽やかなカラーリングが特徴です。\u003cbr\u003e着心地が良く動きやすいカットソー素材なので、アクティブなガールズにもピッタリの1枚。\u003cbr\u003eフレンチスリーブとウエストのシャーリングで女の子らしさもプラスされています。\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003emodel : May 78cm size1（blue）／ Emma 102cm size2（pink）\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ecolor :  blue , pink\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: start;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/23c0862577971507dfc71cb2be83d6fa_600x600.png?v=1716360018\" alt=\"\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003cbr\u003e\n\u003ctable width=\"100%\" style=\"width: 100.091%; height: 78.3752px;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"width: 19.8165%; height: 19.5938px;\"\u003esize\u003c\/td\u003e\n\u003ctd style=\"width: 19.8165%; height: 19.5938px;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"width: 19.4495%; height: 19.5938px;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"width: 19.4495%; height: 19.5938px;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"width: 20%; height: 19.5938px;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"width: 19.8165%; height: 19.5938px;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003eA.総丈\u003c\/td\u003e\n\u003ctd style=\"width: 19.8165%; height: 19.5938px;\"\u003e48\u003c\/td\u003e\n\u003ctd style=\"width: 19.4495%; height: 19.5938px;\"\u003e50\u003c\/td\u003e\n\u003ctd style=\"width: 19.4495%; height: 19.5938px;\"\u003e54\u003c\/td\u003e\n\u003ctd style=\"width: 20%; height: 19.5938px;\"\u003e66\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"width: 19.8165%; height: 19.5938px;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003eB.身幅\u003c\/td\u003e\n\u003ctd style=\"width: 19.8165%; height: 19.5938px;\"\u003e46\u003c\/td\u003e\n\u003ctd style=\"width: 19.4495%; height: 19.5938px;\"\u003e49\u003c\/td\u003e\n\u003ctd style=\"width: 19.4495%; height: 19.5938px;\"\u003e52\u003c\/td\u003e\n\u003ctd style=\"width: 20%; height: 19.5938px;\"\u003e54\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"width: 19.8165%; height: 19.5938px;\"\u003e \u003cmeta charset=\"utf-8\"\u003e身長（㎝）\u003c\/td\u003e\n\u003ctd style=\"width: 19.8165%; height: 19.5938px;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"width: 19.4495%; height: 19.5938px;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"width: 19.4495%; height: 19.5938px;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"width: 20%; height: 19.5938px;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"1 \/ blue","offer_id":50438093799617,"sku":"OJ-25SSOP03BL01","price":5500.0,"currency_code":"JPY","in_stock":true},{"title":"2 \/ blue","offer_id":50438093832385,"sku":"OJ-25SSOP03BL02","price":5500.0,"currency_code":"JPY","in_stock":true},{"title":"3 \/ blue","offer_id":50438093865153,"sku":"OJ-25SSOP03BL03","price":5500.0,"currency_code":"JPY","in_stock":true},{"title":"4 \/ blue","offer_id":50438093897921,"sku":"OJ-25SSOP03BL04","price":5500.0,"currency_code":"JPY","in_stock":true},{"title":"1 \/ pink","offer_id":50438093930689,"sku":"OJ-25SSOP03PK01","price":5500.0,"currency_code":"JPY","in_stock":true},{"title":"2 \/ pink","offer_id":50438093963457,"sku":"OJ-25SSOP03PK02","price":5500.0,"currency_code":"JPY","in_stock":true},{"title":"3 \/ pink","offer_id":50438093996225,"sku":"OJ-25SSOP03PK03","price":5500.0,"currency_code":"JPY","in_stock":true},{"title":"4 \/ pink","offer_id":50438094028993,"sku":"OJ-25SSOP03PK04","price":5500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_6977_26bbfadc-8d73-474b-9cb0-3d46098797f1.jpg?v=1748569915"},{"product_id":"nylon-salopette","title":"nylon salopette","description":"\u003cp\u003e人気のサロペットが新色を追加して再入荷。\u003cbr\u003eストラップがきちんと留まるよう、バックルの仕様をアップデートしました。\u003c\/p\u003e\n\u003cp\u003eさらっとした質感で軽い着心地のナイロンサロペット。\u003cbr\u003e撥水加工を施したナイロン素材で水はじきがよく、公園遊びや水場で活躍する1枚。\u003cbr\u003e子どもっぽくなりすぎないよう、シルエットにもこだわりました。\u003cbr\u003e着丈はベルトで調整が可能なので、成長に合わせて長く愛用いただけます。\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003emodel : May\u003c\/span\u003e\u003cspan\u003e 78cm size1　　※インナーは参考商品です。\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial： ナイロン 100%\u003c\/span\u003e\u003cbr\u003e             \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/091c7afd5b79f36f283a36e596136a6d_600x600.png?v=1716373229\"\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eㅤㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003ctable style=\"height: 154.933px; width: 100%;\" width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px; width: 28.2257%;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.2697%;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 18.367%;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 18.0293%;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.084%;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px; width: 28.2257%;\"\u003eA:総丈\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.2697%;\"\u003e\n\u003cp\u003e66\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 18.367%;\"\u003e78.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 18.0293%;\"\u003e88\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.084%;\"\u003e98.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px; width: 28.2257%;\"\u003e\n\u003cp\u003eB:股下\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.2697%;\"\u003e26.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 18.367%;\"\u003e33\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 18.0293%;\"\u003e39.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.084%;\"\u003e46\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 28.5859px;\"\u003e\n\u003ctd style=\"height: 28.5859px; width: 28.2257%;\"\u003eC:身幅\u003c\/td\u003e\n\u003ctd style=\"height: 28.5859px; width: 17.2697%;\"\u003e32\u003c\/td\u003e\n\u003ctd style=\"height: 28.5859px; width: 18.367%;\"\u003e33\u003c\/td\u003e\n\u003ctd style=\"height: 28.5859px; width: 18.0293%;\"\u003e37\u003c\/td\u003e\n\u003ctd style=\"height: 28.5859px; width: 17.084%;\"\u003e39\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5898px;\"\u003e\n\u003ctd style=\"height: 19.5898px; width: 28.2257%;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 17.2697%;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 18.367%;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 18.0293%;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 17.084%;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c!----\u003e","brand":"OOJU","offers":[{"title":"navy \/ 1","offer_id":50447972925633,"sku":"OJ-25SSOP02NV01","price":7920.0,"currency_code":"JPY","in_stock":false},{"title":"navy \/ 2","offer_id":50447972958401,"sku":"OJ-25SSOP02NV02","price":7920.0,"currency_code":"JPY","in_stock":false},{"title":"navy \/ 3","offer_id":50447972991169,"sku":"OJ-25SSOP02NV03","price":7920.0,"currency_code":"JPY","in_stock":false},{"title":"navy \/ 4","offer_id":50447973023937,"sku":"OJ-25SSOP02NV04","price":7920.0,"currency_code":"JPY","in_stock":false},{"title":"pink \/ 1","offer_id":50447973056705,"sku":"OJ-25SSOP02PK01","price":7920.0,"currency_code":"JPY","in_stock":true},{"title":"pink \/ 2","offer_id":50447973089473,"sku":"OJ-25SSOP02PK02","price":7920.0,"currency_code":"JPY","in_stock":true},{"title":"pink \/ 3","offer_id":50447973122241,"sku":"OJ-25SSOP02PK03","price":7920.0,"currency_code":"JPY","in_stock":true},{"title":"pink \/ 4","offer_id":50447973155009,"sku":"OJ-25SSOP02PK04","price":7920.0,"currency_code":"JPY","in_stock":true},{"title":"beige \/ 1","offer_id":50447973187777,"sku":"OJ0601240204OP167BG02","price":7920.0,"currency_code":"JPY","in_stock":false},{"title":"beige \/ 2","offer_id":50447973220545,"sku":"OJ0601240204OP167BG03","price":7920.0,"currency_code":"JPY","in_stock":false},{"title":"beige \/ 3","offer_id":50447973253313,"sku":"OJ0601240204OP167BG04","price":7920.0,"currency_code":"JPY","in_stock":true},{"title":"beige \/ 4","offer_id":50447973286081,"sku":"OJ0601240204OP167BG05","price":7920.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7300.jpg?v=1748485212"},{"product_id":"nylon-shorts","title":"nylon shorts","description":"\u003cp\u003eこれからのシーズンに欠かせない軽撥水のナイロンショーツは、水遊びやレジャーなど、アウトドアシーンに最適です。\u003cbr\u003e軽くてストレスフリーな履き心地なので、タウンユースとしても活躍します。\u003cbr\u003eベーシックなカーキとベージュの2色展開で、トップスを選ばず着こなせるのも嬉しいポイント。\u003c\/p\u003e\n\u003cp\u003emodel : May 78cm size1, takito 88cm size1, Ichika 112cm size3\u003cspan\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003ecolor : khaki, beige\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003esize : 1 , 2 , 3 , 4\u003c\/p\u003e\n\u003cp\u003eㅤ\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial： \u003c\/span\u003e\u003cspan\u003eナイロン100%\u003c\/span\u003e\u003cspan\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan\u003e                \u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/nylonpants_480x480.png?v=1717576627\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ctable width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 31%;\"\u003esize \u003c\/td\u003e\n\u003ctd style=\"width: 14%;\"\u003e１\u003c\/td\u003e\n\u003ctd style=\"width: 14%;\"\u003e２\u003c\/td\u003e\n\u003ctd style=\"width: 14.1912%;\"\u003e３\u003c\/td\u003e\n\u003ctd style=\"width: 13.8088%;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 31%;\"\u003eA:ウエスト\u003c\/td\u003e\n\u003ctd style=\"width: 14%;\"\u003e41\u003c\/td\u003e\n\u003ctd style=\"width: 14%;\"\u003e44\u003c\/td\u003e\n\u003ctd style=\"width: 14.1912%;\"\u003e47\u003c\/td\u003e\n\u003ctd style=\"width: 13.8088%;\"\u003e49\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 31%;\"\u003e\n\u003cp\u003eB:ヒップ\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"width: 14%;\"\u003e36\u003c\/td\u003e\n\u003ctd style=\"width: 14%;\"\u003e37.6\u003c\/td\u003e\n\u003ctd style=\"width: 14.1912%;\"\u003e39.5\u003c\/td\u003e\n\u003ctd style=\"width: 13.8088%;\"\u003e41.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 31%;\"\u003eC:総丈\u003c\/td\u003e\n\u003ctd style=\"width: 14%;\"\u003e24.5\u003c\/td\u003e\n\u003ctd style=\"width: 14%;\"\u003e27\u003c\/td\u003e\n\u003ctd style=\"width: 14.1912%;\"\u003e31.5\u003c\/td\u003e\n\u003ctd style=\"width: 13.8088%;\"\u003e35\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 31%;\"\u003eD:裾周り\u003c\/td\u003e\n\u003ctd style=\"width: 14%;\"\u003e22.5\u003c\/td\u003e\n\u003ctd style=\"width: 14%;\"\u003e24.5\u003c\/td\u003e\n\u003ctd style=\"width: 14.1912%;\"\u003e26\u003c\/td\u003e\n\u003ctd style=\"width: 13.8088%;\"\u003e27\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"OOJU","offers":[{"title":"khaki \/ 1","offer_id":50447977939137,"sku":"OJ-25SSPT04KH01","price":4400.0,"currency_code":"JPY","in_stock":true},{"title":"khaki \/ 2","offer_id":50447977971905,"sku":"OJ-25SSPT04KH02","price":4400.0,"currency_code":"JPY","in_stock":true},{"title":"khaki \/ 3","offer_id":50447978004673,"sku":"OJ-25SSPT04KH03","price":4400.0,"currency_code":"JPY","in_stock":true},{"title":"khaki \/ 4","offer_id":50447978037441,"sku":"OJ-25SSPT04KH04","price":4400.0,"currency_code":"JPY","in_stock":true},{"title":"beige \/ 1","offer_id":50447978070209,"sku":"OJ-25SSPT04BG01","price":4400.0,"currency_code":"JPY","in_stock":true},{"title":"beige \/ 2","offer_id":50447978102977,"sku":"OJ-25SSPT04BG02","price":4400.0,"currency_code":"JPY","in_stock":true},{"title":"beige \/ 3","offer_id":50447978135745,"sku":"OJ-25SSPT04BG03","price":4400.0,"currency_code":"JPY","in_stock":true},{"title":"beige \/ 4","offer_id":50447978168513,"sku":"OJ-25SSPT04BG04","price":4400.0,"currency_code":"JPY","in_stock":true},{"title":"yellow \/ 1","offer_id":50447978201281,"sku":"OJ0601240203PT168YE02","price":4400.0,"currency_code":"JPY","in_stock":false},{"title":"yellow \/ 2","offer_id":50447978234049,"sku":"OJ0601240203PT168YE03","price":4400.0,"currency_code":"JPY","in_stock":true},{"title":"yellow \/ 3","offer_id":50447978266817,"sku":"OJ0601240203PT168YE04","price":4400.0,"currency_code":"JPY","in_stock":false},{"title":"yellow \/ 4","offer_id":50447978299585,"sku":"OJ0601240203PT168YE05","price":4400.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7607.jpg?v=1748574543"},{"product_id":"pile-f-s-t-shirts","title":"pile f\/s t-shirts","description":"\u003cp\u003e人気のパイルT-shirtsに新色が登場。\u003cbr\u003e形はそのままに、素材を薄手にすることでより長い期間着られるようにアップデートしました。\u003cbr\u003e軽い着心地でストレスフリーな着心地も魅力です。\u003cbr\u003eロゴはそれぞれのボディーカラーに合わせてチョイス。\u003cbr\u003eシンプルでありながらカラーリングにこだわったoojuならではの1枚です。\u003cbr\u003e同素材でショーツも展開しているのでセットアップでコーディネートするのもおすすめです。\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003emodel : Takito 88cm size1\u003cspan\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003ecolor : navy, pink, D purple\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003esize : 1 , 2 , 3 , 4\u003c\/p\u003e\n\u003cp\u003eㅤ\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial： \u003c\/span\u003e\u003cspan\u003eコットン 80%\u003c\/span\u003e\u003cspan\u003e　ポリエステル 20%\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cimg height=\"256\" width=\"454\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/pile.png?v=1749799888\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ctable width=\"100%\" style=\"height: 145.937px; width: 100.089%;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px; width: 28.2012%;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 14.2861%;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.0691%;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 19.6666%;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 19.6666%;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px; width: 28.2012%;\"\u003eA:着丈\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 14.2861%;\"\u003e\n\u003cp\u003e38\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.0691%;\"\u003e43 \u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 19.6666%;\"\u003e48\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 19.6666%;\"\u003e53\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px; width: 28.2012%;\"\u003e\n\u003cp\u003eB:身幅\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 14.2861%;\"\u003e37\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.0691%;\"\u003e40\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 19.6666%;\"\u003e42\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 19.6666%;\"\u003e\n\u003cp\u003e45\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5898px;\"\u003e\n\u003ctd style=\"height: 19.5898px; width: 28.2012%;\"\u003eC:肩幅\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 14.2861%;\"\u003e38\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 17.0691%;\"\u003e41\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e43\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e46\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5898px;\"\u003e\n\u003ctd style=\"height: 19.5898px; width: 28.2012%;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 14.2861%;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 17.0691%;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c!----\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\n\u003cdiv id=\"slider\" class=\"slider_list my-gallery\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv aria-hidden=\"true\" role=\"dialog\" class=\"pswp\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton title=\"Close (Esc)\" class=\"pswp__button pswp__button--close\"\u003e\u003c\/button\u003e \u003cbutton title=\"Toggle fullscreen\" class=\"pswp__button pswp__button--fs\"\u003e\u003c\/button\u003e \u003cbutton title=\"Zoom in\/out\" class=\"pswp__button pswp__button--zoom\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton title=\"Previous (arrow left)\" class=\"pswp__button pswp__button--arrow--left\"\u003e \u003c\/button\u003e \u003cbutton title=\"Next (arrow right)\" class=\"pswp__button pswp__button--arrow--right\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"navy \/ 1","offer_id":50447983673537,"sku":"OJ-25SSCU03NV01","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"navy \/ 2","offer_id":50447983706305,"sku":"OJ-25SSCU03NV02","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"navy \/ 3","offer_id":50447983739073,"sku":"OJ-25SSCU03NV03","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"navy \/ 4","offer_id":50447983771841,"sku":"OJ-25SSCU03NV04","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"pink \/ 1","offer_id":50447983804609,"sku":"OJ-25SSCU03PK01","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"pink \/ 2","offer_id":50447983837377,"sku":"OJ-25SSCU03PK02","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"pink \/ 3","offer_id":50447983870145,"sku":"OJ-25SSCU03PK03","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"pink \/ 4","offer_id":50447983902913,"sku":"OJ-25SSCU03PK04","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"dark purple \/ 1","offer_id":50447983935681,"sku":"OJ-25SSCU03DP01","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"dark purple \/ 2","offer_id":50447983968449,"sku":"OJ-25SSCU03DP02","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"dark purple \/ 3","offer_id":50447984001217,"sku":"OJ-25SSCU03DP03","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"dark purple \/ 4","offer_id":50447984033985,"sku":"OJ-25SSCU03DP04","price":4620.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7106.jpg?v=1749602552"},{"product_id":"pile-shorts","title":"pile shorts","description":"\u003cp\u003e人気のパイルショーツに新色が登場。\u003cbr\u003e形はそのままに、素材を薄手にすることでより長い期間着られるようにアップデートしました。\u003cbr\u003e軽い着心地でストレスフリーな着心地も魅力です。\u003cbr\u003eロゴはそれぞれのボディーカラーに合わせてチョイス。\u003cbr\u003eシンプルでありながらカラーリングにこだわったoojuならではの1枚です。\u003cbr\u003e同素材でトップスも展開しているのでセットアップでコーディネートするのもおすすめです。\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e※モデル着用品はサンプルです。正しいパンツの形は商品画像をご参考ください。\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003emodel : Takito 88cm size1\u003cspan\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003ecolor : navy\u003cspan\u003e, \u003cspan style=\"text-decoration: underline;\"\u003epink\u003c\/span\u003e, D purple\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003c\/span\u003e\u003cbr\u003esize : 1 , 2 , 3 , 4\u003c\/p\u003e\n\u003cp\u003eㅤ\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial： \u003c\/span\u003e\u003cspan\u003eコットン 80%\u003c\/span\u003e\u003cspan\u003e　ポリエステル 20%\u003c\/span\u003e\u003c\/p\u003e\n\u003c!----\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\n\u003cdiv id=\"slider\" class=\"slider_list my-gallery\"\u003e\n\u003cfigure class=\"slide-item\"\u003e\n\u003cdiv style=\"text-align: start;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/shortpants_480x480.png?v=1712200457\" alt=\"\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003ctable style=\"height: 143px; width: 100%;\" width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35px;\"\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35px;\"\u003e\n\u003ctd style=\"height: 35px;\"\u003eA:ウエスト\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003e41\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e44\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e47\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e49\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35px;\"\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003eB:着丈\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e23.5\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e26.5\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e30.5\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003e35 \u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19px;\"\u003e\n\u003ctd style=\"height: 19px;\"\u003eC:腿巾\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e20.5\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e22.5\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e25.5\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e27.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19px;\"\u003e\n\u003ctd style=\"height: 19px;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv aria-hidden=\"true\" role=\"dialog\" class=\"pswp\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton title=\"Previous (arrow left)\" class=\"pswp__button pswp__button--arrow--left\"\u003e \u003c\/button\u003e \u003cbutton title=\"Next (arrow right)\" class=\"pswp__button pswp__button--arrow--right\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"navy \/ 1","offer_id":50447984459969,"sku":"OJ-25SSPT03NV01","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"navy \/ 2","offer_id":50447984492737,"sku":"OJ-25SSPT03NV02","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"navy \/ 3","offer_id":50447984525505,"sku":"OJ-25SSPT03NV03","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"navy \/ 4","offer_id":50447984558273,"sku":"OJ-25SSPT03NV04","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"pink \/ 1","offer_id":50447984591041,"sku":"OJ-25SSPT03PK01","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"pink \/ 2","offer_id":50447984623809,"sku":"OJ-25SSPT03PK02","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"pink \/ 3","offer_id":50447984656577,"sku":"OJ-25SSPT03PK03","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"pink \/ 4","offer_id":50447984689345,"sku":"OJ-25SSPT03PK04","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"dark purple \/ 1","offer_id":50447984722113,"sku":"OJ-25SSPT03DP01","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"dark purple \/ 2","offer_id":50447984754881,"sku":"OJ-25SSPT03DP02","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"dark purple \/ 3","offer_id":50447984787649,"sku":"OJ-25SSPT03DP03","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"dark purple \/ 4","offer_id":50447984820417,"sku":"OJ-25SSPT03DP04","price":4620.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7091_fb24aa6c-a1c0-42c0-8762-c09072ed4dc7.jpg?v=1749775736"},{"product_id":"pencil-border-long-t-shirts","title":"pencil border long T-shirts","description":"\u003cp\u003e昨年人気だったボーダーロングTシャツに新色が追加され再登場！！\u003cbr\u003e\u003cbr\u003eトレンドのレトロなマルチボーダーは、\u003cspan\u003eコーディネートの主役になる1枚です。\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003eオーバーサイズのシルエットは、タイトなボトムと合わせてチュニック風に着ても、デニムと合わせてもグッドバランス。\u003cbr\u003e\u003c\/span\u003e\u003cspan\u003e柔らかい素材感は、肌触りがよく着心地も抜群です。\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e model : Takito\u003cspan\u003e 87cm size1, Hiyori 86cm size1\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003ecolor :  beige, green,charcoal\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003esize : 1 , 2 , 3 , 4\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial：コットン100%\u003cbr\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/border_600x600.png?v=1732158683\"\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ctable style=\"height: 181px; width: 100%;\" width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003eA:着丈\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003e44\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e48\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e52\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e56\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003eB:身幅\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e42\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e44\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e46\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e48\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003eC:袖丈\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e22\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e26\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e30\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e34\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 20.5938px;\"\u003e\n\u003ctd style=\"height: 20.5938px;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 20.5938px;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 20.5938px;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 20.5938px;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 20.5938px;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" role=\"dialog\" aria-hidden=\"true\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"beige \/ 1","offer_id":50463823134913,"sku":"OJ-CU2031BG02","price":4950.0,"currency_code":"JPY","in_stock":false},{"title":"beige \/ 2","offer_id":50463823167681,"sku":"OJ-CU2031BG03","price":4950.0,"currency_code":"JPY","in_stock":true},{"title":"beige \/ 3","offer_id":50463823200449,"sku":"OJ-CU2031BG04","price":4950.0,"currency_code":"JPY","in_stock":false},{"title":"beige \/ 4","offer_id":50463823233217,"sku":"OJ-CU2031BG05","price":4950.0,"currency_code":"JPY","in_stock":false},{"title":"charcoal \/ 1","offer_id":50463823265985,"sku":"OJ-CU2031CG02","price":4950.0,"currency_code":"JPY","in_stock":false},{"title":"charcoal \/ 2","offer_id":50463823298753,"sku":"OJ-CU2031CG03","price":4950.0,"currency_code":"JPY","in_stock":true},{"title":"charcoal \/ 3","offer_id":50463823331521,"sku":"OJ-CU2031CG04","price":4950.0,"currency_code":"JPY","in_stock":false},{"title":"charcoal \/ 4","offer_id":50463823364289,"sku":"OJ-CU2031CG05","price":4950.0,"currency_code":"JPY","in_stock":false},{"title":"green \/ 1","offer_id":50463823397057,"sku":"OJ-CU2031GR02","price":4950.0,"currency_code":"JPY","in_stock":false},{"title":"green \/ 2","offer_id":50463823429825,"sku":"OJ-CU2031GR03","price":4950.0,"currency_code":"JPY","in_stock":true},{"title":"green \/ 3","offer_id":50463823462593,"sku":"OJ-CU2031GR04","price":4950.0,"currency_code":"JPY","in_stock":false},{"title":"green \/ 4","offer_id":50463823495361,"sku":"OJ-CU2031GR05","price":4950.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_5767.jpg?v=1744105455"},{"product_id":"curved-rib-sweat-shirts","title":"curved rib sweat shirts","description":"\u003cp\u003e\u003cspan\u003e\u003cspan style=\"font-size: 0.875rem;\"\u003eoojuでは初となるラグランスリーブのスウェットシャツ。\u003cbr\u003e首元と袖口のカーブモチーフのリブが、カジュアルなスウェットをスタイリッシュに格上げしてくれます。\u003cbr\u003eボトムを選ばないグレー、イエロー、新色のピーチと3色展開。\u003cbr\u003e\u003cbr\u003e定番のoojuスウェットよりも少しコンパクトなトゥルーフィットです。\u003cbr\u003eサイズ感はモデルの着用画像をご参考ください。\u003cbr\u003e実際の商品はロゴの色が少し濃くなります。\u003cbr\u003e静物画像をご覧ください。\u003cbr\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003emodel : May 78cm size1, Hiyori 86cm size1,Takito 83cm size1, Ichika 111cm size3\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003ecolor :  grey, yellow,peach\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003esize : 1 , 2 , 3 , 4\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial：コットン 100%\u003cbr\u003e                 リブ部分：コットン 97% , ポリウレタン 3%\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/sweat_480x480.png?v=1707300940\" alt=\"\"\u003e \u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eㅤㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003ctable width=\"100%\" style=\"height: 207px; width: 86.3636%;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px; width: 27.7195%;\"\u003esize \u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 18.5507%;\"\u003e１\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 16.2052%;\"\u003e２\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 17.2714%;\"\u003e３\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 18.5507%;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px; width: 27.7195%;\"\u003eA:身幅\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 18.5507%;\"\u003e35.5\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 16.2052%;\"\u003e38.5\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 17.2714%;\"\u003e42.5\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 18.5507%;\"\u003e46.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px; width: 27.7195%;\"\u003e\n\u003cp\u003eB:着丈\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 18.5507%;\"\u003e39.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 16.2052%;\"\u003e44.0\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 17.2714%;\"\u003e48.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 18.5507%;\"\u003e54.0\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px; width: 27.7195%;\"\u003e\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 18.5507%;\"\u003e\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 16.2052%;\"\u003e\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 17.2714%;\"\u003e\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 18.5507%;\"\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px; width: 27.7195%;\"\u003e\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 18.5507%;\"\u003e\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 16.2052%;\"\u003e\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 17.2714%;\"\u003e\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 18.5507%;\"\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px; width: 27.7195%;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e \u003cspan\u003e身長（cm）\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 18.5507%;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 16.2052%;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 17.2714%;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 18.5507%;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv aria-hidden=\"true\" role=\"dialog\" class=\"pswp\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton title=\"Close (Esc)\" class=\"pswp__button pswp__button--close\"\u003e\u003c\/button\u003e \u003cbutton title=\"Toggle fullscreen\" class=\"pswp__button pswp__button--fs\"\u003e\u003c\/button\u003e \u003cbutton title=\"Zoom in\/out\" class=\"pswp__button pswp__button--zoom\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton title=\"Previous (arrow left)\" class=\"pswp__button pswp__button--arrow--left\"\u003e \u003c\/button\u003e \u003cbutton title=\"Next (arrow right)\" class=\"pswp__button pswp__button--arrow--right\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"grey \/ 1","offer_id":50463823659201,"sku":"OJ0601250102CU413GY02","price":5500.0,"currency_code":"JPY","in_stock":false},{"title":"grey \/ 2","offer_id":50463823691969,"sku":"OJ0601250102CU413GY03","price":5500.0,"currency_code":"JPY","in_stock":true},{"title":"grey \/ 3","offer_id":50463823724737,"sku":"OJ0601250102CU413GY04","price":5500.0,"currency_code":"JPY","in_stock":true},{"title":"grey \/ 4","offer_id":50463823757505,"sku":"OJ0601250102CU413GY05","price":5500.0,"currency_code":"JPY","in_stock":false},{"title":"peach \/ 1","offer_id":50463823790273,"sku":"OJ-CU2029PE01","price":5500.0,"currency_code":"JPY","in_stock":false},{"title":"peach \/ 2","offer_id":50463823823041,"sku":"OJ-CU2029PE02","price":5500.0,"currency_code":"JPY","in_stock":false},{"title":"peach \/ 3","offer_id":50463823855809,"sku":"OJ-CU2029PE03","price":5500.0,"currency_code":"JPY","in_stock":true},{"title":"peach \/ 4","offer_id":50463823888577,"sku":"OJ-CU2029PE04","price":5500.0,"currency_code":"JPY","in_stock":false},{"title":"yellow \/ 1","offer_id":50463823921345,"sku":"OJ0601250102CU413YE02","price":5500.0,"currency_code":"JPY","in_stock":false},{"title":"yellow \/ 2","offer_id":50463823954113,"sku":"OJ0601250102CU413YE03","price":5500.0,"currency_code":"JPY","in_stock":false},{"title":"yellow \/ 3","offer_id":50463823986881,"sku":"OJ0601250102CU413YE04","price":5500.0,"currency_code":"JPY","in_stock":false},{"title":"yellow \/ 4","offer_id":50463824019649,"sku":"OJ0601250102CU413YE05","price":5500.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/size7.png?v=1758158940"},{"product_id":"corduroy-over-all","title":"corduroy over all","description":"\u003cp\u003e\u003cspan data-mce-fragment=\"1\"\u003eoojuでも人気の高いオーバーオールシリーズにコーデュロイ素材が登場。\u003cbr\u003e\u003cbr\u003e程よいストレッチ感のあるコーデュロイ素材のオーバーオールは、アクティブなキッズの動きを邪魔せず、着脱しやすいのも嬉しいポイント。\u003cbr\u003e太畝のコーデュロイでヴィンテージ感もプラスされています。\u003cbr\u003e\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003eシルエットもベーシックながらもお尻のラインや背中のラインにこだわりました。\u003cbr\u003e\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003eこれからの時期にぴったりなニュアンスカラーで、秋冬のコーディネートにピッタリの1枚です。\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan data-mce-fragment=\"1\"\u003emodel : Ichika 108cm,  size3\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003cmeta charset=\"utf-8\"\u003e（それぞれ着用写真下部にモデル名と身長がございます。ご参考ください。）\u003c\/span\u003e\u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003ecolor : camel, charcoal , pink\u003c\/p\u003e\n\u003cp\u003esize : 1 , 2 , 3 ,4\u003c\/p\u003e\n\u003cp\u003eㅤ\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial：コットン  97% 、ポリウレタン 3%\u003cbr\u003e　　　　  裏地　ポリウレタン 80% , コットン 20%\u003c\/span\u003e\u003cspan\u003e      \u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ctable style=\"height: 113.945px; width: 100.089%;\" width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 19.5898px;\"\u003e\n\u003ctd style=\"height: 19.5898px; width: 28.2012%;\"\u003esize \u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 14.2861%;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 17.0691%;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5898px;\"\u003e\n\u003ctd style=\"height: 19.5898px; width: 28.2012%;\"\u003eA:ウエスト\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 14.2861%;\"\u003e29\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 17.0691%;\"\u003e32\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e34\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e36\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px; width: 28.2012%;\"\u003e\n\u003cp\u003eB:股上\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 14.2861%;\"\u003e19.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.0691%;\"\u003e21\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 19.6666%;\"\u003e22.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 19.6666%;\"\u003e24\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5898px;\"\u003e\n\u003ctd style=\"height: 19.5898px; width: 28.2012%;\"\u003eC:股下\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 14.2861%;\"\u003e26\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 17.0691%;\"\u003e31\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e36\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e41\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5898px;\"\u003e\n\u003ctd style=\"height: 19.5898px; width: 28.2012%;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 14.2861%;\"\u003e80-90\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 17.0691%;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\n\u003cdiv class=\"img\"\u003e\n    \u003cdiv class=\"slider_wrap\"\u003e\n        \u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\n   \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_5616.jpg?v=1727784981\" data-size=\"750x1050\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_5616.jpg?v=1727784981\" alt=\"image1\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n            \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_5598.jpg?v=1727784981\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_5598.jpg?v=1727784981\" alt=\"Image2\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n            \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_5601.jpg?v=1727784981\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_5601.jpg?v=1727784981\" alt=\"Image3\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n          \n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\n\n\n\n\n\n\n\n\n\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\"\u003e\n    \u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\n    \u003cdiv class=\"pswp__bg\"\u003e\u003c\/div\u003e\n    \u003c!-- Slides wrapper with overflow:hidden. --\u003e\n    \u003cdiv class=\"pswp__scroll-wrap\"\u003e\n        \u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n        \u003cdiv class=\"pswp__container\"\u003e\n            \u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n        \u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n            \u003cdiv class=\"pswp__top-bar\"\u003e\n                \u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n                \u003cdiv class=\"pswp__counter\"\u003e\u003c\/div\u003e\n                \u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e\n                \u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e\n                \u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e\n                \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e\n                \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n                \u003cdiv class=\"pswp__preloader\"\u003e\n                    \u003cdiv class=\"pswp__preloader__icn\"\u003e\n                      \u003cdiv class=\"pswp__preloader__cut\"\u003e\n                        \u003cdiv class=\"pswp__preloader__donut\"\u003e\u003c\/div\u003e\n                      \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n                \u003cdiv class=\"pswp__share-tooltip\"\u003e\u003c\/div\u003e \n            \u003c\/div\u003e\n            \u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e\n            \u003c\/button\u003e\n            \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e\n            \u003c\/button\u003e\n            \u003cdiv class=\"pswp__caption\"\u003e\n                \u003cdiv class=\"pswp__caption__center\"\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e\n\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"camel \/ 1","offer_id":50463825920193,"sku":"OJ0601240404OP320CM02","price":7700.0,"currency_code":"JPY","in_stock":true},{"title":"charcoal \/ 1","offer_id":50463825952961,"sku":"OJ0601240404OP320BR02","price":7700.0,"currency_code":"JPY","in_stock":false},{"title":"charcoal \/ 2","offer_id":50463825985729,"sku":"OJ0601240404OP320BR03","price":7700.0,"currency_code":"JPY","in_stock":false},{"title":"charcoal \/ 3","offer_id":50463826018497,"sku":"OJ0601240404OP320BR04","price":7700.0,"currency_code":"JPY","in_stock":true},{"title":"charcoal \/ 4","offer_id":50463826051265,"sku":"OJ0601240404OP320BR05","price":7700.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3548.jpg?v=1727684513"},{"product_id":"number-long-t-shirts","title":"number long T-shirts","description":"\u003cp\u003e前シーズンで人気だったロングTシャツがアップデートされて再登場！！\u003cbr\u003e新色のピンクも仲間入り！\u003cbr\u003e\u003cbr\u003eoojuのキースタイルでもあるレトロスポーツの要素を取り入れた人気のロングTシャツ。\u003cbr\u003e今シーズンは首元のリブもプリントと同じカラーにアップデートし、全体を引き締めるアクセントに。\u003cbr\u003eプリントもヴィンテージライクな加工にすることで、トレンド感も取り入れています。\u003cbr\u003e\u003cbr\u003e※刺繍ロゴはピンクのみグリーンになります。\u003cbr\u003e※実際の色味は商品写真をご参考ください。\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003emodel : \u003cspan\u003eIchika 112cm size3, \u003c\/span\u003eKoharu 103cm size2\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003ecolor :\u003cspan\u003e ivory, charcoal, pink\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003esize : 1 , 2 , 3 , 4\u003cspan style=\"font-size: 0.875rem;\"\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"font-size: 0.875rem;\"\u003e\u003cspan\u003ematerial：コットン100%\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/bordert_480x480.png?v=1709697012\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ctable width=\"100%\" style=\"height: 129.969px;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003esize \u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e１\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e２\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e３\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003e4\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003eA:身幅\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e40\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e42\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e44\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e46\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003eB:着丈\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e42\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e46\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e50\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e54\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003eC:肩幅\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e46\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e48\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e50\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e52\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e \u003cspan\u003e身長（cm）\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003e\u003cspan style=\"font-size: 0.875rem;\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\n\u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"slider_list my-gallery\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"slider_list my-gallery\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"slider_list my-gallery\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"slider_list my-gallery\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" role=\"dialog\" aria-hidden=\"true\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\n\u003cdiv class=\"pswp__bg\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"ivory \/ 1","offer_id":50463826280641,"sku":"OJ-CU2030IV02","price":4950.0,"currency_code":"JPY","in_stock":false},{"title":"ivory \/ 2","offer_id":50463826313409,"sku":"OJ-CU2030IV03","price":4950.0,"currency_code":"JPY","in_stock":true},{"title":"ivory \/ 3","offer_id":50463826346177,"sku":"OJ-CU2030IV04","price":4950.0,"currency_code":"JPY","in_stock":false},{"title":"ivory \/ 4","offer_id":50463826378945,"sku":"OJ-CU2030IV05","price":4950.0,"currency_code":"JPY","in_stock":false},{"title":"pink \/ 1","offer_id":50463826411713,"sku":"OJ-CU2030PK02","price":4950.0,"currency_code":"JPY","in_stock":false},{"title":"pink \/ 2","offer_id":50463826444481,"sku":"OJ-CU2030PK03","price":4950.0,"currency_code":"JPY","in_stock":true},{"title":"pink \/ 3","offer_id":50463826477249,"sku":"OJ-CU2030PK04","price":4950.0,"currency_code":"JPY","in_stock":false},{"title":"pink \/ 4","offer_id":50463826510017,"sku":"OJ-CU2030PK05","price":4950.0,"currency_code":"JPY","in_stock":false},{"title":"charcoal \/ 1","offer_id":50463826542785,"sku":"OJ-CU2030CG02","price":4950.0,"currency_code":"JPY","in_stock":false},{"title":"charcoal \/ 2","offer_id":50463826575553,"sku":"OJ-CU2030CG03","price":4950.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_6824_f73cf90f-a797-4840-8362-bcbd7afbfe21.jpg?v=1758159281"},{"product_id":"club-ooju-s-s-t-shirts","title":"Club ooju s\/s t-shirts","description":"\u003cp\u003e\"Club ooju\"へようこそ！！\u003cbr\u003eoojuを着たおしゃれキッズたちに、楽しく元気に過ごして欲しいという想いでClub t-shirtsを作りました。\u003cbr\u003e\"何も心配いらないよ、oojuはいつも傍にいる\"というメッセージと共にプリントされたナンバー\"22\"は、oojuがスタートした2022年を意味しています。\u003cbr\u003eフロントには\"Club ooju\"のオリジナルロゴもプラスしました。\u003cbr\u003eキャッチーな配色も\"今っぽさ\"万歳の今シーズンを象徴する1枚です。\u003cstrong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003emodel : Takito 88cm size1\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003ecolor :\u003cspan\u003e ivory, lilac, blue\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003esize : 1 , 2 , 3 , 4\u003c\/p\u003e\n\u003cp\u003eㅤ\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial： コットン100%\u003c\/span\u003e\u003cbr\u003e             \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/T_kawai_480x480.png?v=1715739844\" alt=\"\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e\n\u003ctable style=\"height: 143px; width: 100%;\" width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35px;\"\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35px;\"\u003e\n\u003ctd style=\"height: 35px;\"\u003eA:着丈\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003e39\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e44\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e49\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e55\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35px;\"\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003eB:身幅\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e37\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e41\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e42\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003e45\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19px;\"\u003e\n\u003ctd style=\"height: 19px;\"\u003eC:袖丈\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e8  \u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e9\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e10\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e11\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19px;\"\u003e\n\u003ctd style=\"height: 19px;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" role=\"dialog\" aria-hidden=\"true\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"blue \/ 1","offer_id":50463826641089,"sku":"OJ-25SSCU02BL01","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"blue \/ 2","offer_id":50463826673857,"sku":"OJ-25SSCU02BL02","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"blue \/ 3","offer_id":50463826706625,"sku":"OJ-25SSCU02BL03","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"ivory \/ 1","offer_id":50463826739393,"sku":"OJ-25SSCU02IV01","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"ivory \/ 2","offer_id":50463826772161,"sku":"OJ-25SSCU02IV02","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"ivory \/ 3","offer_id":50463826804929,"sku":"OJ-25SSCU02IV03","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"lilac \/ 1","offer_id":50463826837697,"sku":"OJ-25SSCU02LI01","price":3850.0,"currency_code":"JPY","in_stock":false},{"title":"lilac \/ 2","offer_id":50463826870465,"sku":"OJ-25SSCU02LI02","price":3850.0,"currency_code":"JPY","in_stock":false},{"title":"lilac \/ 3","offer_id":50463826903233,"sku":"OJ-25SSCU02LI03","price":3850.0,"currency_code":"JPY","in_stock":false},{"title":"lilac \/ 4","offer_id":50463826936001,"sku":"OJ-25SSCU02LI04","price":3850.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_6840_f0ee2236-ee2f-41a5-b4d7-58e6a542b8e3.jpg?v=1748484066"},{"product_id":"line-pants","title":"line pants","description":"\u003cp\u003e昨シーズン人気だったラインパンツに新色が登場。\u003cbr\u003eキースタイルでもあるレトロスポーツの要素を取り入れたラインパンツ。\u003cbr\u003eそれぞれのボディーカラーに合わせた個性的なサイドテープがコーディネートのアクセントに。\u003cbr\u003e伸縮性に優れた履き心地の良いストレッチ素材で、ストレスフリーの履き心地も魅力です。\u003c\/p\u003e\n\u003cp\u003emodel : Ichika 111cm size3\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e（それぞれ着用写真下部にモデル名と身長がございます。ご参考ください。）\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial： レーヨン55%、ポリエステル40%、ポリウレタン5%\u003c\/span\u003e             \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/LINE-PANTS_600x600.png?v=1739328928\"\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eㅤㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003ctable width=\"100%\" style=\"height: 145.969px; width: 100%;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003eA:総丈\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003e49.7\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e57\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e63\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e72\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003eB:ウエスト\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e21.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e22.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e23.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e24.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003eC:ヒップ\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e34\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e36\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e38\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e40\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\n\u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3288.jpg?v=1739325999\" data-size=\"750x1050\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3288.jpg?v=1739325999\" alt=\"image1\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3291.jpg?v=1739325999\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3291.jpg?v=1739325999\" alt=\"Image2\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3297.jpg?v=1739325999\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3297.jpg?v=1739325999\" alt=\"Image3\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3295.jpg?v=1739325999\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3295.jpg?v=1739325999\" alt=\"Image4\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3316.jpg?v=1739325999\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"“v”\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" role=\"dialog\" aria-hidden=\"true\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\n\u003cdiv class=\"pswp__bg\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"charcoal \/ 1","offer_id":50463827099841,"sku":"OJ0601250103PT414CG02","price":5940.0,"currency_code":"JPY","in_stock":true},{"title":"charcoal \/ 2","offer_id":50463827132609,"sku":"OJ0601250103PT414CG03","price":5940.0,"currency_code":"JPY","in_stock":true},{"title":"navy \/ 1","offer_id":50463827165377,"sku":"OJ0601250103PT414NV02","price":5940.0,"currency_code":"JPY","in_stock":true},{"title":"navy \/ 2","offer_id":50463827198145,"sku":"OJ0601250103PT414NV03","price":5940.0,"currency_code":"JPY","in_stock":true},{"title":"purple \/ 1","offer_id":50463827230913,"sku":"OJ0601250103PT414PL02","price":5940.0,"currency_code":"JPY","in_stock":true},{"title":"purple \/ 2","offer_id":50463827263681,"sku":"OJ0601250103PT414PL03","price":5940.0,"currency_code":"JPY","in_stock":true},{"title":"purple \/ 3","offer_id":50463827296449,"sku":"OJ0601250103PT414PL04","price":5940.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_6811.jpg?v=1739415514"}],"url":"https:\/\/ooju.jp\/ko\/collections\/bf-40.oembed?page=2","provider":"OOJU","version":"1.0","type":"link"}