<div id="product-component-d445c5a7e91"></div>
    <script type="text/javascript">
    /*<![CDATA[*/

    (function () {
      var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
      if (window.ShopifyBuy) {
        if (window.ShopifyBuy.UI) {
          ShopifyBuyInit();
        } else {
          loadScript();
        }
      } else {
        loadScript();
      }

      function loadScript() {
        var script = document.createElement('script');
        script.async = true;
        script.src = scriptURL;
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
        script.onload = ShopifyBuyInit;
      }

      function ShopifyBuyInit() {
        var client = ShopifyBuy.buildClient({
          domain: 'thepattern-japan.myshopify.com',
          storefrontAccessToken: '952a2f370cf74d6d3ead5aa7ec11654e',
        });

        ShopifyBuy.UI.onReady(client).then(function (ui) {
          ui.createComponent('product', {
            id: [2798884618340],
            node: document.getElementById('product-component-d445c5a7e91'),
            moneyFormat: '%C2%A5%7B%7Bamount_no_decimals%7D%7D',
            options: {
              "product": {
                "layout": "horizontal",
                "variantId": "all",
                "width": "100%",
                "order": [
                  'img',
                  'imgWithCarousel',
                  'title',
                  'variantTitle',
                  'description',
                  'price',
                  'options',
                  'quantity',
                  'button',
                  'buttonWithQuantity',
                ],
                "contents": {
                  "img": false,
                  "imgWithCarousel": true,
                  "variantTitle": false,
                  "description": true,
                  "buttonWithQuantity": true,
                  "button": false,
                  "quantity": false
                },
                "text": {
                  "button": "カートに入れる"
                },
                "styles": {
                  "product": {
                    "text-align": "left",
                    "width": "100%",
                    "@media (min-width: 601px)": {
                      "max-width": "100%",
                      "margin-left": "0",
                      "margin-bottom": "50px"
                    }
                  },
                  "img": {
                    "width": "100%",
                  },
                  "button": {
                    "background-color": "#333333",
                    "font-size": "14px",
                    "padding-top": "15px",
                    "padding-bottom": "15px",
                    "padding-left": "20px",
                    "padding-right": "20px",
                    "border-top-left-radius": "4px !important",
                    "border-bottom-left-radius": "4px !important",
                    "margin-left": "20px !important",
                    ":hover": {
                      "background-color": "#2e2e2e"
                    },
                    "border-radius": "4px",
                    ":focus": {
                      "background-color": "#2e2e2e"
                    }
                  },
                  "title": {
                    "font-size": "26px"
                  },
                  "price": {
                    "font-size": "20px",
                    "margin-top": "20px",
                    "font-weight": "bold"
                  },
                  "quantityInput": {
                    "font-size": "14px",
                    "padding-top": "15px",
                    "padding-bottom": "15px",
                    "border-radius": "4px",
                    "border-top-right-radius": "4px !important",
                    "border-bottom-right-radius": "4px !important",
                    "border-right": "1px solid #d3dbe2 !important"
                  },
                  "compareAt": {
                    "font-size": "15px"
                  }
                }
              },
              "cart": {
                "contents": {
                  "button": true
                },
                "text": {
                  "title": "カート",
                  "total": "小計",
                  "notice": "発送と割引コードはチェックアウト時に追加されます。",
                  "button": "購入する",
                  "empty": "カートは空です。"
                },
                "styles": {
                  "button": {
                    "background-color": "#333333",
                    "font-size": "14px",
                    "padding-top": "15px",
                    "padding-bottom": "15px",
                    ":hover": {
                      "background-color": "#2e2e2e"
                    },
                    "border-radius": "4px",
                    ":focus": {
                      "background-color": "#2e2e2e"
                    }
                  },
                  "footer": {
                    "background-color": "#ffffff"
                  }
                }
              },
              "modalProduct": {
                "contents": {
                  "img": false,
                  "imgWithCarousel": true,
                  "variantTitle": false,
                  "buttonWithQuantity": true,
                  "button": false,
                  "quantity": false
                },
                "styles": {
                  "product": {
                    "@media (min-width: 601px)": {
                      "max-width": "100%",
                      "margin-left": "0px",
                      "margin-bottom": "0px"
                    }
                  },
                  "button": {
                    "background-color": "#333333",
                    "font-size": "14px",
                    "padding-top": "15px",
                    "padding-bottom": "15px",
                    "padding-left": "20px",
                    "padding-right": "20px",
                    ":hover": {
                      "background-color": "#2e2e2e"
                    },
                    "border-radius": "4px",
                    ":focus": {
                      "background-color": "#2e2e2e"
                    }
                  },
                  "quantityInput": {
                    "font-size": "14px",
                    "padding-top": "15px",
                    "padding-bottom": "15px"
                  }
                }
              },
              "toggle": {
                "iframe": "true",
                "styles": {
                  "toggle": {
                    "background-color": "transparent",
                    "position": "absolute",
                    "top": "8px",
                    "border": "1px solid #333",
                    "border-radius": "50%",
                    "color": "#333",
                    "width": "28px",
                    "height": "28px",
                    "min-width": "28px",
                    "padding": "5px",
                    ":hover": {
                      "background-color": "#2e2e2e"
                    },
                    ":focus": {
                      "background-color": "#2e2e2e"
                    },
                  },
                  "count": {
                    "font-size": "10px",
                    "position": "absolute",
                    "top": "-8px",
                    "right": "-5px",
                    "border-radius": "50%",
                    "background": "red",
                    "width": "15px",
                    "height": "15px",
                    "color": "#FFFFFF",
                    "margin-bottom": "0",
                    "text-align": "center",
                    "padding": "2px 0"
                  },
                  "icon": {
                    "height": "16px",
                    "width": "16px"
                  },
                  "iconPath": {
                    "fill": "#333",
                    ":hover": {
                      "fill": "#fff"
                    },
                  }
                }
              },
              "productSet": {
                "styles": {
                  "products": {
                    "@media (min-width: 601px)": {
                      "margin-left": "-20px"
                    }
                  }
                }
              }
            }
          });
        });
      }
    })();
    /*]]>*/
    </script>