It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://noson.ch

  1. <!doctype html>
  2. <html
  3.  class="no-js"
  4.  lang="ja"
  5. >
  6.  <head><link href="//noson.shop/cdn/shop/t/2/assets/overflow-list.css?v=168694168152117541881755160479" as="style" rel="preload">
  7. <link href="//noson.shop/cdn/shop/t/2/assets/base.css?v=19295334643480327241757562247" rel="stylesheet" type="text/css" media="all" />
  8. <link
  9.        rel="icon"
  10.        type="image/png"
  11.        href="//noson.shop/cdn/shop/files/noson_japan_logo.png?crop=center&height=32&v=1756457471&width=32"
  12.      >
  13.    <link
  14.      rel="expect"
  15.      href="#MainContent"
  16.      blocking="render"
  17.      id="view-transition-render-blocker"
  18.    ><meta charset="utf-8">
  19. <meta
  20.  http-equiv="X-UA-Compatible"
  21.  content="IE=edge"
  22. >
  23. <meta
  24.  name="viewport"
  25.  content="width=device-width,initial-scale=1"
  26. >
  27. <meta
  28.  name="view-transition"
  29.  content="same-origin"
  30. >
  31. <meta
  32.  name="theme-color"
  33.  content=""
  34. >
  35.  
  36. <meta
  37.  property="og:site_name"
  38.  content="nosonJAPAN"
  39. >
  40. <meta
  41.  property="og:url"
  42.  content="https://noson.shop/"
  43. >
  44. <meta
  45.  property="og:title"
  46.  content="nosonJAPAN"
  47. >
  48. <meta
  49.  property="og:type"
  50.  content="website"
  51. >
  52. <meta
  53.  property="og:description"
  54.  content="nosonJAPAN"
  55. ><meta
  56.    property="og:image"
  57.    content="http://noson.shop/cdn/shop/files/1200x628_nosonjapan.png?v=1756802183"
  58.  >
  59.  <meta
  60.    property="og:image:secure_url"
  61.    content="https://noson.shop/cdn/shop/files/1200x628_nosonjapan.png?v=1756802183"
  62.  >
  63.  <meta
  64.    property="og:image:width"
  65.    content="1200"
  66.  >
  67.  <meta
  68.    property="og:image:height"
  69.    content="628"
  70.  ><meta
  71.  name="twitter:card"
  72.  content="summary_large_image"
  73. >
  74. <meta
  75.  name="twitter:title"
  76.  content="nosonJAPAN"
  77. >
  78. <meta
  79.  name="twitter:description"
  80.  content="nosonJAPAN"
  81. >
  82.  
  83. <title>
  84.  nosonJAPAN
  85. </title>
  86.  
  87. <link
  88.  rel="canonical"
  89.  href="https://noson.shop/"
  90. >
  91.  
  92.  
  93. <link
  94.    rel="preconnect"
  95.    href="https://fonts.shopifycdn.com"
  96.    crossorigin
  97.  >
  98. <link
  99.    rel="preload"
  100.    as="font"
  101.    href="//noson.shop/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2"
  102.    type="font/woff2"
  103.    crossorigin
  104.  ><link
  105.    rel="preload"
  106.    as="font"
  107.    href="//noson.shop/cdn/fonts/barlow_condensed/barlowcondensed_n6.30a391fe19ded5366170913f031e653a88992edc.woff2"
  108.    type="font/woff2"
  109.    crossorigin
  110.  ><link
  111.    rel="preload"
  112.    as="font"
  113.    href="//noson.shop/cdn/fonts/barlow_condensed/barlowcondensed_n6.30a391fe19ded5366170913f031e653a88992edc.woff2"
  114.    type="font/woff2"
  115.    crossorigin
  116.  ><link
  117.    rel="preload"
  118.    as="font"
  119.    href="//noson.shop/cdn/fonts/barlow_condensed/barlowcondensed_n6.30a391fe19ded5366170913f031e653a88992edc.woff2"
  120.    type="font/woff2"
  121.    crossorigin
  122.  >
  123. <script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
  124. <script type="importmap">
  125.  {
  126.    "imports": {
  127.      "@theme/critical": "//noson.shop/cdn/shop/t/2/assets/critical.js?v=169402557219780209121756952207",
  128.      "@theme/product-title": "//noson.shop/cdn/shop/t/2/assets/product-title-truncation.js?v=81744426891537421781755160478",
  129.      "@theme/component": "//noson.shop/cdn/shop/t/2/assets/component.js?v=74239122572524296041755160478",
  130.      "@theme/dialog": "//noson.shop/cdn/shop/t/2/assets/dialog.js?v=94382931671780430451755160478",
  131.      "@theme/events": "//noson.shop/cdn/shop/t/2/assets/events.js?v=59172389608566392641755160478",
  132.      "@theme/focus": "//noson.shop/cdn/shop/t/2/assets/focus.js?v=60436577539430446401755160478",
  133.      "@theme/morph": "//noson.shop/cdn/shop/t/2/assets/morph.js?v=175376767362814376631756167499",
  134.      "@theme/paginated-list": "//noson.shop/cdn/shop/t/2/assets/paginated-list.js?v=95298315036233333871755160478",
  135.      "@theme/performance": "//noson.shop/cdn/shop/t/2/assets/performance.js?v=160961134082498414901756952210",
  136.      "@theme/product-form": "//noson.shop/cdn/shop/t/2/assets/product-form.js?v=127515301325557712001756167502",
  137.      "@theme/recently-viewed-products": "//noson.shop/cdn/shop/t/2/assets/recently-viewed-products.js?v=94729125001750262651755160478",
  138.      "@theme/scrolling": "//noson.shop/cdn/shop/t/2/assets/scrolling.js?v=10957690925586738441755160478",
  139.      "@theme/section-renderer": "//noson.shop/cdn/shop/t/2/assets/section-renderer.js?v=117273408521114569061757562246",
  140.      "@theme/section-hydration": "//noson.shop/cdn/shop/t/2/assets/section-hydration.js?v=177651605160027701221757562247",
  141.      "@theme/utilities": "//noson.shop/cdn/shop/t/2/assets/utilities.js?v=20543301071820501481756952210",
  142.      "@theme/variant-picker": "//noson.shop/cdn/shop/t/2/assets/variant-picker.js?v=113536721324242252251755160479",
  143.      "@theme/media-gallery": "//noson.shop/cdn/shop/t/2/assets/media-gallery.js?v=111441960308641931071755160479",
  144.      "@theme/quick-add": "//noson.shop/cdn/shop/t/2/assets/quick-add.js?v=74531385036627369001755160478",
  145.      "@theme/paginated-list-aspect-ratio": "//noson.shop/cdn/shop/t/2/assets/paginated-list-aspect-ratio.js?v=25254270272143792451755160478",
  146.      "@theme/popover-polyfill": "//noson.shop/cdn/shop/t/2/assets/popover-polyfill.js?v=119029313658895111201756463849"
  147.    }
  148.  }
  149. </script>
  150.  
  151.  
  152.  
  153.  <script
  154.    src="//noson.shop/cdn/shop/t/2/assets/view-transitions.js?v=84877080446900032951755160478"
  155.    async
  156.    blocking="render"
  157.  ></script>
  158.  
  159.  
  160.  
  161. <link
  162.  rel="modulepreload"
  163.  href="//noson.shop/cdn/shop/t/2/assets/critical.js?v=169402557219780209121756952207"
  164. >
  165.  
  166. <link
  167.  rel="modulepreload"
  168.  href="//noson.shop/cdn/shop/t/2/assets/utilities.js?v=20543301071820501481756952210"
  169.  fetchpriority="low"
  170. >
  171. <link
  172.  rel="modulepreload"
  173.  href="//noson.shop/cdn/shop/t/2/assets/component.js?v=74239122572524296041755160478"
  174.  fetchpriority="low"
  175. >
  176. <link
  177.  rel="modulepreload"
  178.  href="//noson.shop/cdn/shop/t/2/assets/section-renderer.js?v=117273408521114569061757562246"
  179.  fetchpriority="low"
  180. >
  181. <link
  182.  rel="modulepreload"
  183.  href="//noson.shop/cdn/shop/t/2/assets/section-hydration.js?v=177651605160027701221757562247"
  184.  fetchpriority="low"
  185. >
  186. <link
  187.  rel="modulepreload"
  188.  href="//noson.shop/cdn/shop/t/2/assets/morph.js?v=175376767362814376631756167499"
  189.  fetchpriority="low"
  190. >
  191.  
  192.  
  193.  
  194. <link
  195.  rel="modulepreload"
  196.  href="//noson.shop/cdn/shop/t/2/assets/focus.js?v=60436577539430446401755160478"
  197.  fetchpriority="low"
  198. >
  199. <link
  200.  rel="modulepreload"
  201.  href="//noson.shop/cdn/shop/t/2/assets/recently-viewed-products.js?v=94729125001750262651755160478"
  202.  fetchpriority="low"
  203. >
  204. <link
  205.  rel="modulepreload"
  206.  href="//noson.shop/cdn/shop/t/2/assets/scrolling.js?v=10957690925586738441755160478"
  207.  fetchpriority="low"
  208. >
  209. <link
  210.  rel="modulepreload"
  211.  href="//noson.shop/cdn/shop/t/2/assets/events.js?v=59172389608566392641755160478"
  212.  fetchpriority="low"
  213. >
  214. <script
  215.  src="//noson.shop/cdn/shop/t/2/assets/popover-polyfill.js?v=119029313658895111201756463849"
  216.  type="module"
  217.  fetchpriority="low"
  218. ></script>
  219. <script
  220.  src="//noson.shop/cdn/shop/t/2/assets/quick-add.js?v=74531385036627369001755160478"
  221.  type="module"
  222.  fetchpriority="low"
  223. ></script>
  224.  
  225. <script
  226.  src="//noson.shop/cdn/shop/t/2/assets/dialog.js?v=94382931671780430451755160478"
  227.  type="module"
  228.  fetchpriority="low"
  229. ></script>
  230. <script
  231.  src="//noson.shop/cdn/shop/t/2/assets/variant-picker.js?v=113536721324242252251755160479"
  232.  type="module"
  233.  fetchpriority="low"
  234. ></script>
  235. <script
  236.  src="//noson.shop/cdn/shop/t/2/assets/product-card.js?v=174129639976667491711755160479"
  237.  type="module"
  238.  fetchpriority="low"
  239. ></script>
  240. <script
  241.  src="//noson.shop/cdn/shop/t/2/assets/product-form.js?v=127515301325557712001756167502"
  242.  type="module"
  243.  fetchpriority="low"
  244. ></script>
  245. <script
  246.  src="//noson.shop/cdn/shop/t/2/assets/accordion-custom.js?v=99000499017714805851755160479"
  247.  type="module"
  248.  fetchpriority="low"
  249. ></script>
  250. <script
  251.  src="//noson.shop/cdn/shop/t/2/assets/disclosure-custom.js?v=168050880623268140331757562246"
  252.  type="module"
  253.  fetchpriority="low"
  254. ></script>
  255. <script
  256.  src="//noson.shop/cdn/shop/t/2/assets/media.js?v=37825095869491791421755160479"
  257.  type="module"
  258.  fetchpriority="low"
  259. ></script>
  260. <script
  261.  src="//noson.shop/cdn/shop/t/2/assets/product-price.js?v=30079423257668675401755160479"
  262.  type="module"
  263.  fetchpriority="low"
  264. ></script>
  265. <script
  266.  src="//noson.shop/cdn/shop/t/2/assets/product-title-truncation.js?v=81744426891537421781755160478"
  267.  type="module"
  268.  fetchpriority="low"
  269. ></script>
  270. <script
  271.  src="//noson.shop/cdn/shop/t/2/assets/product-inventory.js?v=16343734458933704981755160478"
  272.  type="module"
  273.  fetchpriority="low"
  274. ></script>
  275. <script
  276.  src="//noson.shop/cdn/shop/t/2/assets/show-more.js?v=94563802205717136101755160479"
  277.  type="module"
  278.  fetchpriority="low"
  279. ></script>
  280. <script
  281.  src="//noson.shop/cdn/shop/t/2/assets/slideshow.js?v=63092151078244317761755160478"
  282.  type="module"
  283.  fetchpriority="low"
  284. ></script>
  285. <script
  286.  src="//noson.shop/cdn/shop/t/2/assets/anchored-popover.js?v=95953304814728754461757562245"
  287.  type="module"
  288.  fetchpriority="low"
  289. ></script>
  290. <script
  291.  src="//noson.shop/cdn/shop/t/2/assets/floating-panel.js?v=128677600744947036551755160478"
  292.  type="module"
  293.  fetchpriority="low"
  294. ></script>
  295. <script
  296.  src="//noson.shop/cdn/shop/t/2/assets/video-background.js?v=25237992823806706551755160478"
  297.  type="module"
  298.  fetchpriority="low"
  299. ></script>
  300. <script
  301.  src="//noson.shop/cdn/shop/t/2/assets/component-quantity-selector.js?v=56330027151833116691755160479"
  302.  type="module"
  303.  fetchpriority="low"
  304. ></script>
  305. <script
  306.  src="//noson.shop/cdn/shop/t/2/assets/media-gallery.js?v=111441960308641931071755160479"
  307.  type="module"
  308.  fetchpriority="low"
  309. ></script>
  310. <script
  311.  src="//noson.shop/cdn/shop/t/2/assets/rte-formatter.js?v=101420294193111439321755160478"
  312.  type="module"
  313.  fetchpriority="low"
  314. ></script>
  315. <script
  316.  src="//noson.shop/cdn/shop/t/2/assets/gift-card-recipient-form.js?v=129634859299628245901755160479"
  317.  type="module"
  318.  fetchpriority="low"
  319. ></script>
  320.  
  321.  
  322.  <script
  323.    src="//noson.shop/cdn/shop/t/2/assets/localization.js?v=87759161307859666401756952208"
  324.    type="module"
  325.    fetchpriority="low"
  326.  ></script>
  327.  
  328.  
  329.  
  330.  
  331.  
  332.  <script
  333.    src="//noson.shop/cdn/shop/t/2/assets/product-card-link.js?v=97122579314620396511755160478"
  334.    type="module"
  335.    fetchpriority="low"
  336.  ></script>
  337.  
  338.  
  339. <script
  340.  src="//noson.shop/cdn/shop/t/2/assets/auto-close-details.js?v=58350291535404441581755160478"
  341.  defer="defer"
  342. ></script>
  343.  
  344. <script>
  345.  const basePath = 'https://cdn.shopify.com/static/themes/horizon/placeholders';
  346.  const Theme = {
  347.    placeholders: {
  348.      general: [
  349.        `${basePath}/general-1.png`,
  350.        `${basePath}/general-2.png`,
  351.        `${basePath}/general-3.png`,
  352.        `${basePath}/general-4.png`,
  353.        `${basePath}/general-5.png`,
  354.        `${basePath}/general-6.png`,
  355.        `${basePath}/general-7.png`,
  356.      ],
  357.      product: [`${basePath}/product-ball.png`, `${basePath}/product-cone.png`, `${basePath}/product-cube.png`],
  358.    },
  359.    translations: {
  360.      placeholder_image: `プレースホルダーの画像`,
  361.      added: `追加済み`,
  362.      recipient_form_fields_visible: `受信者フォームフィールドが表示されました`,
  363.      recipient_form_fields_hidden: `受信者フォームフィールドが非表示になりました`,
  364.      recipient_form_error: `フォームの送信の際にエラーが発生しました`,
  365.    },
  366.    routes: {
  367.      cart_add_url: '/cart/add.js',
  368.      cart_change_url: '/cart/change',
  369.      cart_update_url: '/cart/update',
  370.      cart_url: '/cart',
  371.      predictive_search_url: '/search/suggest',
  372.      search_url: '/search',
  373.    },
  374.    template: {
  375.      name: 'index',
  376.    },
  377.  };
  378. </script>
  379. <style data-shopify>
  380.  
  381.  
  382.  @font-face {
  383.  font-family: Inter;
  384.  font-weight: 400;
  385.  font-style: normal;
  386.  font-display: swap;
  387.  src: url("//noson.shop/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"),
  388.       url("//noson.shop/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff");
  389. }
  390.  
  391.  @font-face {
  392.  font-family: Inter;
  393.  font-weight: 700;
  394.  font-style: normal;
  395.  font-display: swap;
  396.  src: url("//noson.shop/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"),
  397.       url("//noson.shop/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff");
  398. }
  399.  
  400.  @font-face {
  401.  font-family: Inter;
  402.  font-weight: 400;
  403.  font-style: italic;
  404.  font-display: swap;
  405.  src: url("//noson.shop/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2") format("woff2"),
  406.       url("//noson.shop/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff") format("woff");
  407. }
  408.  
  409.  @font-face {
  410.  font-family: Inter;
  411.  font-weight: 700;
  412.  font-style: italic;
  413.  font-display: swap;
  414.  src: url("//noson.shop/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"),
  415.       url("//noson.shop/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff");
  416. }
  417.  
  418.  
  419.  
  420.  
  421.  
  422.    @font-face {
  423.  font-family: "Barlow Condensed";
  424.  font-weight: 600;
  425.  font-style: normal;
  426.  font-display: swap;
  427.  src: url("//noson.shop/cdn/fonts/barlow_condensed/barlowcondensed_n6.30a391fe19ded5366170913f031e653a88992edc.woff2") format("woff2"),
  428.       url("//noson.shop/cdn/fonts/barlow_condensed/barlowcondensed_n6.99ed11359eef67b853f0c49f37f89f7abe42cd2f.woff") format("woff");
  429. }
  430.  
  431.    @font-face {
  432.  font-family: "Barlow Condensed";
  433.  font-weight: 700;
  434.  font-style: normal;
  435.  font-display: swap;
  436.  src: url("//noson.shop/cdn/fonts/barlow_condensed/barlowcondensed_n7.b8dc813bf1d64de77250a6675c25535283e1677a.woff2") format("woff2"),
  437.       url("//noson.shop/cdn/fonts/barlow_condensed/barlowcondensed_n7.a36d150be98fef32f23a43ed8605139ce8fcc8f5.woff") format("woff");
  438. }
  439.  
  440.    @font-face {
  441.  font-family: "Barlow Condensed";
  442.  font-weight: 600;
  443.  font-style: italic;
  444.  font-display: swap;
  445.  src: url("//noson.shop/cdn/fonts/barlow_condensed/barlowcondensed_i6.459cd4682534076a2e436e62768c494d0e6f8ad3.woff2") format("woff2"),
  446.       url("//noson.shop/cdn/fonts/barlow_condensed/barlowcondensed_i6.e44b39421fb7c081f9d3d547afa0f9899f3a1588.woff") format("woff");
  447. }
  448.  
  449.    @font-face {
  450.  font-family: "Barlow Condensed";
  451.  font-weight: 700;
  452.  font-style: italic;
  453.  font-display: swap;
  454.  src: url("//noson.shop/cdn/fonts/barlow_condensed/barlowcondensed_i7.ef69176c3a69e990febda79e82ea756536ec243e.woff2") format("woff2"),
  455.       url("//noson.shop/cdn/fonts/barlow_condensed/barlowcondensed_i7.66d45385839c58c717c22033dcc4b561a22e4b7a.woff") format("woff");
  456. }
  457.  
  458.  
  459.  
  460.  
  461.  
  462.  
  463.  
  464.  :root {
  465.    /* Page Layout */
  466.    --sidebar-width: 25rem;
  467.    --narrow-content-width: 36rem;
  468.    --normal-content-width: 42rem;
  469.    --wide-content-width: 46rem;
  470.    --narrow-page-width: 90rem;
  471.    --normal-page-width: 120rem;
  472.    --wide-page-width: 150rem;
  473.  
  474.    /* Section Heights */
  475.    --section-height-small: 15rem;
  476.    --section-height-medium: 25rem;
  477.    --section-height-large: 35rem;
  478.  
  479.    @media screen and (min-width: 40em) {
  480.      --section-height-small: 40svh;
  481.      --section-height-medium: 55svh;
  482.      --section-height-large: 70svh;
  483.    }
  484.  
  485.    @media screen and (min-width: 60em) {
  486.      --section-height-small: 50svh;
  487.      --section-height-medium: 65svh;
  488.      --section-height-large: 80svh;
  489.    }
  490.  
  491.    /* Letter spacing */
  492.    --letter-spacing-sm: 0.06em;
  493.    --letter-spacing-md: 0.13em;
  494.  
  495.    /* Font families */
  496.    --font-body--family: Inter, sans-serif;
  497.    --font-body--style: normal;
  498.    --font-body--weight: 400;
  499.    --font-subheading--family: "Barlow Condensed", sans-serif;
  500.    --font-subheading--style: normal;
  501.    --font-subheading--weight: 600;
  502.    --font-heading--family: "Barlow Condensed", sans-serif;
  503.    --font-heading--style: normal;
  504.    --font-heading--weight: 600;
  505.    --font-accent--family: "Barlow Condensed", sans-serif;
  506.    --font-accent--style: normal;
  507.    --font-accent--weight: 600;
  508.  
  509.    /* Margin sizes */
  510.    --font-h1--spacing: 0.25em;
  511.    --font-h2--spacing: 0.25em;
  512.    --font-h3--spacing: 0.25em;
  513.    --font-h4--spacing: 0.25em;
  514.    --font-h5--spacing: 0.25em;
  515.    --font-h6--spacing: 0.25em;
  516.    --font-paragraph--spacing: 0.5em;
  517.  
  518.    /* Heading colors */
  519.    --font-h1--color: var(--color-foreground-heading);
  520.    --font-h2--color: var(--color-foreground-heading);
  521.    --font-h3--color: var(--color-foreground-heading);
  522.    --font-h4--color: var(--color-foreground-heading);
  523.    --font-h5--color: var(--color-foreground-heading);
  524.    --font-h6--color: var(--color-foreground-heading);
  525.  
  526.    /** Z-Index / Layering */
  527.    --layer-section-background: -2;
  528.    --layer-lowest: -1;
  529.    --layer-base: 0;
  530.    --layer-flat: 1;
  531.    --layer-raised: 2;
  532.    --layer-heightened: 4;
  533.    --layer-sticky: 8;
  534.    --layer-window-overlay: 10;
  535.    --layer-header-menu: 12;
  536.    --layer-overlay: 16;
  537.    --layer-menu-drawer: 18;
  538.    --layer-temporary: 20;
  539.  
  540.    /* Max-width / Measure */
  541.    --max-width--body-normal: 50ch;
  542.    --max-width--body-narrow: 35ch;
  543.  
  544.    --max-width--heading-normal: 50ch;
  545.    --max-width--heading-narrow: 30ch;
  546.  
  547.    --max-width--display-normal: 20ch;
  548.    --max-width--display-narrow: 15ch;
  549.    --max-width--display-tight: 5ch;
  550.  
  551.    /* Letter-spacing / Tracking */
  552.    --letter-spacing--display-tight: -0.03em;
  553.    --letter-spacing--display-normal: 0em;
  554.    --letter-spacing--display-loose: 0.03em;
  555.  
  556.    --letter-spacing--heading-tight: -0.03em;
  557.    --letter-spacing--heading-normal: 0em;
  558.    --letter-spacing--heading-loose: 0.03em;
  559.  
  560.    --letter-spacing--body-tight: -0.03em;
  561.    --letter-spacing--body-normal: 0em;
  562.    --letter-spacing--body-loose: 0.03em;
  563.  
  564.    /* Line height / Leading */
  565.    --line-height: 1;
  566.  
  567.    --line-height--display-tight: 1;
  568.    --line-height--display-normal: 1.1;
  569.    --line-height--display-loose: 1.2;
  570.  
  571.    --line-height--heading-tight: 1.15;
  572.    --line-height--heading-normal: 1.25;
  573.    --line-height--heading-loose: 1.35;
  574.  
  575.    --line-height--body-tight: 1.2;
  576.    --line-height--body-normal: 1.4;
  577.    --line-height--body-loose: 1.6;
  578.  
  579.    /* Typography presets */
  580.    --font-size--paragraph: 0.875rem;--font-size--h1: clamp(3.0rem, 7.2vw, 4.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 1.125rem;--font-size--h6: 1.0rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-normal);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: uppercase;--font-h1--line-height: var(--line-height--display-normal);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: uppercase;--font-h2--line-height: var(--line-height--display-tight);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: uppercase;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-subheading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-subheading--family);--font-h4--style: var(--font-subheading--style);--font-h4--case: uppercase;--font-h4--line-height: var(--line-height--display-normal);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: uppercase;--font-h5--line-height: var(--line-height--display-normal);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: uppercase;--font-h6--line-height: var(--line-height--display-normal);
  581.  
  582.    /* Hardcoded font sizes */
  583.    --font-size--2xs: 0.625rem;
  584.    --font-size--xs: 0.8125rem;
  585.    --font-size--sm: 0.875rem;
  586.    --font-size--md: 1rem;
  587.    --font-size--lg: 1.125rem;
  588.    --font-size--xl: 1.25rem;
  589.    --font-size--2xl: 1.5rem;
  590.    --font-size--3xl: 2rem;
  591.    --font-size--4xl: 2.5rem;
  592.    --font-size--5xl: 3rem;
  593.    --font-size--6xl: 3.5rem;
  594.  
  595.    /* Menu font sizes */
  596.    --menu-font-sm--size: 0.875rem;
  597.    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
  598.    --menu-font-md--size: 1rem;
  599.    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
  600.    --menu-font-lg--size: 1.125rem;
  601.    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
  602.    --menu-font-xl--size: 1.25rem;
  603.    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
  604.    --menu-font-2xl--size: 1.75rem;
  605.    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
  606.  
  607.    /* Colors */
  608.    --color-error: #8B0000;
  609.    --color-success: #006400;
  610.    --color-white: #FFFFFF;
  611.    --color-white-rgb: 255 255 255;
  612.    --color-black: #000000;
  613.    --color-instock: #3ED660;
  614.    --color-lowstock: #EE9441;
  615.    --color-outofstock: #C8C8C8;
  616.  
  617.    /* Opacity */
  618.    --opacity-5: 0.05;
  619.    --opacity-8: 0.08;
  620.    --opacity-10: 0.1;
  621.    --opacity-15: 0.15;
  622.    --opacity-20: 0.2;
  623.    --opacity-25: 0.25;
  624.    --opacity-30: 0.3;
  625.    --opacity-40: 0.4;
  626.    --opacity-50: 0.5;
  627.    --opacity-60: 0.6;
  628.    --opacity-70: 0.7;
  629.    --opacity-80: 0.8;
  630.    --opacity-85: 0.85;
  631.    --opacity-90: 0.9;
  632.    --opacity-subdued-text: var(--opacity-70);
  633.  
  634.    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
  635.    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
  636.  
  637.    /* Spacing */
  638.    --margin-3xs: 0.125rem;
  639.    --margin-2xs: 0.3rem;
  640.    --margin-xs: 0.5rem;
  641.    --margin-sm: 0.7rem;
  642.    --margin-md: 0.8rem;
  643.    --margin-lg: 1rem;
  644.    --margin-xl: 1.25rem;
  645.    --margin-2xl: 1.5rem;
  646.    --margin-3xl: 1.75rem;
  647.    --margin-4xl: 2rem;
  648.    --margin-5xl: 3rem;
  649.    --margin-6xl: 5rem;
  650.  
  651.    --scroll-margin: 50px;
  652.  
  653.    --padding-3xs: 0.125rem;
  654.    --padding-2xs: 0.25rem;
  655.    --padding-xs: 0.5rem;
  656.    --padding-sm: 0.7rem;
  657.    --padding-md: 0.8rem;
  658.    --padding-lg: 1rem;
  659.    --padding-xl: 1.25rem;
  660.    --padding-2xl: 1.5rem;
  661.    --padding-3xl: 1.75rem;
  662.    --padding-4xl: 2rem;
  663.    --padding-5xl: 3rem;
  664.    --padding-6xl: 4rem;
  665.  
  666.    --gap-3xs: 0.125rem;
  667.    --gap-2xs: 0.3rem;
  668.    --gap-xs: 0.5rem;
  669.    --gap-sm: 0.7rem;
  670.    --gap-md: 0.9rem;
  671.    --gap-lg: 1rem;
  672.    --gap-xl: 1.25rem;
  673.    --gap-2xl: 2rem;
  674.    --gap-3xl: 3rem;
  675.  
  676.    --spacing-scale-sm: 0.6;
  677.    --spacing-scale-md: 0.7;
  678.    --spacing-scale-default: 1.0;
  679.  
  680.    /* Checkout buttons gap */
  681.    --checkout-button-gap: 8px;
  682.  
  683.    /* Borders */
  684.    --style-border-width: 1px;
  685.    --style-border-radius-xs: 0.2rem;
  686.    --style-border-radius-sm: 0.6rem;
  687.    --style-border-radius-md: 0.8rem;
  688.    --style-border-radius-50: 50%;
  689.    --style-border-radius-lg: 1rem;
  690.    --style-border-radius-pills: 40px;
  691.    --style-border-radius-inputs: 0px;
  692.    --style-border-radius-buttons-primary: 0px;
  693.    --style-border-radius-buttons-secondary: 0px;
  694.    --style-border-width-primary: 0px;
  695.    --style-border-width-secondary: 0px;
  696.    --style-border-width-inputs: 1px;
  697.    --style-border-radius-popover: 0px;
  698.    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
  699.    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
  700.    --style-border-swatch-opacity: 10%;
  701.    --style-border-swatch-width: 1px;
  702.    --style-border-swatch-style: solid;
  703.  
  704.    /* Animation */
  705.    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
  706.    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
  707.    --animation-speed-fast: 0.0625s;
  708.    --animation-speed: 0.125s;
  709.    --animation-speed-slow: 0.2s;
  710.    --animation-speed-medium: 0.15s;
  711.    --animation-easing: ease-in-out;
  712.    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
  713.    --drawer-animation-speed: 0.2s;
  714.    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
  715.    --animation-values: var(--animation-speed) var(--animation-easing);
  716.    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
  717.    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
  718.    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  719.    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
  720.    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  721.    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
  722.    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
  723.    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
  724.  
  725.    /* View transitions */
  726.    /* View transition old */
  727.    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
  728.  
  729.    /* View transition new */
  730.    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
  731.  
  732.    /* Focus */
  733.    --focus-outline-width: 0.09375rem;
  734.    --focus-outline-offset: 0.2em;
  735.  
  736.    /* Badges */
  737.    --badge-blob-padding-block: 1px;
  738.    --badge-blob-padding-inline: 12px 8px;
  739.    --badge-rectangle-padding-block: 1px;
  740.    --badge-rectangle-padding-inline: 6px;
  741.    @media screen and (min-width: 750px) {
  742.      --badge-blob-padding-block: 4px;
  743.      --badge-blob-padding-inline: 16px 12px;
  744.      --badge-rectangle-padding-block: 4px;
  745.      --badge-rectangle-padding-inline: 10px;
  746.    }
  747.  
  748.    /* Icons */
  749.    --icon-size-2xs: 0.6rem;
  750.    --icon-size-xs: 0.85rem;
  751.    --icon-size-sm: 1.25rem;
  752.    --icon-size-md: 1.375rem;
  753.    --icon-size-lg: 1.5rem;
  754.    --icon-stroke-width: 1.5px;
  755.  
  756.    /* Input */
  757.    --input-email-min-width: 200px;
  758.    --input-search-max-width: 650px;
  759.    --input-padding-y: 0.8rem;
  760.    --input-padding-x: 0.8rem;
  761.    --input-padding: var(--input-padding-y) var(--input-padding-x);
  762.    --input-box-shadow-width: var(--style-border-width-inputs);
  763.    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
  764.    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
  765.    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
  766.    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
  767.    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
  768.    --input-textarea-min-height: 55px;
  769.  
  770.    /* Button size */
  771.    --button-size-sm: 30px;
  772.    --button-size-md: 36px;
  773.    --button-size: var(--minimum-touch-target);
  774.    --button-padding-inline: 24px;
  775.    --button-padding-block: 16px;
  776.  
  777.    /* Button font-family */
  778.    --button-font-family-primary: var(--font-accent--family);
  779.    --button-font-family-secondary: var(--font-body--family);
  780.  
  781.    /* Button font-weight */
  782.    --button-font-weight-primary: 700;
  783.    --button-font-weight-secondary: default;
  784.  
  785.    /* Button text case */
  786.    --button-text-case: ;
  787.    --button-text-case-primary: uppercase;
  788.    --button-text-case-secondary: default;
  789.  
  790.    /* Borders */
  791.    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
  792.    --border-width-sm: 1px;
  793.    --border-width-md: 2px;
  794.    --border-width-lg: 5px;
  795.  
  796.    /* Drawers */
  797.    --drawer-inline-padding: 25px;
  798.    --drawer-menu-inline-padding: 2.5rem;
  799.    --drawer-header-block-padding: 20px;
  800.    --drawer-content-block-padding: 10px;
  801.    --drawer-header-desktop-top: 0rem;
  802.    --drawer-padding: calc(var(--padding-sm) + 7px);
  803.    --drawer-height: 100dvh;
  804.    --drawer-width: 95vw;
  805.    --drawer-max-width: 500px;
  806.  
  807.    /* Variant Picker Swatches */
  808.    --variant-picker-swatch-width-unitless: 30;
  809.    --variant-picker-swatch-height-unitless: 30;
  810.    --variant-picker-swatch-width: 30px;
  811.    --variant-picker-swatch-height: 30px;
  812.    --variant-picker-swatch-radius: 0px;
  813.    --variant-picker-border-width: 1px;
  814.    --variant-picker-border-style: solid;
  815.    --variant-picker-border-opacity: 10%;
  816.  
  817.    /* Variant Picker Buttons */
  818.    --variant-picker-button-radius: 0px;
  819.    --variant-picker-button-border-width: 1px;
  820.  
  821.    /* Slideshow */
  822.    --slideshow-controls-size: 3.5rem;
  823.    --slideshow-controls-icon: 2rem;
  824.    --peek-next-slide-size: 3rem;
  825.  
  826.    /* Utilities */
  827.    --backdrop-opacity: 0.15;
  828.    --backdrop-color-rgb: var(--color-shadow-rgb);
  829.    --minimum-touch-target: 44px;
  830.    --disabled-opacity: 0.5;
  831.    --skeleton-opacity: 0.025;
  832.  
  833.    /* Shapes */
  834.    --shape--circle: circle(50% at center);
  835.    --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
  836.    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  837.    --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);
  838.  
  839.    /* Buy buttons */
  840.    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
  841.  
  842.    /* Card image height variables */
  843.    --height-small: 10rem;
  844.    --height-medium: 11.5rem;
  845.    --height-large: 13rem;
  846.    --height-full: 100vh;
  847.  
  848.    @media screen and (min-width: 750px) {
  849.      --height-small: 17.5rem;
  850.      --height-medium: 21.25rem;
  851.      --height-large: 25rem;
  852.    }
  853.  
  854.    /* Modal */
  855.    --modal-max-height: 65dvh;
  856.  
  857.    /* Card styles for search */
  858.    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
  859.    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
  860.    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
  861.  
  862.    /* Cart */
  863.    --cart-primary-font-family: var(--font-body--family);
  864.    --cart-primary-font-style: var(--font-body--style);
  865.    --cart-primary-font-weight: var(--font-body--weight);
  866.    --cart-secondary-font-family: var(--font-secondary--family);
  867.    --cart-secondary-font-style: var(--font-secondary--style);
  868.    --cart-secondary-font-weight: var(--font-secondary--weight);
  869.  }
  870. </style>
  871. <style data-shopify>
  872.  
  873.    
  874.      :root,
  875.    
  876.    
  877.    
  878.    .color-scheme-1 {
  879.        --color-background: rgb(255 255 255 / 1.0);
  880.        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
  881.        --color-background-rgb: 255 255 255;
  882.        --opacity-5-15: 0.05;
  883.        --opacity-10-25: 0.1;
  884.        --opacity-35-55: 0.35;
  885.        --opacity-40-60: 0.4;
  886.        --opacity-30-60: 0.3;
  887.        --color-foreground: rgb(0 0 0 / 1.0);
  888.        --color-foreground-rgb: 0 0 0;
  889.        --color-foreground-heading: rgb(14 55 186 / 1.0);
  890.        --color-foreground-heading-rgb: 14 55 186;
  891.        --color-primary: rgb(166 0 0 / 1.0);
  892.        --color-primary-rgb: 166 0 0;
  893.        --color-primary-hover: rgb(0 72 255 / 1.0);
  894.        --color-primary-hover-rgb: 0 72 255;
  895.        --color-border: rgb(230 230 230 / 1.0);
  896.        --color-border-rgb: 230 230 230;
  897.        --color-shadow: rgb(0 0 0 / 1.0);
  898.        --color-shadow-rgb: 0 0 0;
  899.        --color-primary-button-text: rgb(255 255 255 / 1.0);
  900.        --color-primary-button-background: rgb(35 66 164 / 1.0);
  901.        --color-primary-button-border: rgb(35 66 164 / 1.0);
  902.        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
  903.        --color-primary-button-hover-background: rgb(59 182 177 / 0.91);
  904.        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
  905.        --color-secondary-button-text: rgb(0 0 0 / 1.0);
  906.        --color-secondary-button-background: rgb(0 0 0 / 0.06);
  907.        --color-secondary-button-border: rgb(35 66 164 / 1.0);
  908.        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
  909.        --color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
  910.        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
  911.        --color-input-background: rgb(255 255 255 / 1.0);
  912.        --color-input-text: rgb(0 0 0 / 1.0);
  913.        --color-input-text-rgb: 0 0 0;
  914.        --color-input-border: rgb(230 230 230 / 1.0);
  915.        --color-input-hover-background: rgb(245 245 245 / 1.0);
  916.        --color-variant-background: rgb(255 255 255 / 1.0);
  917.        --color-variant-border: rgb(230 230 230 / 1.0);
  918.        --color-variant-text: rgb(0 0 0 / 1.0);
  919.        --color-variant-text-rgb: 0 0 0;
  920.        --color-variant-hover-background: rgb(245 245 245 / 1.0);
  921.        --color-variant-hover-text: rgb(0 0 0 / 1.0);
  922.        --color-variant-hover-border: rgb(230 230 230 / 1.0);
  923.        --color-selected-variant-background: rgb(0 0 0 / 1.0);
  924.        --color-selected-variant-border: rgb(0 0 0 / 1.0);
  925.        --color-selected-variant-text: rgb(255 255 255 / 1.0);
  926.        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
  927.        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
  928.        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
  929.  
  930.        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
  931.        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
  932.        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
  933.        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
  934.        --font-h1--color: var(--color-foreground-heading);
  935.        --font-h2--color: var(--color-foreground-heading);
  936.        --font-h3--color: var(--color-foreground-heading);
  937.        --font-h4--color: var(--color-foreground-heading);
  938.        --font-h5--color: var(--color-foreground-heading);
  939.        --font-h6--color: var(--color-foreground-heading);
  940.  
  941.        /* Shadows */
  942.        
  943.        
  944.          --shadow-blur: 20px;
  945.          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
  946.        
  947.      }
  948.  
  949.    
  950.    
  951.    
  952.    .color-scheme-2 {
  953.        --color-background: rgb(241 241 241 / 1.0);
  954.        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
  955.        --color-background-rgb: 241 241 241;
  956.        --opacity-5-15: 0.05;
  957.        --opacity-10-25: 0.1;
  958.        --opacity-35-55: 0.35;
  959.        --opacity-40-60: 0.4;
  960.        --opacity-30-60: 0.3;
  961.        --color-foreground: rgb(0 0 0 / 1.0);
  962.        --color-foreground-rgb: 0 0 0;
  963.        --color-foreground-heading: rgb(0 0 0 / 1.0);
  964.        --color-foreground-heading-rgb: 0 0 0;
  965.        --color-primary: rgb(0 0 0 / 1.0);
  966.        --color-primary-rgb: 0 0 0;
  967.        --color-primary-hover: rgb(0 0 0 / 1.0);
  968.        --color-primary-hover-rgb: 0 0 0;
  969.        --color-border: rgb(230 230 230 / 1.0);
  970.        --color-border-rgb: 230 230 230;
  971.        --color-shadow: rgb(0 0 0 / 1.0);
  972.        --color-shadow-rgb: 0 0 0;
  973.        --color-primary-button-text: rgb(242 242 242 / 1.0);
  974.        --color-primary-button-background: rgb(164 35 37 / 1.0);
  975.        --color-primary-button-border: rgb(164 35 37 / 1.0);
  976.        --color-primary-button-hover-text: rgb(242 242 242 / 1.0);
  977.        --color-primary-button-hover-background: rgb(164 35 37 / 1.0);
  978.        --color-primary-button-hover-border: rgb(164 35 37 / 1.0);
  979.        --color-secondary-button-text: rgb(0 0 0 / 1.0);
  980.        --color-secondary-button-background: rgb(255 255 255 / 1.0);
  981.        --color-secondary-button-border: rgb(0 0 0 / 1.0);
  982.        --color-secondary-button-hover-text: rgb(164 35 37 / 1.0);
  983.        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
  984.        --color-secondary-button-hover-border: rgb(164 35 37 / 1.0);
  985.        --color-input-background: rgb(242 242 242 / 1.0);
  986.        --color-input-text: rgb(0 0 0 / 1.0);
  987.        --color-input-text-rgb: 0 0 0;
  988.        --color-input-border: rgb(0 0 0 / 1.0);
  989.        --color-input-hover-background: rgb(228 228 228 / 1.0);
  990.        --color-variant-background: rgb(255 255 255 / 1.0);
  991.        --color-variant-border: rgb(230 230 230 / 1.0);
  992.        --color-variant-text: rgb(0 0 0 / 1.0);
  993.        --color-variant-text-rgb: 0 0 0;
  994.        --color-variant-hover-background: rgb(245 245 245 / 1.0);
  995.        --color-variant-hover-text: rgb(0 0 0 / 1.0);
  996.        --color-variant-hover-border: rgb(230 230 230 / 1.0);
  997.        --color-selected-variant-background: rgb(0 0 0 / 1.0);
  998.        --color-selected-variant-border: rgb(0 0 0 / 1.0);
  999.        --color-selected-variant-text: rgb(255 255 255 / 1.0);
  1000.        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
  1001.        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
  1002.        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
  1003.  
  1004.        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
  1005.        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
  1006.        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
  1007.        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
  1008.        --font-h1--color: var(--color-foreground-heading);
  1009.        --font-h2--color: var(--color-foreground-heading);
  1010.        --font-h3--color: var(--color-foreground-heading);
  1011.        --font-h4--color: var(--color-foreground-heading);
  1012.        --font-h5--color: var(--color-foreground-heading);
  1013.        --font-h6--color: var(--color-foreground-heading);
  1014.  
  1015.        /* Shadows */
  1016.        
  1017.        
  1018.          --shadow-blur: 20px;
  1019.          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
  1020.        
  1021.      }
  1022.  
  1023.    
  1024.    
  1025.    
  1026.    .color-scheme-3 {
  1027.        --color-background: rgb(232 213 199 / 1.0);
  1028.        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
  1029.        --color-background-rgb: 232 213 199;
  1030.        --opacity-5-15: 0.05;
  1031.        --opacity-10-25: 0.1;
  1032.        --opacity-35-55: 0.35;
  1033.        --opacity-40-60: 0.4;
  1034.        --opacity-30-60: 0.3;
  1035.        --color-foreground: rgb(0 0 0 / 1.0);
  1036.        --color-foreground-rgb: 0 0 0;
  1037.        --color-foreground-heading: rgb(0 0 0 / 1.0);
  1038.        --color-foreground-heading-rgb: 0 0 0;
  1039.        --color-primary: rgb(120 4 6 / 0.91);
  1040.        --color-primary-rgb: 120 4 6;
  1041.        --color-primary-hover: rgb(0 0 0 / 1.0);
  1042.        --color-primary-hover-rgb: 0 0 0;
  1043.        --color-border: rgb(208 208 208 / 1.0);
  1044.        --color-border-rgb: 208 208 208;
  1045.        --color-shadow: rgb(0 0 0 / 1.0);
  1046.        --color-shadow-rgb: 0 0 0;
  1047.        --color-primary-button-text: rgb(255 255 255 / 1.0);
  1048.        --color-primary-button-background: rgb(120 4 6 / 0.91);
  1049.        --color-primary-button-border: rgb(120 4 6 / 0.91);
  1050.        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
  1051.        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
  1052.        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
  1053.        --color-secondary-button-text: rgb(0 0 0 / 1.0);
  1054.        --color-secondary-button-background: rgb(232 213 199 / 1.0);
  1055.        --color-secondary-button-border: rgb(51 50 50 / 1.0);
  1056.        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
  1057.        --color-secondary-button-hover-background: rgb(241 227 217 / 0.77);
  1058.        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
  1059.        --color-input-background: rgb(232 213 199 / 1.0);
  1060.        --color-input-text: rgb(0 0 0 / 1.0);
  1061.        --color-input-text-rgb: 0 0 0;
  1062.        --color-input-border: rgb(0 0 0 / 1.0);
  1063.        --color-input-hover-background: rgb(241 227 217 / 0.77);
  1064.        --color-variant-background: rgb(232 213 199 / 1.0);
  1065.        --color-variant-border: rgb(88 88 88 / 1.0);
  1066.        --color-variant-text: rgb(0 0 0 / 1.0);
  1067.        --color-variant-text-rgb: 0 0 0;
  1068.        --color-variant-hover-background: rgb(241 227 217 / 0.77);
  1069.        --color-variant-hover-text: rgb(0 0 0 / 1.0);
  1070.        --color-variant-hover-border: rgb(0 0 0 / 1.0);
  1071.        --color-selected-variant-background: rgb(0 0 0 / 1.0);
  1072.        --color-selected-variant-border: rgb(0 0 0 / 1.0);
  1073.        --color-selected-variant-text: rgb(255 255 255 / 1.0);
  1074.        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
  1075.        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
  1076.        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
  1077.  
  1078.        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
  1079.        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
  1080.        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
  1081.        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
  1082.        --font-h1--color: var(--color-foreground-heading);
  1083.        --font-h2--color: var(--color-foreground-heading);
  1084.        --font-h3--color: var(--color-foreground-heading);
  1085.        --font-h4--color: var(--color-foreground-heading);
  1086.        --font-h5--color: var(--color-foreground-heading);
  1087.        --font-h6--color: var(--color-foreground-heading);
  1088.  
  1089.        /* Shadows */
  1090.        
  1091.        
  1092.          --shadow-blur: 20px;
  1093.          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
  1094.        
  1095.      }
  1096.  
  1097.    
  1098.    
  1099.    
  1100.    .color-scheme-4 {
  1101.        --color-background: rgb(164 35 37 / 1.0);
  1102.        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
  1103.        --color-background-rgb: 164 35 37;
  1104.        --opacity-5-15: 0.05;
  1105.        --opacity-10-25: 0.1;
  1106.        --opacity-35-55: 0.35;
  1107.        --opacity-40-60: 0.4;
  1108.        --opacity-30-60: 0.3;
  1109.        --color-foreground: rgb(255 255 255 / 1.0);
  1110.        --color-foreground-rgb: 255 255 255;
  1111.        --color-foreground-heading: rgb(255 255 255 / 1.0);
  1112.        --color-foreground-heading-rgb: 255 255 255;
  1113.        --color-primary: rgb(164 35 37 / 1.0);
  1114.        --color-primary-rgb: 164 35 37;
  1115.        --color-primary-hover: rgb(164 35 37 / 1.0);
  1116.        --color-primary-hover-rgb: 164 35 37;
  1117.        --color-border: rgb(0 0 0 / 1.0);
  1118.        --color-border-rgb: 0 0 0;
  1119.        --color-shadow: rgb(0 0 0 / 1.0);
  1120.        --color-shadow-rgb: 0 0 0;
  1121.        --color-primary-button-text: rgb(164 35 37 / 1.0);
  1122.        --color-primary-button-background: rgb(255 255 255 / 1.0);
  1123.        --color-primary-button-border: rgb(255 255 255 / 1.0);
  1124.        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
  1125.        --color-primary-button-hover-background: rgb(215 102 104 / 1.0);
  1126.        --color-primary-button-hover-border: rgb(215 102 104 / 1.0);
  1127.        --color-secondary-button-text: rgb(255 255 255 / 1.0);
  1128.        --color-secondary-button-background: rgb(164 35 37 / 1.0);
  1129.        --color-secondary-button-border: rgb(255 255 255 / 1.0);
  1130.        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
  1131.        --color-secondary-button-hover-background: rgb(215 102 104 / 1.0);
  1132.        --color-secondary-button-hover-border: rgb(215 102 104 / 1.0);
  1133.        --color-input-background: rgb(164 35 37 / 1.0);
  1134.        --color-input-text: rgb(255 255 255 / 1.0);
  1135.        --color-input-text-rgb: 255 255 255;
  1136.        --color-input-border: rgb(255 255 255 / 0.89);
  1137.        --color-input-hover-background: rgb(120 4 6 / 0.91);
  1138.        --color-variant-background: rgb(164 35 37 / 1.0);
  1139.        --color-variant-border: rgb(230 230 230 / 1.0);
  1140.        --color-variant-text: rgb(255 255 255 / 1.0);
  1141.        --color-variant-text-rgb: 255 255 255;
  1142.        --color-variant-hover-background: rgb(245 245 245 / 1.0);
  1143.        --color-variant-hover-text: rgb(0 0 0 / 1.0);
  1144.        --color-variant-hover-border: rgb(230 230 230 / 1.0);
  1145.        --color-selected-variant-background: rgb(0 0 0 / 1.0);
  1146.        --color-selected-variant-border: rgb(0 0 0 / 1.0);
  1147.        --color-selected-variant-text: rgb(255 255 255 / 1.0);
  1148.        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
  1149.        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
  1150.        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
  1151.  
  1152.        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
  1153.        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
  1154.        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
  1155.        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
  1156.        --font-h1--color: var(--color-foreground-heading);
  1157.        --font-h2--color: var(--color-foreground-heading);
  1158.        --font-h3--color: var(--color-foreground-heading);
  1159.        --font-h4--color: var(--color-foreground-heading);
  1160.        --font-h5--color: var(--color-foreground-heading);
  1161.        --font-h6--color: var(--color-foreground-heading);
  1162.  
  1163.        /* Shadows */
  1164.        
  1165.        
  1166.          --shadow-blur: 20px;
  1167.          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
  1168.        
  1169.      }
  1170.  
  1171.    
  1172.    
  1173.    
  1174.    .color-scheme-5 {
  1175.        --color-background: rgb(0 0 0 / 1.0);
  1176.        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
  1177.        --color-background-rgb: 0 0 0;
  1178.        --opacity-5-15: 0.15;
  1179.        --opacity-10-25: 0.25;
  1180.        --opacity-35-55: 0.55;
  1181.        --opacity-40-60: 0.6;
  1182.        --opacity-30-60: 0.6;
  1183.        --color-foreground: rgb(255 255 255 / 1.0);
  1184.        --color-foreground-rgb: 255 255 255;
  1185.        --color-foreground-heading: rgb(255 255 255 / 1.0);
  1186.        --color-foreground-heading-rgb: 255 255 255;
  1187.        --color-primary: rgb(0 0 0 / 1.0);
  1188.        --color-primary-rgb: 0 0 0;
  1189.        --color-primary-hover: rgb(0 0 0 / 1.0);
  1190.        --color-primary-hover-rgb: 0 0 0;
  1191.        --color-border: rgb(102 102 102 / 1.0);
  1192.        --color-border-rgb: 102 102 102;
  1193.        --color-shadow: rgb(0 0 0 / 1.0);
  1194.        --color-shadow-rgb: 0 0 0;
  1195.        --color-primary-button-text: rgb(0 0 0 / 1.0);
  1196.        --color-primary-button-background: rgb(255 255 255 / 1.0);
  1197.        --color-primary-button-border: rgb(255 255 255 / 1.0);
  1198.        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
  1199.        --color-primary-button-hover-background: rgb(222 222 222 / 1.0);
  1200.        --color-primary-button-hover-border: rgb(222 222 222 / 1.0);
  1201.        --color-secondary-button-text: rgb(255 255 255 / 1.0);
  1202.        --color-secondary-button-background: rgb(0 0 0 / 1.0);
  1203.        --color-secondary-button-border: rgb(255 255 255 / 1.0);
  1204.        --color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
  1205.        --color-secondary-button-hover-background: rgb(0 0 0 / 1.0);
  1206.        --color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
  1207.        --color-input-background: rgb(0 0 0 / 1.0);
  1208.        --color-input-text: rgb(255 255 255 / 1.0);
  1209.        --color-input-text-rgb: 255 255 255;
  1210.        --color-input-border: rgb(255 255 255 / 1.0);
  1211.        --color-input-hover-background: rgb(51 50 50 / 1.0);
  1212.        --color-variant-background: rgb(0 0 0 / 1.0);
  1213.        --color-variant-border: rgb(255 255 255 / 1.0);
  1214.        --color-variant-text: rgb(255 255 255 / 1.0);
  1215.        --color-variant-text-rgb: 255 255 255;
  1216.        --color-variant-hover-background: rgb(245 245 245 / 1.0);
  1217.        --color-variant-hover-text: rgb(0 0 0 / 1.0);
  1218.        --color-variant-hover-border: rgb(230 230 230 / 1.0);
  1219.        --color-selected-variant-background: rgb(255 255 255 / 1.0);
  1220.        --color-selected-variant-border: rgb(255 255 255 / 1.0);
  1221.        --color-selected-variant-text: rgb(0 0 0 / 1.0);
  1222.        --color-selected-variant-hover-background: rgb(255 255 255 / 0.19);
  1223.        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
  1224.        --color-selected-variant-hover-border: rgb(0 0 0 / 1.0);
  1225.  
  1226.        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
  1227.        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
  1228.        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
  1229.        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
  1230.        --font-h1--color: var(--color-foreground-heading);
  1231.        --font-h2--color: var(--color-foreground-heading);
  1232.        --font-h3--color: var(--color-foreground-heading);
  1233.        --font-h4--color: var(--color-foreground-heading);
  1234.        --font-h5--color: var(--color-foreground-heading);
  1235.        --font-h6--color: var(--color-foreground-heading);
  1236.  
  1237.        /* Shadows */
  1238.        
  1239.        
  1240.          --shadow-blur: 20px;
  1241.          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
  1242.        
  1243.      }
  1244.  
  1245.    
  1246.    
  1247.    
  1248.    .color-scheme-6 {
  1249.        --color-background: rgb(0 0 0 / 0.0);
  1250.        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
  1251.        --color-background-rgb: 0 0 0;
  1252.        --opacity-5-15: 0.15;
  1253.        --opacity-10-25: 0.25;
  1254.        --opacity-35-55: 0.55;
  1255.        --opacity-40-60: 0.6;
  1256.        --opacity-30-60: 0.6;
  1257.        --color-foreground: rgb(255 255 255 / 1.0);
  1258.        --color-foreground-rgb: 255 255 255;
  1259.        --color-foreground-heading: rgb(0 0 0 / 1.0);
  1260.        --color-foreground-heading-rgb: 0 0 0;
  1261.        --color-primary: rgb(255 255 255 / 1.0);
  1262.        --color-primary-rgb: 255 255 255;
  1263.        --color-primary-hover: rgb(255 255 255 / 1.0);
  1264.        --color-primary-hover-rgb: 255 255 255;
  1265.        --color-border: rgb(0 0 0 / 0.0);
  1266.        --color-border-rgb: 0 0 0;
  1267.        --color-shadow: rgb(0 0 0 / 0.0);
  1268.        --color-shadow-rgb: 0 0 0;
  1269.        --color-primary-button-text: rgb(0 0 0 / 1.0);
  1270.        --color-primary-button-background: rgb(255 255 255 / 1.0);
  1271.        --color-primary-button-border: rgb(255 255 255 / 1.0);
  1272.        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
  1273.        --color-primary-button-hover-background: rgb(222 222 222 / 1.0);
  1274.        --color-primary-button-hover-border: rgb(222 222 222 / 1.0);
  1275.        --color-secondary-button-text: rgb(255 255 255 / 1.0);
  1276.        --color-secondary-button-background: rgb(0 0 0 / 0.0);
  1277.        --color-secondary-button-border: rgb(255 255 255 / 1.0);
  1278.        --color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
  1279.        --color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
  1280.        --color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
  1281.        --color-input-background: rgb(255 255 255 / 1.0);
  1282.        --color-input-text: rgb(0 0 0 / 1.0);
  1283.        --color-input-text-rgb: 0 0 0;
  1284.        --color-input-border: rgb(0 0 0 / 1.0);
  1285.        --color-input-hover-background: rgb(245 245 245 / 1.0);
  1286.        --color-variant-background: rgb(255 255 255 / 1.0);
  1287.        --color-variant-border: rgb(230 230 230 / 1.0);
  1288.        --color-variant-text: rgb(0 0 0 / 1.0);
  1289.        --color-variant-text-rgb: 0 0 0;
  1290.        --color-variant-hover-background: rgb(245 245 245 / 1.0);
  1291.        --color-variant-hover-text: rgb(0 0 0 / 1.0);
  1292.        --color-variant-hover-border: rgb(230 230 230 / 1.0);
  1293.        --color-selected-variant-background: rgb(0 0 0 / 1.0);
  1294.        --color-selected-variant-border: rgb(0 0 0 / 1.0);
  1295.        --color-selected-variant-text: rgb(255 255 255 / 1.0);
  1296.        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
  1297.        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
  1298.        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
  1299.  
  1300.        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
  1301.        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
  1302.        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
  1303.        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
  1304.        --font-h1--color: var(--color-foreground-heading);
  1305.        --font-h2--color: var(--color-foreground-heading);
  1306.        --font-h3--color: var(--color-foreground-heading);
  1307.        --font-h4--color: var(--color-foreground-heading);
  1308.        --font-h5--color: var(--color-foreground-heading);
  1309.        --font-h6--color: var(--color-foreground-heading);
  1310.  
  1311.        /* Shadows */
  1312.        
  1313.        
  1314.          --shadow-blur: 20px;
  1315.          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
  1316.        
  1317.      }
  1318.  
  1319.    
  1320.    
  1321.    
  1322.    .color-scheme-7 {
  1323.        --color-background: rgb(0 0 0 / 0.0);
  1324.        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
  1325.        --color-background-rgb: 0 0 0;
  1326.        --opacity-5-15: 0.15;
  1327.        --opacity-10-25: 0.25;
  1328.        --opacity-35-55: 0.55;
  1329.        --opacity-40-60: 0.6;
  1330.        --opacity-30-60: 0.6;
  1331.        --color-foreground: rgb(0 0 0 / 1.0);
  1332.        --color-foreground-rgb: 0 0 0;
  1333.        --color-foreground-heading: rgb(164 35 37 / 1.0);
  1334.        --color-foreground-heading-rgb: 164 35 37;
  1335.        --color-primary: rgb(0 0 0 / 1.0);
  1336.        --color-primary-rgb: 0 0 0;
  1337.        --color-primary-hover: rgb(0 0 0 / 0.53);
  1338.        --color-primary-hover-rgb: 0 0 0;
  1339.        --color-border: rgb(230 230 230 / 1.0);
  1340.        --color-border-rgb: 230 230 230;
  1341.        --color-shadow: rgb(0 0 0 / 1.0);
  1342.        --color-shadow-rgb: 0 0 0;
  1343.        --color-primary-button-text: rgb(255 255 255 / 1.0);
  1344.        --color-primary-button-background: rgb(0 0 0 / 1.0);
  1345.        --color-primary-button-border: rgb(0 0 0 / 1.0);
  1346.        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
  1347.        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
  1348.        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
  1349.        --color-secondary-button-text: rgb(0 0 0 / 1.0);
  1350.        --color-secondary-button-background: rgb(0 0 0 / 0.06);
  1351.        --color-secondary-button-border: rgb(0 0 0 / 1.0);
  1352.        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
  1353.        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
  1354.        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
  1355.        --color-input-background: rgb(255 255 255 / 1.0);
  1356.        --color-input-text: rgb(0 0 0 / 0.53);
  1357.        --color-input-text-rgb: 0 0 0;
  1358.        --color-input-border: rgb(0 0 0 / 0.13);
  1359.        --color-input-hover-background: rgb(245 245 245 / 1.0);
  1360.        --color-variant-background: rgb(255 255 255 / 1.0);
  1361.        --color-variant-border: rgb(230 230 230 / 1.0);
  1362.        --color-variant-text: rgb(0 0 0 / 1.0);
  1363.        --color-variant-text-rgb: 0 0 0;
  1364.        --color-variant-hover-background: rgb(245 245 245 / 1.0);
  1365.        --color-variant-hover-text: rgb(0 0 0 / 1.0);
  1366.        --color-variant-hover-border: rgb(230 230 230 / 1.0);
  1367.        --color-selected-variant-background: rgb(0 0 0 / 1.0);
  1368.        --color-selected-variant-border: rgb(0 0 0 / 1.0);
  1369.        --color-selected-variant-text: rgb(255 255 255 / 1.0);
  1370.        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
  1371.        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
  1372.        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
  1373.  
  1374.        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
  1375.        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
  1376.        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
  1377.        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
  1378.        --font-h1--color: var(--color-foreground-heading);
  1379.        --font-h2--color: var(--color-foreground-heading);
  1380.        --font-h3--color: var(--color-foreground-heading);
  1381.        --font-h4--color: var(--color-foreground-heading);
  1382.        --font-h5--color: var(--color-foreground-heading);
  1383.        --font-h6--color: var(--color-foreground-heading);
  1384.  
  1385.        /* Shadows */
  1386.        
  1387.        
  1388.          --shadow-blur: 20px;
  1389.          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
  1390.        
  1391.      }
  1392.  
  1393.  
  1394.  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-7 {
  1395.    color: var(--color-foreground);
  1396.    background-color: var(--color-background);
  1397.  }
  1398. </style>
  1399.  
  1400.  
  1401.    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/77554909396/digital_wallets/dialog">
  1402. <meta name="shopify-checkout-api-token" content="96a84ca6325ab91072595bf227f92150">
  1403. <meta id="in-context-paypal-metadata" data-shop-id="77554909396" data-venmo-supported="false" data-environment="production" data-locale="ja_JP" data-paypal-v4="true" data-currency="JPY">
  1404. <link rel="alternate" hreflang="x-default" href="https://noson.shop/">
  1405. <link rel="alternate" hreflang="en" href="https://noson.shop/en">
  1406. <script async="async" src="/checkouts/internal/preloads.js?locale=ja-JP"></script>
  1407. <link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
  1408. <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=ja-JP&shop_id=77554909396" crossorigin="anonymous"></script>
  1409. <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":77554909396,"countryCode":"JP","currencyCode":"JPY","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/77554909396","merchantName":"nosonJAPAN","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","jcb","discover"],"total":{"type":"pending","label":"nosonJAPAN","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
  1410. <script id="shopify-features" type="application/json">{"accessToken":"96a84ca6325ab91072595bf227f92150","betas":["rich-media-storefront-analytics"],"domain":"noson.shop","predictiveSearch":false,"shopId":77554909396,"locale":"ja"}</script>
  1411. <script>var Shopify = Shopify || {};
  1412. Shopify.shop = "wztjnj-1r.myshopify.com";
  1413. Shopify.locale = "ja";
  1414. Shopify.currency = {"active":"JPY","rate":"1.0"};
  1415. Shopify.country = "JP";
  1416. Shopify.theme = {"name":"Savor","id":153716457684,"schema_name":"Savor","schema_version":"2.1.6","theme_store_id":3626,"role":"main"};
  1417. Shopify.theme.handle = "null";
  1418. Shopify.theme.style = {"id":null,"handle":null};
  1419. Shopify.cdnHost = "noson.shop/cdn";
  1420. Shopify.routes = Shopify.routes || {};
  1421. Shopify.routes.root = "/";</script>
  1422. <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
  1423. <script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
  1424. <script>
  1425.  window.ShopifyPay = window.ShopifyPay || {};
  1426.  window.ShopifyPay.apiHost = "shop.app\/pay";
  1427.  window.ShopifyPay.redirectState = null;
  1428. </script>
  1429. <script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
  1430. <script defer="defer" async type="module" src="//noson.shop/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_BSqsFo7o.ja.esm.js"></script>
  1431. <script defer="defer" async type="module" src="//noson.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.common_6n9VALit.esm.js"></script>
  1432. <script type="module">
  1433.  await import("//noson.shop/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_BSqsFo7o.ja.esm.js");
  1434. await import("//noson.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.common_6n9VALit.esm.js");
  1435.  
  1436.  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
  1437.  
  1438. </script>
  1439. <script>
  1440.  window.Shopify = window.Shopify || {};
  1441.  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  1442.  window.Shopify.featureAssets['shop-js'] = {"shop-cart-sync":["modules/v2/client.shop-cart-sync_FYEDun_b.ja.esm.js","modules/v2/chunk.common_6n9VALit.esm.js"],"shop-button":["modules/v2/client.shop-button_BjSxJbp4.ja.esm.js","modules/v2/chunk.common_6n9VALit.esm.js"],"init-fed-cm":["modules/v2/client.init-fed-cm_C46qyTUH.ja.esm.js","modules/v2/chunk.common_6n9VALit.esm.js"],"init-windoid":["modules/v2/client.init-windoid_BK0yZCPj.ja.esm.js","modules/v2/chunk.common_6n9VALit.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_BZ-CWxHo.ja.esm.js","modules/v2/chunk.common_6n9VALit.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_Df-MzP_z.ja.esm.js","modules/v2/chunk.common_6n9VALit.esm.js","modules/v2/chunk.modal_DPPCO77x.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.ja.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_CYLGeAud.ja.esm.js","modules/v2/chunk.common_6n9VALit.esm.js"],"init-shop-cart-sync":["modules/v2/client.init-shop-cart-sync_BSqsFo7o.ja.esm.js","modules/v2/chunk.common_6n9VALit.esm.js"],"pay-button":["modules/v2/client.pay-button_ClJL3zyi.ja.esm.js","modules/v2/chunk.common_6n9VALit.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_txYMAFH5.ja.esm.js","modules/v2/client.shop-login-button_C_k9azOy.ja.esm.js","modules/v2/chunk.common_6n9VALit.esm.js","modules/v2/chunk.modal_DPPCO77x.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_DXhOgGtH.ja.esm.js","modules/v2/client.shop-login-button_C_k9azOy.ja.esm.js","modules/v2/chunk.common_6n9VALit.esm.js","modules/v2/chunk.modal_DPPCO77x.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_DAR0auer.ja.esm.js","modules/v2/chunk.common_6n9VALit.esm.js","modules/v2/chunk.modal_DPPCO77x.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_DEvsCtWn.ja.esm.js","modules/v2/client.shop-login-button_C_k9azOy.ja.esm.js","modules/v2/chunk.common_6n9VALit.esm.js","modules/v2/chunk.modal_DPPCO77x.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_C_k9azOy.ja.esm.js","modules/v2/chunk.common_6n9VALit.esm.js","modules/v2/chunk.modal_DPPCO77x.esm.js"],"shop-login":["modules/v2/client.shop-login_yb0gg4z5.ja.esm.js","modules/v2/chunk.common_6n9VALit.esm.js","modules/v2/chunk.modal_DPPCO77x.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_Dw0jJTGJ.ja.esm.js","modules/v2/chunk.common_6n9VALit.esm.js","modules/v2/chunk.modal_DPPCO77x.esm.js"],"lead-capture":["modules/v2/client.lead-capture_CK5L_FoU.ja.esm.js","modules/v2/chunk.common_6n9VALit.esm.js","modules/v2/chunk.modal_DPPCO77x.esm.js"],"payment-terms":["modules/v2/client.payment-terms_BulomKng.ja.esm.js","modules/v2/chunk.common_6n9VALit.esm.js","modules/v2/chunk.modal_DPPCO77x.esm.js"]};
  1443. </script>
  1444. <script id="__st">var __st={"a":77554909396,"offset":32400,"reqid":"6ae69e9f-761e-4faf-a891-9e9ce3010f85-1762306799","pageurl":"noson.shop\/","u":"9d1726fb135e","p":"home"};</script>
  1445. <script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
  1446. <script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'hCaptchaによる保護',privacyText:'プライバシー',termsText:'利用規約'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
  1447. <script integrity="sha256-52AcMU7V7pcBOXWImdc/TAGTFKeNjmkeM1Pvks/DTgc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//noson.shop/cdn/shopifycloud/storefront/assets/storefront/load_feature-81c60534.js" crossorigin="anonymous"></script>
  1448. <script crossorigin="anonymous" defer="defer" src="//noson.shop/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-65b4c6d7.js?v=20250812"></script>
  1449. <script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://noson.shop/cdn/shopifycloud/portable-wallets/latest/portable-wallets.ja.js",t.type="module",document.head.appendChild(t)}};
  1450. </script>
  1451. <script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  1452.  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
  1453. </script>
  1454. <script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
  1455. </script>
  1456. <script async crossorigin src="/cdn/shopifycloud/autosizes-uploader/autosizes.1.0.0.js"></script>
  1457. <link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://noson.shop/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
  1458. <style id="shopify-accelerated-checkout-cart">
  1459.        #shopify-buyer-consent {
  1460.  margin-top: 1em;
  1461.  display: inline-block;
  1462.  width: 100%;
  1463. }
  1464.  
  1465. #shopify-buyer-consent.hidden {
  1466.  display: none;
  1467. }
  1468.  
  1469. #shopify-subscription-policy-button {
  1470.  background: none;
  1471.  border: none;
  1472.  padding: 0;
  1473.  text-decoration: underline;
  1474.  font-size: inherit;
  1475.  cursor: pointer;
  1476. }
  1477.  
  1478. #shopify-subscription-policy-button::before {
  1479.  box-shadow: none;
  1480. }
  1481.  
  1482.      </style>
  1483. <link rel="stylesheet" media="screen" href="//noson.shop/cdn/shop/t/2/compiled_assets/styles.css?111">
  1484. <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
  1485.  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
  1486. <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 77554909396,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
  1487. <script id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 77554909396,storefrontBaseUrl: "https://noson.shop",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86"],webPixelsConfigList: [{"id":"117801172","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"3","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"GA4 noson.shop"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"nosonJAPAN","paymentSettings":{"currencyCode":"JPY"},"myshopifyDomain":"wztjnj-1r.myshopify.com","countryCode":"JP","storefrontUrl":"https:\/\/noson.shop"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://noson.shop/cdn","5303c62bw494ab25dp0d72f2dcm48e21f5a",{"modern":"","legacy":""},{"shopId":"77554909396","storefrontBaseUrl":"https:\/\/noson.shop","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\"]","isMerchantRequest":"false","hashVersion":"5303c62bw494ab25dp0d72f2dcm48e21f5a","publish":"custom","events":"[[\"page_viewed\",{}]]"});</script><script>
  1488.  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  1489.  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  1490.  window.ShopifyAnalytics.meta.currency = 'JPY';
  1491.  var meta = {"page":{"pageType":"home"}};
  1492.  for (var attr in meta) {
  1493.    window.ShopifyAnalytics.meta[attr] = meta[attr];
  1494.  }
  1495. </script>
  1496. <script class="analytics">
  1497.  (function () {
  1498.    var customDocumentWrite = function(content) {
  1499.      var jquery = null;
  1500.  
  1501.      if (window.jQuery) {
  1502.        jquery = window.jQuery;
  1503.      } else if (window.Checkout && window.Checkout.$) {
  1504.        jquery = window.Checkout.$;
  1505.      }
  1506.  
  1507.      if (jquery) {
  1508.        jquery('body').append(content);
  1509.      }
  1510.    };
  1511.  
  1512.    var hasLoggedConversion = function(token) {
  1513.      if (token) {
  1514.        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
  1515.      }
  1516.      return false;
  1517.    }
  1518.  
  1519.    var setCookieIfConversion = function(token) {
  1520.      if (token) {
  1521.        var twoMonthsFromNow = new Date(Date.now());
  1522.        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
  1523.  
  1524.        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
  1525.      }
  1526.    }
  1527.  
  1528.    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
  1529.    if (trekkie.integrations) {
  1530.      return;
  1531.    }
  1532.    trekkie.methods = [
  1533.      'identify',
  1534.      'page',
  1535.      'ready',
  1536.      'track',
  1537.      'trackForm',
  1538.      'trackLink'
  1539.    ];
  1540.    trekkie.factory = function(method) {
  1541.      return function() {
  1542.        var args = Array.prototype.slice.call(arguments);
  1543.        args.unshift(method);
  1544.        trekkie.push(args);
  1545.        return trekkie;
  1546.      };
  1547.    };
  1548.    for (var i = 0; i < trekkie.methods.length; i++) {
  1549.      var key = trekkie.methods[i];
  1550.      trekkie[key] = trekkie.factory(key);
  1551.    }
  1552.    trekkie.load = function(config) {
  1553.      trekkie.config = config || {};
  1554.      trekkie.config.initialDocumentCookie = document.cookie;
  1555.      var first = document.getElementsByTagName('script')[0];
  1556.      var script = document.createElement('script');
  1557.      script.type = 'text/javascript';
  1558.      script.onerror = function(e) {
  1559.        var scriptFallback = document.createElement('script');
  1560.        scriptFallback.type = 'text/javascript';
  1561.        scriptFallback.onerror = function(error) {
  1562.                var Monorail = {
  1563.      produce: function produce(monorailDomain, schemaId, payload) {
  1564.        var currentMs = new Date().getTime();
  1565.        var event = {
  1566.          schema_id: schemaId,
  1567.          payload: payload,
  1568.          metadata: {
  1569.            event_created_at_ms: currentMs,
  1570.            event_sent_at_ms: currentMs
  1571.          }
  1572.        };
  1573.        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
  1574.      },
  1575.      sendRequest: function sendRequest(endpointUrl, payload) {
  1576.        // Try the sendBeacon API
  1577.        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
  1578.          var blobData = new window.Blob([payload], {
  1579.            type: 'text/plain'
  1580.          });
  1581.  
  1582.          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
  1583.            return true;
  1584.          } // sendBeacon was not successful
  1585.  
  1586.        } // XHR beacon
  1587.  
  1588.        var xhr = new XMLHttpRequest();
  1589.  
  1590.        try {
  1591.          xhr.open('POST', endpointUrl);
  1592.          xhr.setRequestHeader('Content-Type', 'text/plain');
  1593.          xhr.send(payload);
  1594.        } catch (e) {
  1595.          console.log(e);
  1596.        }
  1597.  
  1598.        return false;
  1599.      },
  1600.      isIos12: function isIos12() {
  1601.        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
  1602.      }
  1603.    };
  1604.    Monorail.produce('monorail-edge.shopifysvc.com',
  1605.      'trekkie_storefront_load_errors/1.1',
  1606.      {shop_id: 77554909396,
  1607.      theme_id: 153716457684,
  1608.      app_name: "storefront",
  1609.      context_url: window.location.href,
  1610.      source_url: "//noson.shop/cdn/s/trekkie.storefront.5ad93876886aa0a32f5bade9f25632a26c6f183a.min.js"});
  1611.  
  1612.        };
  1613.        scriptFallback.async = true;
  1614.        scriptFallback.src = '//noson.shop/cdn/s/trekkie.storefront.5ad93876886aa0a32f5bade9f25632a26c6f183a.min.js';
  1615.        first.parentNode.insertBefore(scriptFallback, first);
  1616.      };
  1617.      script.async = true;
  1618.      script.src = '//noson.shop/cdn/s/trekkie.storefront.5ad93876886aa0a32f5bade9f25632a26c6f183a.min.js';
  1619.      first.parentNode.insertBefore(script, first);
  1620.    };
  1621.    trekkie.load(
  1622.      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":77554909396,"isMerchantRequest":null,"themeId":153716457684,"themeCityHash":"2135702675133037650","contentLanguage":"ja","currency":"JPY","eventMetadataId":"fe458d66-fd26-454d-ba4c-77fa4f237446"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["f0df213a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
  1623.    );
  1624.  
  1625.    var loaded = false;
  1626.    trekkie.ready(function() {
  1627.      if (loaded) return;
  1628.      loaded = true;
  1629.  
  1630.      window.ShopifyAnalytics.lib = window.trekkie;
  1631.  
  1632.      var originalDocumentWrite = document.write;
  1633.      document.write = customDocumentWrite;
  1634.      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
  1635.      document.write = originalDocumentWrite;
  1636.  
  1637.      window.ShopifyAnalytics.lib.page(null,{"pageType":"home","shopifyEmitted":true});
  1638.  
  1639.      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
  1640.      var token = match? match[1]: undefined;
  1641.      if (!hasLoggedConversion(token)) {
  1642.        setCookieIfConversion(token);
  1643.        
  1644.      }
  1645.    });
  1646.  
  1647.  
  1648.        var eventsListenerScript = document.createElement('script');
  1649.        eventsListenerScript.async = true;
  1650.        eventsListenerScript.src = "//noson.shop/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
  1651.        document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
  1652.  
  1653. })();</script>
  1654. <script
  1655.  defer
  1656.  src="https://noson.shop/cdn/shopifycloud/perf-kit/shopify-perf-kit-2.1.2.min.js"
  1657.  data-application="storefront-renderer"
  1658.  data-shop-id="77554909396"
  1659.  data-render-region="gcp-us-east1"
  1660.  data-page-type="index"
  1661.  data-theme-instance-id="153716457684"
  1662.  data-theme-name="Savor"
  1663.  data-theme-version="2.1.6"
  1664.  data-monorail-region="shop_domain"
  1665.  data-resource-timing-sampling-rate="10"
  1666.  data-shs="true"
  1667.  data-shs-beacon="true"
  1668.  data-shs-export-with-fetch="true"
  1669.  data-shs-logs-sample-rate="1"
  1670. ></script>
  1671. </head>
  1672.  
  1673.  <body class="page-width-narrow card-hover-effect-subtle-zoom">
  1674.    <a
  1675.  class="skip-to-content-link button-secondary"
  1676.  href="#MainContent"
  1677. >
  1678.  コンテンツにスキップ
  1679. </a>
  1680.  
  1681.    <div id="header-group">
  1682.      <!-- BEGIN sections: header-group -->
  1683. <header id="shopify-section-sections--20078608285908__header_section" class="shopify-section shopify-section-group-header-group header-section">
  1684.  
  1685.  
  1686.  
  1687. <script type="application/ld+json">
  1688.  {
  1689.    "@context": "http://schema.org",
  1690.    "@type": "Organization",
  1691.    "name": "nosonJAPAN",
  1692.    
  1693.      "logo": "https:\/\/noson.shop\/cdn\/shop\/files\/noson_japan_logo.png?v=1756457471\u0026width=500",
  1694.    
  1695.    "url": "https:\/\/noson.shop"
  1696.  }
  1697. </script>
  1698.  
  1699. <header-component
  1700.  id="header-component"
  1701.  class="header color-scheme-6"
  1702.  
  1703.    transparent="always"
  1704.  
  1705.  
  1706.  data-skip-node-update
  1707.  data-scroll-direction="none"
  1708. >
  1709.  
  1710.    
  1711.  
  1712.    
  1713.  
  1714.    
  1715.    
  1716.      <div
  1717.        class="header__row header__row--top color-scheme-1 section section--full-width-margin section--full-width"
  1718.        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
  1719.        <div class="header__columns spacing-style">
  1720.          <div
  1721.      class="header__column header__column--left"
  1722.      data-testid="header-top-left"
  1723.    >
  1724.      
  1725.        
  1726.          
  1727.              
  1728.  
  1729.  
  1730.  
  1731.    <div
  1732.      class="header__drawer desktop:hidden"
  1733.      ref="headerDrawerContainer"
  1734.      style=""
  1735.      
  1736.    >
  1737.      
  1738.  
  1739. <script
  1740.  src="//noson.shop/cdn/shop/t/2/assets/header-drawer.js?v=38290796699993510201755160478"
  1741.  type="module"
  1742.  fetchpriority="low"
  1743. ></script>
  1744.  
  1745. <header-drawer
  1746.  class="header-drawer header__drawer--mobile"
  1747.  style="--menu-image-border-radius: px;"
  1748. >
  1749.  <details
  1750.    id="Details-menu-drawer-container"
  1751.    data-skip-node-update="true"
  1752.    class="menu-drawer-container"
  1753.    ref="details"
  1754.    scroll-lock
  1755.  >
  1756.    <summary
  1757.      class="header__icon header__icon--menu header__icon--summary"
  1758.      aria-label="メニュー"
  1759.      on:click="/toggle"
  1760.    >
  1761.      <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  1762.  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  1763.  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  1764. </svg>
  1765. </span>
  1766.      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  1767.  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  1768.  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  1769. </svg>
  1770. </span>
  1771.    </summary>
  1772.    <div
  1773.      data-header-drawer
  1774.      class="
  1775.        menu-drawer
  1776.        motion-reduce
  1777.        color-scheme-1
  1778.      "
  1779.    >
  1780.      <button
  1781.        class="button button-unstyled close-button menu-drawer__close-button"
  1782.        type="button"
  1783.        aria-label="閉じる"
  1784.        on:click="/close"
  1785.      >
  1786.        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  1787.  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  1788.  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  1789. </svg>
  1790. </span>
  1791.      </button>
  1792.      <nav
  1793.        class="menu-drawer__navigation"
  1794.        style="--menu-top-level-font-family: var(--font-subheading--family);
  1795. --menu-top-level-font-size-desktop: 1.25rem; --menu-top-level-font-style: var(--font-subheading--style); --menu-top-level-font-weight: var(--font-subheading--weight); --menu-top-level-font-case:uppercase;
  1796.  
  1797.  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
  1798.  var(--menu-font-2xl--line-height);
  1799.  
  1800. --menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
  1801.  
  1802. --menu-parent-font-family: var(--font-subheading--family); --menu-parent-font-style:
  1803. var(--font-subheading--style); --menu-parent-font-weight: var(--font-subheading--weight); --menu-parent-font-case:
  1804. uppercase;
  1805.  
  1806.    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
  1807.    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
  1808.    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
  1809.  
  1810. --menu-child-font-family: var(--font-subheading--family); --menu-child-font-style:
  1811. var(--font-subheading--style); --menu-child-font-weight: var(--font-subheading--weight); --menu-child-font-case:
  1812. uppercase;
  1813.  
  1814.    --menu-child-font-size: var(--menu-font-xl--size); --menu-child-font-line-height: var(--menu-font-xl--line-height);
  1815.    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
  1816.    var(--opacity-subdued-text));
  1817.  
  1818.  
  1819.        "
  1820.      >
  1821.        <ul
  1822.          class="menu-drawer__menu has-submenu"
  1823.          role="list"
  1824.        >
  1825.            
  1826.            
  1827.  
  1828.              <li
  1829.                style="--menu-drawer-animation-index: 1;"
  1830.                class="menu-drawer__list-item--flat"
  1831.              >
  1832.                
  1833. <a
  1834.                    id="HeaderDrawer-home"
  1835.                    href="/"
  1836.                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset menu-drawer__menu-item--active"
  1837.                    
  1838.                      aria-current="page"
  1839.                    
  1840.                  >
  1841.                    <span class="menu-drawer__menu-item-text">HOME</span>
  1842.                  </a>
  1843.                
  1844.              </li>
  1845.        </ul>
  1846.      </nav>
  1847.      <div
  1848.        class="menu-drawer__utility-links menu-drawer__animated-element"
  1849.        style="--menu-drawer-animation-index: 1;"
  1850.      >
  1851.        
  1852.        
  1853.          
  1854.  
  1855.  
  1856.  <drawer-localization-component class="menu-drawer__localization">
  1857.    <details
  1858.      id="drawer-localization"
  1859.      class="drawer-localization"
  1860.      on:toggle="/toggle"
  1861.    >
  1862.      <summary
  1863.        id="HeaderDrawer-localization"
  1864.        class="drawer-localization__button h3 link link--text focus-inset"
  1865.        aria-expanded="false"
  1866.        on:click="header-drawer/open"
  1867.        style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
  1868.      >
  1869.        <div class="drawer-localization__button--label h6"><div class="mobile-localization mobile-localization--country link link--text"><span class="currency-code">JPY</span>
  1870.            </div><span>/</span><div class="mobile-localization mobile-localization--country link link--text">
  1871.              <span>
  1872.                JA
  1873.              </span>
  1874.            </div></div>
  1875.        <span class="svg-wrapper icon-caret icon-caret--forward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  1876.  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  1877. </svg>
  1878. </span>
  1879.      </summary>
  1880.  
  1881.      <div
  1882.        class="menu-drawer__submenu has-submenu gradient motion-reduce color-scheme-1"
  1883.        style=""
  1884.      >
  1885.        <div
  1886.          class="menu-drawer__nav-buttons"
  1887.          ref="navButtons"
  1888.        >
  1889.          <button
  1890.            class="button menu-drawer__back-button link link--text focus-inset"
  1891.            aria-expanded="true"
  1892.            on:click="header-drawer/back"
  1893.          >
  1894.            <span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  1895.  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  1896. </svg>
  1897. </span>
  1898.            地域と言語
  1899.          </button>
  1900.          <button
  1901.            class="button close-button menu-drawer__close-button"
  1902.            type="button"
  1903.            aria-label="閉じる"
  1904.            on:click="header-drawer/close"
  1905.          >
  1906.            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  1907.  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  1908.  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  1909. </svg>
  1910. </span>
  1911.          </button>
  1912.        </div>
  1913.  
  1914.        
  1915. <localization-form-component
  1916.  ref="localizationForm"
  1917.  data-label-results-count="[count]件の結果"
  1918.  data-show-filter="true"
  1919.  style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
  1920. >
  1921.  
  1922. <form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="地域と言語"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
  1923.      
  1924.        <div class="country-filter">
  1925.          <div class="field">
  1926.            <div class="country-filter__search-icon field__button motion-reduce">
  1927.              <span class="svg-wrapper">
  1928.                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
  1929.  
  1930.              </span>
  1931.            </div>
  1932.            <input
  1933.              class="country-filter__input"
  1934.              id="country-filter-input"
  1935.              type="search"
  1936.              name="country_filter"
  1937.              value=""
  1938.              placeholder="検索"
  1939.              role="combobox"
  1940.              aria-owns="country-results"
  1941.              aria-controls="country-results"
  1942.              aria-haspopup="listbox"
  1943.              aria-autocomplete="list"
  1944.              aria-label="国を探す"
  1945.              autocorrect="off"
  1946.              autocomplete="off"
  1947.              autocapitalize="off"
  1948.              spellcheck="false"
  1949.              ref="search"
  1950.              on:keyup="/filterCountries"
  1951.            >
  1952.            <label
  1953.              class="field__label visually-hidden"
  1954.              for="country-filter-input"
  1955.            >検索</label>
  1956.            <button
  1957.              type="reset"
  1958.              class="button button-unstyled country-filter__reset-button field__button"
  1959.              aria-label="リセット"
  1960.              ref="resetButton"
  1961.              hidden
  1962.              on:click="/resetCountriesFilter"
  1963.            >
  1964.              <span class="svg-wrapper">
  1965.                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 7.5-5 5M12.5 12.5l-5-5"/></svg>
  1966.  
  1967.              </span>
  1968.            </button>
  1969.          </div>
  1970.        </div>
  1971.      
  1972.      <div class="country-selector-form__wrapper">
  1973.        <h2
  1974.          class="visually-hidden"
  1975.          id="drawer-CountryLabel"
  1976.        >
  1977.          Country/Region
  1978.        </h2>
  1979.        
  1980.          <div
  1981.            id="sr-country-search-results-AV0wzOGdhSUZQc080O__header-menu-1"
  1982.            class="visually-hidden"
  1983.            aria-live="polite"
  1984.            ref="liveRegion"
  1985.          ></div>
  1986.        
  1987.        <div
  1988.          class="localization-form__list country-selector__list country-selector__list--with-multiple-currencies"
  1989.          id="drawer-country-results"
  1990.          ref="countryList"
  1991.        >
  1992.          
  1993.          <ul
  1994.            role="list"
  1995.            class="list-unstyled countries"
  1996.          >
  1997.            <span
  1998.              class="localization-form__list-item localization-form__list-item-disabled"
  1999.              id="no-results-message"
  2000.              ref="noResultsMessage"
  2001.              hidden
  2002.            >結果は見つかりませんでした</span>
  2003.              <li
  2004.                class="localization-form__list-item"
  2005.                
  2006.                data-value="US"
  2007.                
  2008.                  data-aliases="us,usa,america,united states of america"
  2009.                
  2010.                id="アメリカ合衆国"
  2011.                aria-label="アメリカ合衆国"
  2012.                role="option"
  2013.                tabindex="-1"
  2014.                ref="countryListItems[]"
  2015.                on:click="/selectCountry/US"
  2016.              >
  2017.                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
  2018. <path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  2019. </svg>
  2020. </span>
  2021.                <span class="country">アメリカ合衆国</span>
  2022.                <span
  2023.                  class="localization-form__currency motion-reduce"
  2024.                  
  2025.                >
  2026.                  USD
  2027.                  $</span>
  2028.              </li>
  2029.              <li
  2030.                class="localization-form__list-item"
  2031.                
  2032.                data-value="AU"
  2033.                
  2034.                  data-aliases=""
  2035.                
  2036.                id="オーストラリア"
  2037.                aria-label="オーストラリア"
  2038.                role="option"
  2039.                tabindex="-1"
  2040.                ref="countryListItems[]"
  2041.                on:click="/selectCountry/AU"
  2042.              >
  2043.                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
  2044. <path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  2045. </svg>
  2046. </span>
  2047.                <span class="country">オーストラリア</span>
  2048.                <span
  2049.                  class="localization-form__currency motion-reduce"
  2050.                  
  2051.                >
  2052.                  AUD
  2053.                  $</span>
  2054.              </li>
  2055.              <li
  2056.                class="localization-form__list-item"
  2057.                
  2058.                data-value="CA"
  2059.                
  2060.                  data-aliases=""
  2061.                
  2062.                id="カナダ"
  2063.                aria-label="カナダ"
  2064.                role="option"
  2065.                tabindex="-1"
  2066.                ref="countryListItems[]"
  2067.                on:click="/selectCountry/CA"
  2068.              >
  2069.                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
  2070. <path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  2071. </svg>
  2072. </span>
  2073.                <span class="country">カナダ</span>
  2074.                <span
  2075.                  class="localization-form__currency motion-reduce"
  2076.                  
  2077.                >
  2078.                  CAD
  2079.                  $</span>
  2080.              </li>
  2081.              <li
  2082.                class="localization-form__list-item"
  2083.                
  2084.                data-value="SG"
  2085.                
  2086.                  data-aliases=""
  2087.                
  2088.                id="シンガポール"
  2089.                aria-label="シンガポール"
  2090.                role="option"
  2091.                tabindex="-1"
  2092.                ref="countryListItems[]"
  2093.                on:click="/selectCountry/SG"
  2094.              >
  2095.                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
  2096. <path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  2097. </svg>
  2098. </span>
  2099.                <span class="country">シンガポール</span>
  2100.                <span
  2101.                  class="localization-form__currency motion-reduce"
  2102.                  
  2103.                >
  2104.                  SGD
  2105.                  $</span>
  2106.              </li>
  2107.              <li
  2108.                class="localization-form__list-item"
  2109.                
  2110.                data-value="TH"
  2111.                
  2112.                  data-aliases=""
  2113.                
  2114.                id="タイ"
  2115.                aria-label="タイ"
  2116.                role="option"
  2117.                tabindex="-1"
  2118.                ref="countryListItems[]"
  2119.                on:click="/selectCountry/TH"
  2120.              >
  2121.                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
  2122. <path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  2123. </svg>
  2124. </span>
  2125.                <span class="country">タイ</span>
  2126.                <span
  2127.                  class="localization-form__currency motion-reduce"
  2128.                  
  2129.                >
  2130.                  THB
  2131.                  ฿</span>
  2132.              </li>
  2133.              <li
  2134.                class="localization-form__list-item"
  2135.                
  2136.                data-value="NZ"
  2137.                
  2138.                  data-aliases=""
  2139.                
  2140.                id="ニュージーランド"
  2141.                aria-label="ニュージーランド"
  2142.                role="option"
  2143.                tabindex="-1"
  2144.                ref="countryListItems[]"
  2145.                on:click="/selectCountry/NZ"
  2146.              >
  2147.                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
  2148. <path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  2149. </svg>
  2150. </span>
  2151.                <span class="country">ニュージーランド</span>
  2152.                <span
  2153.                  class="localization-form__currency motion-reduce"
  2154.                  
  2155.                >
  2156.                  NZD
  2157.                  $</span>
  2158.              </li>
  2159.              <li
  2160.                class="localization-form__list-item"
  2161.                
  2162.                data-value="PH"
  2163.                
  2164.                  data-aliases=""
  2165.                
  2166.                id="フィリピン"
  2167.                aria-label="フィリピン"
  2168.                role="option"
  2169.                tabindex="-1"
  2170.                ref="countryListItems[]"
  2171.                on:click="/selectCountry/PH"
  2172.              >
  2173.                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
  2174. <path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  2175. </svg>
  2176. </span>
  2177.                <span class="country">フィリピン</span>
  2178.                <span
  2179.                  class="localization-form__currency motion-reduce"
  2180.                  
  2181.                >
  2182.                  PHP
  2183.                  ₱</span>
  2184.              </li>
  2185.              <li
  2186.                class="localization-form__list-item"
  2187.                
  2188.                data-value="VN"
  2189.                
  2190.                  data-aliases=""
  2191.                
  2192.                id="ベトナム"
  2193.                aria-label="ベトナム"
  2194.                role="option"
  2195.                tabindex="-1"
  2196.                ref="countryListItems[]"
  2197.                on:click="/selectCountry/VN"
  2198.              >
  2199.                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
  2200. <path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  2201. </svg>
  2202. </span>
  2203.                <span class="country">ベトナム</span>
  2204.                <span
  2205.                  class="localization-form__currency motion-reduce"
  2206.                  
  2207.                >
  2208.                  VND
  2209.                  ₫</span>
  2210.              </li>
  2211.              <li
  2212.                class="localization-form__list-item"
  2213.                
  2214.                data-value="MY"
  2215.                
  2216.                  data-aliases=""
  2217.                
  2218.                id="マレーシア"
  2219.                aria-label="マレーシア"
  2220.                role="option"
  2221.                tabindex="-1"
  2222.                ref="countryListItems[]"
  2223.                on:click="/selectCountry/MY"
  2224.              >
  2225.                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
  2226. <path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  2227. </svg>
  2228. </span>
  2229.                <span class="country">マレーシア</span>
  2230.                <span
  2231.                  class="localization-form__currency motion-reduce"
  2232.                  
  2233.                >
  2234.                  MYR
  2235.                  RM</span>
  2236.              </li>
  2237.              <li
  2238.                class="localization-form__list-item"
  2239.                
  2240.                data-value="MX"
  2241.                
  2242.                  data-aliases=""
  2243.                
  2244.                id="メキシコ"
  2245.                aria-label="メキシコ"
  2246.                role="option"
  2247.                tabindex="-1"
  2248.                ref="countryListItems[]"
  2249.                on:click="/selectCountry/MX"
  2250.              >
  2251.                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
  2252. <path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  2253. </svg>
  2254. </span>
  2255.                <span class="country">メキシコ</span>
  2256.                <span
  2257.                  class="localization-form__currency motion-reduce"
  2258.                  
  2259.                >
  2260.                  JPY
  2261.                  ¥</span>
  2262.              </li>
  2263.              <li
  2264.                class="localization-form__list-item"
  2265.                
  2266.                data-value="MO"
  2267.                
  2268.                  data-aliases=""
  2269.                
  2270.                id="中華人民共和国マカオ特別行政区"
  2271.                aria-label="中華人民共和国マカオ特別行政区"
  2272.                role="option"
  2273.                tabindex="-1"
  2274.                ref="countryListItems[]"
  2275.                on:click="/selectCountry/MO"
  2276.              >
  2277.                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
  2278. <path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  2279. </svg>
  2280. </span>
  2281.                <span class="country">中華人民共和国マカオ特別行政区</span>
  2282.                <span
  2283.                  class="localization-form__currency motion-reduce"
  2284.                  
  2285.                >
  2286.                  MOP
  2287.                  P</span>
  2288.              </li>
  2289.              <li
  2290.                class="localization-form__list-item"
  2291.                
  2292.                data-value="HK"
  2293.                
  2294.                  data-aliases=""
  2295.                
  2296.                id="中華人民共和国香港特別行政区"
  2297.                aria-label="中華人民共和国香港特別行政区"
  2298.                role="option"
  2299.                tabindex="-1"
  2300.                ref="countryListItems[]"
  2301.                on:click="/selectCountry/HK"
  2302.              >
  2303.                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
  2304. <path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  2305. </svg>
  2306. </span>
  2307.                <span class="country">中華人民共和国香港特別行政区</span>
  2308.                <span
  2309.                  class="localization-form__currency motion-reduce"
  2310.                  
  2311.                >
  2312.                  HKD
  2313.                  $</span>
  2314.              </li>
  2315.              <li
  2316.                class="localization-form__list-item"
  2317.                
  2318.                data-value="TW"
  2319.                
  2320.                  data-aliases=""
  2321.                
  2322.                id="台湾"
  2323.                aria-label="台湾"
  2324.                role="option"
  2325.                tabindex="-1"
  2326.                ref="countryListItems[]"
  2327.                on:click="/selectCountry/TW"
  2328.              >
  2329.                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
  2330. <path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  2331. </svg>
  2332. </span>
  2333.                <span class="country">台湾</span>
  2334.                <span
  2335.                  class="localization-form__currency motion-reduce"
  2336.                  
  2337.                >
  2338.                  TWD
  2339.                  $</span>
  2340.              </li>
  2341.              <li
  2342.                class="localization-form__list-item"
  2343.                
  2344.                data-value="UM"
  2345.                
  2346.                  data-aliases=""
  2347.                
  2348.                id="合衆国領有小離島"
  2349.                aria-label="合衆国領有小離島"
  2350.                role="option"
  2351.                tabindex="-1"
  2352.                ref="countryListItems[]"
  2353.                on:click="/selectCountry/UM"
  2354.              >
  2355.                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
  2356. <path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  2357. </svg>
  2358. </span>
  2359.                <span class="country">合衆国領有小離島</span>
  2360.                <span
  2361.                  class="localization-form__currency motion-reduce"
  2362.                  
  2363.                >
  2364.                  USD
  2365.                  $</span>
  2366.              </li>
  2367.              <li
  2368.                class="localization-form__list-item"
  2369.                
  2370.                  aria-current="true"
  2371.                
  2372.                data-value="JP"
  2373.                
  2374.                  data-aliases=""
  2375.                
  2376.                id="日本"
  2377.                aria-label="日本"
  2378.                role="option"
  2379.                tabindex="-1"
  2380.                ref="countryListItems[]"
  2381.                on:click="/selectCountry/JP"
  2382.              >
  2383.                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
  2384. <path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  2385. </svg>
  2386. </span>
  2387.                <span class="country">日本</span>
  2388.                <span
  2389.                  class="localization-form__currency motion-reduce"
  2390.                  
  2391.                >
  2392.                  JPY
  2393.                  ¥</span>
  2394.              </li>
  2395.              <li
  2396.                class="localization-form__list-item"
  2397.                
  2398.                data-value="KR"
  2399.                
  2400.                  data-aliases=""
  2401.                
  2402.                id="韓国"
  2403.                aria-label="韓国"
  2404.                role="option"
  2405.                tabindex="-1"
  2406.                ref="countryListItems[]"
  2407.                on:click="/selectCountry/KR"
  2408.              >
  2409.                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
  2410. <path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  2411. </svg>
  2412. </span>
  2413.                <span class="country">韓国</span>
  2414.                <span
  2415.                  class="localization-form__currency motion-reduce"
  2416.                  
  2417.                >
  2418.                  KRW
  2419.                  ₩</span>
  2420.              </li></ul>
  2421.        </div>
  2422.        <div class="country-selector__overlay"></div>
  2423.        <input
  2424.          type="hidden"
  2425.          name="country_code"
  2426.          value="JP"
  2427.          ref="countryInput"
  2428.        >
  2429.      </div>
  2430.    
  2431.  
  2432.    
  2433.      <div class="language-selector top-shadow">
  2434.        <h2
  2435.          class="visually-hidden"
  2436.          id="drawer-LanguageLabel"
  2437.        >
  2438.          言語
  2439.        </h2>
  2440.        
  2441.          <span class="language-selector__label">言語</span>
  2442.        
  2443.        <select
  2444.          id="drawerSelect"
  2445.          class="localization-form__select"
  2446.          name="language_code"
  2447.          aria-label="言語"
  2448.          ref="languageInput"
  2449.          on:change="/changeLanguage"
  2450.        ><option
  2451.              value="ja"
  2452.              lang="ja"
  2453.              
  2454.                selected
  2455.              
  2456.            >
  2457.              日本語
  2458.            </option><option
  2459.              value="en"
  2460.              lang="en"
  2461.              
  2462.            >
  2463.              English
  2464.            </option><option
  2465.              value="zh-TW"
  2466.              lang="zh-TW"
  2467.              
  2468.            >
  2469.              繁體中文
  2470.            </option></select>
  2471.        <span class="svg-wrapper icon-caret"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  2472.  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  2473. </svg>
  2474. </span>
  2475.      </div>
  2476.    
  2477. </form></localization-form-component>
  2478.  
  2479.  
  2480.  
  2481.      </div>
  2482.    </details>
  2483.  </drawer-localization-component>
  2484.  
  2485.  
  2486. </div>
  2487.  
  2488.      
  2489.    </div>
  2490.    <div
  2491.      class="menu-drawer__backdrop"
  2492.      on:click="header-drawer/close"
  2493.    ></div>
  2494.  </details>
  2495. </header-drawer>
  2496.  
  2497.  
  2498.  
  2499.    </div>
  2500.  
  2501.  
  2502.  
  2503.  
  2504.  
  2505.  
  2506.  
  2507.            
  2508.        
  2509.      
  2510.        
  2511.          
  2512.              
  2513.  <search-button class="search-action desktop:hidden">
  2514.    <button
  2515.      on:click="#search-modal/showDialog"
  2516.      class="button button-unstyled search-modal__button header-actions__action"
  2517.      aria-label="検索を開く"
  2518.    >
  2519.      <span
  2520.        aria-hidden="true"
  2521.        class="svg-wrapper"
  2522.      >
  2523.        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
  2524.  
  2525.      </span>
  2526.    </button>
  2527.  </search-button>
  2528.  
  2529.  
  2530.  
  2531.  
  2532.            
  2533.        
  2534.      
  2535.        
  2536.          
  2537.              
  2538.  
  2539.  
  2540.  
  2541.  
  2542. <a
  2543.  
  2544.  href="/"
  2545.  class="size-style spacing-style header-logo"
  2546.  style="
  2547.    --size-style-width: ;--size-style-height: ;
  2548.    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
  2549.    --font-family: var(--font-body--family);
  2550.    --font-style: var(--font-body--style);
  2551.    --font-weight: 600;
  2552.  "
  2553.  
  2554. >
  2555.  
  2556.  
  2557.  <span
  2558.    class="header-logo__image-container header-logo__image-container--original"
  2559.    data-testid="header-logo"
  2560.  >
  2561.    
  2562.  
  2563.  
  2564.  
  2565.  
  2566.  
  2567.  
  2568.  
  2569.  
  2570.  
  2571.  
  2572.  <img src="//noson.shop/cdn/shop/files/noson_japan_logo.png?height=36&amp;v=1756457471" alt="" width="45" height="36" class="header-logo__image" srcset="//noson.shop/cdn/shop/files/noson_japan_logo.png?height=36&amp;v=1756457471 1x, //noson.shop/cdn/shop/files/noson_japan_logo.png?height=72&amp;v=1756457471 2x, //noson.shop/cdn/shop/files/noson_japan_logo.png?height=108&amp;v=1756457471 3x" style="--header-logo-image-width: 45px;--header-logo-image-width-mobile: 35px; --header-logo-image-height: 36px; --header-logo-image-height-mobile: 28px;">
  2573.  
  2574.  
  2575.  </span>
  2576.  
  2577.  
  2578.    <span
  2579.      class="header-logo__image-container header-logo__image-container--inverse"
  2580.      data-testid="header-logo-inverse"
  2581.    >
  2582.      
  2583.  
  2584.  
  2585.  
  2586.  
  2587.  
  2588.  
  2589.  
  2590.  
  2591.  
  2592.  
  2593.  <img src="//noson.shop/cdn/shop/files/noson_japan_logo.png?height=36&amp;v=1756457471" alt="" width="45" height="36" class="header-logo__image" srcset="//noson.shop/cdn/shop/files/noson_japan_logo.png?height=36&amp;v=1756457471 1x, //noson.shop/cdn/shop/files/noson_japan_logo.png?height=72&amp;v=1756457471 2x, //noson.shop/cdn/shop/files/noson_japan_logo.png?height=108&amp;v=1756457471 3x" style="--header-logo-image-width: 45px;--header-logo-image-width-mobile: 35px; --header-logo-image-height: 36px; --header-logo-image-height-mobile: 28px;">
  2594.  
  2595.  
  2596.    </span>
  2597.  
  2598. </a>
  2599.  
  2600.  
  2601.  
  2602.  
  2603.  
  2604.            
  2605.        
  2606.      
  2607.        
  2608.          
  2609.              
  2610.  
  2611.  
  2612.  
  2613.    <header-menu
  2614.      ref="headerMenu"
  2615.      class="header-menu mobile:hidden"
  2616.      data-animation-delay="200"
  2617.      
  2618.      style="--submenu-animation-speed: 200ms;"
  2619.    >
  2620.      <div class="header-menu__inner">
  2621.  
  2622.  
  2623.  
  2624. <nav header-menu>
  2625.  <div
  2626.    class="menu-list"
  2627.    style="--menu-top-level-font-family: var(--font-subheading--family);
  2628. --menu-top-level-font-size-desktop: 1.25rem; --menu-top-level-font-style: var(--font-subheading--style); --menu-top-level-font-weight: var(--font-subheading--weight); --menu-top-level-font-case:uppercase;
  2629.  
  2630.  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
  2631.  var(--menu-font-sm--line-height);
  2632.  
  2633. --menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
  2634. "
  2635.  >
  2636.    
  2637.    <overflow-list
  2638.  
  2639.    ref="overflowMenu"
  2640.  
  2641.  
  2642.    class="overflow-menu color-scheme-matches-parent"
  2643.  
  2644.  
  2645.    minimum-items="2"
  2646.  
  2647.  
  2648.    defer
  2649.  
  2650. >
  2651.  <template shadowrootmode="open">
  2652.    <link href="//noson.shop/cdn/shop/t/2/assets/overflow-list.css?v=168694168152117541881755160479" rel="stylesheet" type="text/css" media="all" />
  2653.  
  2654.    <ul part="list">
  2655.      <slot></slot>
  2656.      <slot
  2657.        name="more"
  2658.        part="more"
  2659.        hidden
  2660.        
  2661.      >
  2662.        <li
  2663.          part="more"
  2664.        >
  2665.          <button
  2666.            class="button"
  2667.            type="button"
  2668.            tabindex="0"
  2669.          >
  2670.            さらに表示する
  2671.          </button>
  2672.        </li>
  2673.      </slot>
  2674.      <li
  2675.        part="placeholder"
  2676.        hidden
  2677.      ></li>
  2678.    </ul>
  2679.  
  2680.    <div part="overflow">
  2681.      <ul part="overflow-list">
  2682.        <slot name="overflow"></slot>
  2683.      </ul>
  2684.    </div>
  2685.  </template>
  2686.  
  2687.  
  2688.  
  2689.    <li
  2690.      role="presentation"
  2691.      class="menu-list__list-item"
  2692.      on:focus="/activate"
  2693.      on:blur="/deactivate"
  2694.      on:pointerenter="/activate"
  2695.      on:pointerleave="/deactivate"
  2696.    >
  2697.      <a
  2698.        href="/"
  2699.        data-skip-node-update="true"
  2700.        class="menu-list__link menu-list__link--active"ref="menuitem"
  2701.      >
  2702.        <span class="menu-list__link-title">HOME</span>
  2703.      </a></li>
  2704.  
  2705.  <li
  2706.    class="menu-list__list-item"
  2707.    role="presentation"
  2708.    slot="more"
  2709.    on:focus="/activate"
  2710.    on:blur="/deactivate"
  2711.    on:pointerenter="/activate"
  2712.    on:pointerleave="/deactivate"
  2713.  >
  2714.    <button role="menuitem" class="button menu-list__link button-unstyled">
  2715.      <span class="menu-list__link-title">さらに表示する</span>
  2716.    </button>
  2717.  </li>
  2718.  
  2719. </overflow-list>
  2720.  
  2721.  </div>
  2722. </nav>
  2723.  
  2724.      </div>
  2725.  
  2726.      <script
  2727.        src="//noson.shop/cdn/shop/t/2/assets/header-menu.js?v=98986771878453457241755160479"
  2728.        type="module"
  2729.        fetchpriority="low"
  2730.      ></script>
  2731.    </header-menu>
  2732.  
  2733.  
  2734.  
  2735.  
  2736.  
  2737.  
  2738.            
  2739.        
  2740.      
  2741.    </div><div
  2742.      class="header__column header__column--right"
  2743.      data-testid="header-top-right"
  2744.    >
  2745.      
  2746.        
  2747.          
  2748.              
  2749.  
  2750.  
  2751.  <dropdown-localization-component
  2752.    class="dropdown-localization mobile:hidden"
  2753.  >
  2754.    <button
  2755.      type="button"
  2756.      class="button dropdown-localization__button localization-selector link link--text"
  2757.      aria-expanded="false"
  2758.      aria-controls="dropdown-localization-results"
  2759.      ref="button"
  2760.      on:click="/toggleSelector"
  2761.      style="--menu-localization-font: var(--font-heading--family);  --menu-localization-font-size: 1rem; "
  2762.    >
  2763.      <span class="visually-hidden">地域と言語のセレクターを開く</span>
  2764.      
  2765.        
  2766.        <span class="currency-code">JPY</span>
  2767.      
  2768. <span>/</span><span>
  2769.          JA
  2770.        </span><span class="svg-wrapper icon-caret"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  2771.  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  2772. </svg>
  2773. </span>
  2774.    </button>
  2775.  
  2776.    <div
  2777.      class="localization-wrapper right-bound color-scheme-1"
  2778.      hidden
  2779.      ref="panel"
  2780.    >
  2781.      
  2782. <localization-form-component
  2783.  ref="localizationForm"
  2784.  data-label-results-count="[count]件の結果"
  2785.  data-show-filter="true"
  2786.  style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 1rem; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
  2787. >
  2788.  
  2789. <form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="地域と言語"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
  2790.      
  2791.        <div class="country-filter">
  2792.          <div class="field">
  2793.            <div class="country-filter__search-icon field__button motion-reduce">
  2794.              <span class="svg-wrapper">
  2795.                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
  2796.  
  2797.              </span>
  2798.            </div>
  2799.            <input
  2800.              class="country-filter__input"
  2801.              id="country-filter-input"
  2802.              type="search"
  2803.              name="country_filter"
  2804.              value=""
  2805.              placeholder="検索"
  2806.              role="combobox"
  2807.              aria-owns="country-results"
  2808.              aria-controls="country-results"
  2809.              aria-haspopup="listbox"
  2810.              aria-autocomplete="list"
  2811.              aria-label="国を探す"
  2812.              autocorrect="off"
  2813.              autocomplete="off"
  2814.              autocapitalize="off"
  2815.              spellcheck="false"
  2816.              ref="search"
  2817.              on:keyup="/filterCountries"
  2818.            >
  2819.            <label
  2820.              class="field__label visually-hidden"
  2821.              for="country-filter-input"
  2822.            >検索</label>
  2823.            <button
  2824.              type="reset"
  2825.              class="button button-unstyled country-filter__reset-button field__button"
  2826.              aria-label="リセット"
  2827.              ref="resetButton"
  2828.              hidden
  2829.              on:click="/resetCountriesFilter"
  2830.            >
  2831.              <span class="svg-wrapper">
  2832.                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 7.5-5 5M12.5 12.5l-5-5"/></svg>
  2833.  
  2834.              </span>
  2835.            </button>
  2836.          </div>
  2837.        </div>
  2838.      
  2839.      <div class="country-selector-form__wrapper">
  2840.        <h2
  2841.          class="visually-hidden"
  2842.          id="dropdown-CountryLabel"
  2843.        >
  2844.          Country/Region
  2845.        </h2>
  2846.        
  2847.          <div
  2848.            id="sr-country-search-results-"
  2849.            class="visually-hidden"
  2850.            aria-live="polite"
  2851.            ref="liveRegion"
  2852.          ></div>
  2853.        
  2854.        <div
  2855.          class="localization-form__list country-selector__list country-selector__list--with-multiple-currencies"
  2856.          id="dropdown-country-results"
  2857.          ref="countryList"
  2858.        >
  2859.          
  2860.          <ul
  2861.            role="list"
  2862.            class="list-unstyled countries"
  2863.          >
  2864.            <span
  2865.              class="localization-form__list-item localization-form__list-item-disabled"
  2866.              id="no-results-message"
  2867.              ref="noResultsMessage"
  2868.              hidden
  2869.            >結果は見つかりませんでした</span>
  2870.              <li
  2871.                class="localization-form__list-item"
  2872.                
  2873.                data-value="US"
  2874.                
  2875.                  data-aliases="us,usa,america,united states of america"
  2876.                
  2877.                id="アメリカ合衆国"
  2878.                aria-label="アメリカ合衆国"
  2879.                role="option"
  2880.                tabindex="-1"
  2881.                ref="countryListItems[]"
  2882.                on:click="/selectCountry/US"
  2883.              >
  2884.                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
  2885. <path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  2886. </svg>
  2887. </span>
  2888.                <span class="country">アメリカ合衆国</span>
  2889.                <span
  2890.                  class="localization-form__currency motion-reduce"
  2891.                  
  2892.                >
  2893.                  USD
  2894.                  $</span>
  2895.              </li>
  2896.              <li
  2897.                class="localization-form__list-item"
  2898.                
  2899.                data-value="AU"
  2900.                
  2901.                  data-aliases=""
  2902.                
  2903.                id="オーストラリア"
  2904.                aria-label="オーストラリア"
  2905.                role="option"
  2906.                tabindex="-1"
  2907.                ref="countryListItems[]"
  2908.                on:click="/selectCountry/AU"
  2909.              >
  2910.                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
  2911. <path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  2912. </svg>
  2913. </span>
  2914.                <span class="country">オーストラリア</span>
  2915.                <span
  2916.                  class="localization-form__currency motion-reduce"
  2917.                  
  2918.                >
  2919.                  AUD
  2920.                  $</span>
  2921.              </li>
  2922.              <li
  2923.                class="localization-form__list-item"
  2924.                
  2925.                data-value="CA"
  2926.                
  2927.                  data-aliases=""
  2928.                
  2929.                id="カナダ"
  2930.                aria-label="カナダ"
  2931.                role="option"
  2932.                tabindex="-1"
  2933.                ref="countryListItems[]"
  2934.                on:click="/selectCountry/CA"
  2935.              >
  2936.                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
  2937. <path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  2938. </svg>
  2939. </span>
  2940.                <span class="country">カナダ</span>
  2941.                <span
  2942.                  class="localization-form__currency motion-reduce"
  2943.                  
  2944.                >
  2945.                  CAD
  2946.                  $</span>
  2947.              </li>
  2948.              <li
  2949.                class="localization-form__list-item"
  2950.                
  2951.                data-value="SG"
  2952.                
  2953.                  data-aliases=""
  2954.                
  2955.                id="シンガポール"
  2956.                aria-label="シンガポール"
  2957.                role="option"
  2958.                tabindex="-1"
  2959.                ref="countryListItems[]"
  2960.                on:click="/selectCountry/SG"
  2961.              >
  2962.                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
  2963. <path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  2964. </svg>
  2965. </span>
  2966.                <span class="country">シンガポール</span>
  2967.                <span
  2968.                  class="localization-form__currency motion-reduce"
  2969.                  
  2970.                >
  2971.                  SGD
  2972.                  $</span>
  2973.              </li>
  2974.              <li
  2975.                class="localization-form__list-item"
  2976.                
  2977.                data-value="TH"
  2978.                
  2979.                  data-aliases=""
  2980.                
  2981.                id="タイ"
  2982.                aria-label="タイ"
  2983.                role="option"
  2984.                tabindex="-1"
  2985.                ref="countryListItems[]"
  2986.                on:click="/selectCountry/TH"
  2987.              >
  2988.                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
  2989. <path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  2990. </svg>
  2991. </span>
  2992.                <span class="country">タイ</span>
  2993.                <span
  2994.                  class="localization-form__currency motion-reduce"
  2995.                  
  2996.                >
  2997.                  THB
  2998.                  ฿</span>
  2999.              </li>
  3000.              <li
  3001.                class="localization-form__list-item"
  3002.                
  3003.                data-value="NZ"
  3004.                
  3005.                  data-aliases=""
  3006.                
  3007.                id="ニュージーランド"
  3008.                aria-label="ニュージーランド"
  3009.                role="option"
  3010.                tabindex="-1"
  3011.                ref="countryListItems[]"
  3012.                on:click="/selectCountry/NZ"
  3013.              >
  3014.                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
  3015. <path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  3016. </svg>
  3017. </span>
  3018.                <span class="country">ニュージーランド</span>
  3019.                <span
  3020.                  class="localization-form__currency motion-reduce"
  3021.                  
  3022.                >
  3023.                  NZD
  3024.                  $</span>
  3025.              </li>
  3026.              <li
  3027.                class="localization-form__list-item"
  3028.                
  3029.                data-value="PH"
  3030.                
  3031.                  data-aliases=""
  3032.                
  3033.                id="フィリピン"
  3034.                aria-label="フィリピン"
  3035.                role="option"
  3036.                tabindex="-1"
  3037.                ref="countryListItems[]"
  3038.                on:click="/selectCountry/PH"
  3039.              >
  3040.                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
  3041. <path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  3042. </svg>
  3043. </span>
  3044.                <span class="country">フィリピン</span>
  3045.                <span
  3046.                  class="localization-form__currency motion-reduce"
  3047.                  
  3048.                >
  3049.                  PHP
  3050.                  ₱</span>
  3051.              </li>
  3052.              <li
  3053.                class="localization-form__list-item"
  3054.                
  3055.                data-value="VN"
  3056.                
  3057.                  data-aliases=""
  3058.                
  3059.                id="ベトナム"
  3060.                aria-label="ベトナム"
  3061.                role="option"
  3062.                tabindex="-1"
  3063.                ref="countryListItems[]"
  3064.                on:click="/selectCountry/VN"
  3065.              >
  3066.                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
  3067. <path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  3068. </svg>
  3069. </span>
  3070.                <span class="country">ベトナム</span>
  3071.                <span
  3072.                  class="localization-form__currency motion-reduce"
  3073.                  
  3074.                >
  3075.                  VND
  3076.                  ₫</span>
  3077.              </li>
  3078.              <li
  3079.                class="localization-form__list-item"
  3080.                
  3081.                data-value="MY"
  3082.                
  3083.                  data-aliases=""
  3084.                
  3085.                id="マレーシア"
  3086.                aria-label="マレーシア"
  3087.                role="option"
  3088.                tabindex="-1"
  3089.                ref="countryListItems[]"
  3090.                on:click="/selectCountry/MY"
  3091.              >
  3092.                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
  3093. <path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  3094. </svg>
  3095. </span>
  3096.                <span class="country">マレーシア</span>
  3097.                <span
  3098.                  class="localization-form__currency motion-reduce"
  3099.                  
  3100.                >
  3101.                  MYR
  3102.                  RM</span>
  3103.              </li>
  3104.              <li
  3105.                class="localization-form__list-item"
  3106.                
  3107.                data-value="MX"
  3108.                
  3109.                  data-aliases=""
  3110.                
  3111.                id="メキシコ"
  3112.                aria-label="メキシコ"
  3113.                role="option"
  3114.                tabindex="-1"
  3115.                ref="countryListItems[]"
  3116.                on:click="/selectCountry/MX"
  3117.              >
  3118.                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
  3119. <path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  3120. </svg>
  3121. </span>
  3122.                <span class="country">メキシコ</span>
  3123.                <span
  3124.                  class="localization-form__currency motion-reduce"
  3125.                  
  3126.                >
  3127.                  JPY
  3128.                  ¥</span>
  3129.              </li>
  3130.              <li
  3131.                class="localization-form__list-item"
  3132.                
  3133.                data-value="MO"
  3134.                
  3135.                  data-aliases=""
  3136.                
  3137.                id="中華人民共和国マカオ特別行政区"
  3138.                aria-label="中華人民共和国マカオ特別行政区"
  3139.                role="option"
  3140.                tabindex="-1"
  3141.                ref="countryListItems[]"
  3142.                on:click="/selectCountry/MO"
  3143.              >
  3144.                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
  3145. <path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  3146. </svg>
  3147. </span>
  3148.                <span class="country">中華人民共和国マカオ特別行政区</span>
  3149.                <span
  3150.                  class="localization-form__currency motion-reduce"
  3151.                  
  3152.                >
  3153.                  MOP
  3154.                  P</span>
  3155.              </li>
  3156.              <li
  3157.                class="localization-form__list-item"
  3158.                
  3159.                data-value="HK"
  3160.                
  3161.                  data-aliases=""
  3162.                
  3163.                id="中華人民共和国香港特別行政区"
  3164.                aria-label="中華人民共和国香港特別行政区"
  3165.                role="option"
  3166.                tabindex="-1"
  3167.                ref="countryListItems[]"
  3168.                on:click="/selectCountry/HK"
  3169.              >
  3170.                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
  3171. <path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  3172. </svg>
  3173. </span>
  3174.                <span class="country">中華人民共和国香港特別行政区</span>
  3175.                <span
  3176.                  class="localization-form__currency motion-reduce"
  3177.                  
  3178.                >
  3179.                  HKD
  3180.                  $</span>
  3181.              </li>
  3182.              <li
  3183.                class="localization-form__list-item"
  3184.                
  3185.                data-value="TW"
  3186.                
  3187.                  data-aliases=""
  3188.                
  3189.                id="台湾"
  3190.                aria-label="台湾"
  3191.                role="option"
  3192.                tabindex="-1"
  3193.                ref="countryListItems[]"
  3194.                on:click="/selectCountry/TW"
  3195.              >
  3196.                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
  3197. <path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  3198. </svg>
  3199. </span>
  3200.                <span class="country">台湾</span>
  3201.                <span
  3202.                  class="localization-form__currency motion-reduce"
  3203.                  
  3204.                >
  3205.                  TWD
  3206.                  $</span>
  3207.              </li>
  3208.              <li
  3209.                class="localization-form__list-item"
  3210.                
  3211.                data-value="UM"
  3212.                
  3213.                  data-aliases=""
  3214.                
  3215.                id="合衆国領有小離島"
  3216.                aria-label="合衆国領有小離島"
  3217.                role="option"
  3218.                tabindex="-1"
  3219.                ref="countryListItems[]"
  3220.                on:click="/selectCountry/UM"
  3221.              >
  3222.                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
  3223. <path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  3224. </svg>
  3225. </span>
  3226.                <span class="country">合衆国領有小離島</span>
  3227.                <span
  3228.                  class="localization-form__currency motion-reduce"
  3229.                  
  3230.                >
  3231.                  USD
  3232.                  $</span>
  3233.              </li>
  3234.              <li
  3235.                class="localization-form__list-item"
  3236.                
  3237.                  aria-current="true"
  3238.                
  3239.                data-value="JP"
  3240.                
  3241.                  data-aliases=""
  3242.                
  3243.                id="日本"
  3244.                aria-label="日本"
  3245.                role="option"
  3246.                tabindex="-1"
  3247.                ref="countryListItems[]"
  3248.                on:click="/selectCountry/JP"
  3249.              >
  3250.                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
  3251. <path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  3252. </svg>
  3253. </span>
  3254.                <span class="country">日本</span>
  3255.                <span
  3256.                  class="localization-form__currency motion-reduce"
  3257.                  
  3258.                >
  3259.                  JPY
  3260.                  ¥</span>
  3261.              </li>
  3262.              <li
  3263.                class="localization-form__list-item"
  3264.                
  3265.                data-value="KR"
  3266.                
  3267.                  data-aliases=""
  3268.                
  3269.                id="韓国"
  3270.                aria-label="韓国"
  3271.                role="option"
  3272.                tabindex="-1"
  3273.                ref="countryListItems[]"
  3274.                on:click="/selectCountry/KR"
  3275.              >
  3276.                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
  3277. <path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  3278. </svg>
  3279. </span>
  3280.                <span class="country">韓国</span>
  3281.                <span
  3282.                  class="localization-form__currency motion-reduce"
  3283.                  
  3284.                >
  3285.                  KRW
  3286.                  ₩</span>
  3287.              </li></ul>
  3288.        </div>
  3289.        <div class="country-selector__overlay"></div>
  3290.        <input
  3291.          type="hidden"
  3292.          name="country_code"
  3293.          value="JP"
  3294.          ref="countryInput"
  3295.        >
  3296.      </div>
  3297.    
  3298.  
  3299.    
  3300.      <div class="language-selector top-shadow">
  3301.        <h2
  3302.          class="visually-hidden"
  3303.          id="dropdown-LanguageLabel"
  3304.        >
  3305.          言語
  3306.        </h2>
  3307.        
  3308.          <span class="language-selector__label">言語</span>
  3309.        
  3310.        <select
  3311.          id="dropdownSelect"
  3312.          class="localization-form__select"
  3313.          name="language_code"
  3314.          aria-label="言語"
  3315.          ref="languageInput"
  3316.          on:change="/changeLanguage"
  3317.        ><option
  3318.              value="ja"
  3319.              lang="ja"
  3320.              
  3321.                selected
  3322.              
  3323.            >
  3324.              日本語
  3325.            </option><option
  3326.              value="en"
  3327.              lang="en"
  3328.              
  3329.            >
  3330.              English
  3331.            </option><option
  3332.              value="zh-TW"
  3333.              lang="zh-TW"
  3334.              
  3335.            >
  3336.              繁體中文
  3337.            </option></select>
  3338.        <span class="svg-wrapper icon-caret"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  3339.  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  3340. </svg>
  3341. </span>
  3342.      </div>
  3343.    
  3344. </form></localization-form-component>
  3345.  
  3346.  
  3347.  
  3348.    </div>
  3349.  </dropdown-localization-component>
  3350.  
  3351.  
  3352.            
  3353.        
  3354.      
  3355.        
  3356.          
  3357.              
  3358.  <search-button class="search-action mobile:hidden">
  3359.    <button
  3360.      on:click="#search-modal/showDialog"
  3361.      class="button button-unstyled search-modal__button header-actions__action"
  3362.      aria-label="検索を開く"
  3363.    >
  3364.      <span
  3365.        aria-hidden="true"
  3366.        class="svg-wrapper"
  3367.      >
  3368.        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
  3369.  
  3370.      </span>
  3371.    </button>
  3372.  </search-button>
  3373.  
  3374.  
  3375.  
  3376.  
  3377.            
  3378.        
  3379.      
  3380.        
  3381.          
  3382.              <script
  3383.  type="module"
  3384.  src="//noson.shop/cdn/shop/t/2/assets/cart-icon.js?v=14733679814066288171755160479"
  3385.  fetchpriority="low"
  3386. ></script>
  3387.  
  3388. <header-actions>
  3389.  
  3390.    <anchored-popover-component
  3391.  data-close-on-resize="true"
  3392.  class="account-popover mobile:hidden"
  3393. >
  3394.  <button
  3395.  class="account-button header-actions__action"
  3396.  aria-label="アカウントメニューを開く"popovertarget="account-popover"
  3397.    popovertargetaction="toggle"ref="trigger"
  3398.  
  3399. ><span
  3400.      class="account-button__icon"
  3401.      aria-hidden="true"
  3402.    ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
  3403. </span></button>
  3404.  
  3405.  
  3406.  
  3407.  <div
  3408.    class="account-popover__panel details-content color-scheme-1"
  3409.    id="account-popover"
  3410.    popover="auto"
  3411.    ref="popover"
  3412.  >
  3413.    <div class="account-actions">
  3414.  <div class="account-actions__main-menu">
  3415.    <header class="account-actions__header">
  3416.      <span class="account-actions__title h5">
  3417.        
  3418.          アカウント
  3419.        
  3420.      </span>
  3421.      
  3422.    </header>
  3423.  
  3424.    
  3425.      <div
  3426.        class="account-actions__sign-ins"
  3427.        data-skip-subtree-update="true"
  3428.      >
  3429.        <script
  3430.          src="//noson.shop/cdn/shop/t/2/assets/account-login-actions.js?v=132624473766457443991755160479"
  3431.          type="module"
  3432.          fetchpriority="low"
  3433.        ></script>
  3434.        <account-login-actions class="account-actions__shop-login">
  3435.          <script defer="defer" async type="module" src="//noson.shop/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_C_k9azOy.ja.esm.js"></script>
  3436. <script defer="defer" async type="module" src="//noson.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.common_6n9VALit.esm.js"></script>
  3437. <script defer="defer" async type="module" src="//noson.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_DPPCO77x.esm.js"></script>
  3438. <script type="module">
  3439.  await import("//noson.shop/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_C_k9azOy.ja.esm.js");
  3440. await import("//noson.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.common_6n9VALit.esm.js");
  3441. await import("//noson.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_DPPCO77x.esm.js");
  3442.  
  3443.  
  3444. </script>
  3445.  
  3446. <shop-login-button ux-mode="windoid" return-uri="https://noson.shop/account/redirect" proxy="true" redirect-type="iframe" response-type="code"></shop-login-button>
  3447.  
  3448.        </account-login-actions>
  3449.  
  3450.        <a
  3451.          href="/customer_authentication/login?return_to=%2F&locale=ja"
  3452.          class="account-actions__link button"
  3453.          
  3454.        >
  3455.          <span class="account-actions__sign-in-text">
  3456.            その他のログインオプション
  3457.          </span>
  3458.          <span class="account-actions__fallback-text">
  3459.            ログイン
  3460.          </span>
  3461.        </a>
  3462.      </div>
  3463.    
  3464.  
  3465.    <nav class="account-actions__nav">
  3466.      <ul class="account-actions__list">
  3467.        <li class="account-actions__list-item">
  3468.          <a
  3469.            href="/account"
  3470.            class="account-actions__link button-secondary"
  3471.            
  3472.          >
  3473.            <span
  3474.              class="account-actions__icon"
  3475.              aria-hidden="true"
  3476.            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
  3477.  <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/>
  3478.  <path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/>
  3479. </svg>
  3480. </span>
  3481.            注文
  3482.          </a>
  3483.        </li>
  3484.        <li class="account-actions__list-item">
  3485.          <a
  3486.            href="/account/addresses"
  3487.            class="account-actions__link button-secondary"
  3488.          >
  3489.            <span
  3490.              class="account-actions__icon"
  3491.              aria-hidden="true"
  3492.            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
  3493. </span>
  3494.            プロフィール
  3495.          </a>
  3496.        </li>
  3497.      </ul>
  3498.    </nav>
  3499.  </div>
  3500. </div>
  3501.  
  3502.  
  3503.  
  3504.  </div>
  3505. </anchored-popover-component>
  3506.  
  3507.  
  3508.  
  3509.    <script
  3510.  src="//noson.shop/cdn/shop/t/2/assets/dialog.js?v=94382931671780430451755160478"
  3511.  type="module"
  3512. ></script>
  3513.  
  3514. <dialog-component
  3515.  class="account-drawer"
  3516.  
  3517. >
  3518.  <button
  3519.  class="account-button header-actions__action"
  3520.  aria-label="アカウントメニューを開く"ref="trigger"
  3521.  on:click="/showDialog"
  3522. ><span
  3523.      class="account-button__icon"
  3524.      aria-hidden="true"
  3525.    ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
  3526. </span></button>
  3527.  
  3528.  
  3529.  
  3530.  <dialog
  3531.    ref="dialog"
  3532.    class="color-scheme-1 dialog-modal dialog-drawer dialog-bottom-sheet account-drawer__dialog"
  3533.    scroll-lock
  3534.  >
  3535.    <button
  3536.      ref="closeButton"
  3537.      on:click="/closeDialog"
  3538.      class="button button-unstyled close-button account-drawer__close-button"
  3539.      aria-label="ダイアログを閉じる"
  3540.    >
  3541.      <span
  3542.        class="svg-wrapper"
  3543.        aria-hidden="true"
  3544.      ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  3545.  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  3546.  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  3547. </svg>
  3548. </span>
  3549.    </button>
  3550.    <div class="account-actions">
  3551.  <div class="account-actions__main-menu">
  3552.    <header class="account-actions__header">
  3553.      <span class="account-actions__title h5">
  3554.        
  3555.          アカウント
  3556.        
  3557.      </span>
  3558.      
  3559.    </header>
  3560.  
  3561.    
  3562.      <div
  3563.        class="account-actions__sign-ins"
  3564.        data-skip-subtree-update="true"
  3565.      >
  3566.        <script
  3567.          src="//noson.shop/cdn/shop/t/2/assets/account-login-actions.js?v=132624473766457443991755160479"
  3568.          type="module"
  3569.          fetchpriority="low"
  3570.        ></script>
  3571.        <account-login-actions class="account-actions__shop-login">
  3572.          <script defer="defer" async type="module" src="//noson.shop/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_C_k9azOy.ja.esm.js"></script>
  3573. <script defer="defer" async type="module" src="//noson.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.common_6n9VALit.esm.js"></script>
  3574. <script defer="defer" async type="module" src="//noson.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_DPPCO77x.esm.js"></script>
  3575. <script type="module">
  3576.  await import("//noson.shop/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_C_k9azOy.ja.esm.js");
  3577. await import("//noson.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.common_6n9VALit.esm.js");
  3578. await import("//noson.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_DPPCO77x.esm.js");
  3579.  
  3580.  
  3581. </script>
  3582.  
  3583. <shop-login-button ux-mode="windoid" return-uri="https://noson.shop/account/redirect" proxy="true" redirect-type="iframe" response-type="code"></shop-login-button>
  3584.  
  3585.        </account-login-actions>
  3586.  
  3587.        <a
  3588.          href="/customer_authentication/login?return_to=%2F&locale=ja"
  3589.          class="account-actions__link button"
  3590.          
  3591.            autofocus
  3592.          
  3593.        >
  3594.          <span class="account-actions__sign-in-text">
  3595.            その他のログインオプション
  3596.          </span>
  3597.          <span class="account-actions__fallback-text">
  3598.            ログイン
  3599.          </span>
  3600.        </a>
  3601.      </div>
  3602.    
  3603.  
  3604.    <nav class="account-actions__nav">
  3605.      <ul class="account-actions__list">
  3606.        <li class="account-actions__list-item">
  3607.          <a
  3608.            href="/account"
  3609.            class="account-actions__link button-secondary"
  3610.            
  3611.          >
  3612.            <span
  3613.              class="account-actions__icon"
  3614.              aria-hidden="true"
  3615.            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
  3616.  <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/>
  3617.  <path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/>
  3618. </svg>
  3619. </span>
  3620.            注文
  3621.          </a>
  3622.        </li>
  3623.        <li class="account-actions__list-item">
  3624.          <a
  3625.            href="/account/addresses"
  3626.            class="account-actions__link button-secondary"
  3627.          >
  3628.            <span
  3629.              class="account-actions__icon"
  3630.              aria-hidden="true"
  3631.            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
  3632. </span>
  3633.            プロフィール
  3634.          </a>
  3635.        </li>
  3636.      </ul>
  3637.    </nav>
  3638.  </div>
  3639. </div>
  3640.  
  3641.  
  3642.  
  3643.  </dialog>
  3644. </dialog-component>
  3645.  
  3646.  
  3647.  
  3648.  
  3649.  
  3650.  
  3651.    <script
  3652.  src="//noson.shop/cdn/shop/t/2/assets/cart-drawer.js?v=92290163633888904321755160479"
  3653.  type="module"
  3654.  fetchpriority="low"
  3655. ></script>
  3656.  
  3657. <cart-drawer-component
  3658.  class="cart-drawer"
  3659.  
  3660.  
  3661. >
  3662.  <button
  3663.    class="button header-actions__action button-unstyled"
  3664.    on:click="/open"
  3665.    aria-label="カートを開く カート内の合計アイテム数: 0"
  3666.  >
  3667.    <cart-icon
  3668.  class="
  3669.    header-actions__cart-icon
  3670.    
  3671.  "
  3672.  data-testid="cart-icon"
  3673. >
  3674.  <span
  3675.    class="svg-wrapper"
  3676.    aria-hidden="true"
  3677.  >
  3678.    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>
  3679.  
  3680.  </span>
  3681.  
  3682.  <div
  3683.  ref="cartBubble"
  3684.  class="cart-bubble visually-hidden"
  3685.  
  3686.  
  3687.    data-maintain-ratio
  3688.  
  3689. >
  3690.  <span class="cart-bubble__background"></span>
  3691.  <span
  3692.    ref="cartBubbleText"
  3693.    class="cart-bubble__text"
  3694.    
  3695.      role="status"
  3696.    
  3697.  >
  3698.    <span class="visually-hidden">カート内の合計アイテム数: 0
  3699.    </span>
  3700.    <span
  3701.      class="cart-bubble__text-count hidden"
  3702.      ref="cartBubbleCount"
  3703.      aria-hidden="true"
  3704.      data-testid="cart-bubble"
  3705.    >
  3706. 0</span>
  3707.  </span>
  3708. </div>
  3709.  
  3710. </cart-icon>
  3711.  
  3712.  
  3713.  
  3714.  </button>
  3715.  
  3716.  <dialog
  3717.    ref="dialog"
  3718.    class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
  3719.    scroll-lock
  3720.  >
  3721.    <div class="cart-drawer__inner">
  3722.      <cart-items-component
  3723.        class="cart-items-component"
  3724.        data-section-id="sections--20078608285908__header_section"
  3725.      ><div class="cart-drawer__header">
  3726.            <button
  3727.              ref="closeButton"
  3728.              on:click="cart-drawer-component/close"
  3729.              class="button close-button cart-drawer__close-button button-unstyled"
  3730.              aria-label="ダイアログを閉じる"
  3731.            >
  3732.              <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  3733.  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  3734.  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  3735. </svg>
  3736. </span>
  3737.            </button>
  3738.          </div>
  3739.  
  3740.          <div
  3741.            class="cart-drawer__content motion-reduce"
  3742.            aria-label="カート"
  3743.          >
  3744.            <span class="cart-drawer__heading h3 cart-drawer__heading--empty">
  3745.              カートの中身が空です
  3746.            </span>
  3747.  
  3748.            <div class="cart-drawer__items">
  3749.              
  3750.  
  3751. <script
  3752.  src="//noson.shop/cdn/shop/t/2/assets/component-cart-items.js?v=95720873921622680421755160478"
  3753.  type="module"
  3754.  fetchpriority="low"
  3755. ></script>
  3756.  
  3757. <div
  3758.  
  3759.  class="cart-items__wrapper"
  3760.  
  3761. >
  3762.  
  3763. <p>
  3764.        アカウントをお持ちですか？<a href="https://noson.shop/customer_authentication/redirect?locale=ja&region_country=JP">ログイン</a>することで、チェックアウトがスピーディーに行えます。
  3765.      </p><a
  3766.      class="button cart-items__empty-button"
  3767.      href="/collections/all"
  3768.    >
  3769.      買い物を続ける
  3770.    </a></div>
  3771.  
  3772.  
  3773.  
  3774.            </div>
  3775.          </div></cart-items-component>
  3776.    </div>
  3777.  </dialog>
  3778. </cart-drawer-component>
  3779.  
  3780.  
  3781.  
  3782.  
  3783. </header-actions>
  3784.  
  3785.  
  3786.  
  3787.          
  3788.        
  3789.      
  3790.    </div>
  3791.        </div>
  3792.      </div>
  3793.    
  3794.  
  3795.    
  3796.  
  3797.    
  3798.  
  3799.    
  3800.    
  3801.  
  3802.  
  3803.  
  3804. </header-component>
  3805.  
  3806. <script
  3807.  src="//noson.shop/cdn/shop/t/2/assets/header.js?v=78043468934677320351755160479"
  3808.  type="module"
  3809. ></script>
  3810.  
  3811.  
  3812.  
  3813.  
  3814.  <script type="module">
  3815.    import { hydrate } from '@theme/section-hydration';
  3816.    const url = new URL(window.location.href);
  3817.    url.searchParams.delete('page');
  3818.    hydrate('sections--20078608285908__header_section', url);
  3819.  </script>
  3820.  
  3821.  
  3822.  
  3823. </header>
  3824. <!-- END sections: header-group -->
  3825.    </div>
  3826.  
  3827.    <script
  3828.      src="//noson.shop/cdn/shop/t/2/assets/critical.js?v=169402557219780209121756952207"
  3829.      type="module"
  3830.      async
  3831.      blocking="render"
  3832.    ></script>
  3833.  
  3834.    <main
  3835.      id="MainContent"
  3836.      class="content-for-layout"
  3837.      role="main"
  3838.      data-page-transition-enabled="true"
  3839.      data-product-transition="true"
  3840.      data-template="index"
  3841.    >
  3842.      <section id="shopify-section-template--20078607990996__hero_RkimKJ" class="shopify-section hero-wrapper section-wrapper">
  3843.  
  3844.  
  3845.  
  3846.  
  3847.  
  3848.  
  3849.  
  3850. <div
  3851.  id="Hero-template--20078607990996__hero_RkimKJ"
  3852.  class="hero color-scheme-4"
  3853.  style="
  3854.    --hero-border-style: ;
  3855.    --hero-border-width: px;
  3856.    --hero-border-opacity: %;
  3857.    --blur-opacity: 0.75;
  3858.    
  3859.      --hero-min-height: var(--section-height-large);
  3860.    
  3861.  "
  3862.  
  3863.  
  3864. >
  3865.  
  3866.  
  3867.  
  3868.  
  3869.  <div
  3870.    class="hero__container spacing-style section section--full-width"
  3871.    style="      --padding-block-start: 0px;--padding-block-end: 0px;"
  3872.  ><div
  3873.      class="hero__media-wrapper"
  3874.      style="--hero-media-count: 1;--hero-media-aspect-ratio: 1.500247157686604;"
  3875.    >
  3876.      
  3877.      
  3878.  
  3879.    <img src="//noson.shop/cdn/shop/files/BFS_NOSON_16-04-2022_12.jpg?v=1755154991&amp;width=3840" srcset="//noson.shop/cdn/shop/files/BFS_NOSON_16-04-2022_12.jpg?v=1755154991&amp;width=832 832w, //noson.shop/cdn/shop/files/BFS_NOSON_16-04-2022_12.jpg?v=1755154991&amp;width=1200 1200w, //noson.shop/cdn/shop/files/BFS_NOSON_16-04-2022_12.jpg?v=1755154991&amp;width=1600 1600w, //noson.shop/cdn/shop/files/BFS_NOSON_16-04-2022_12.jpg?v=1755154991&amp;width=1920 1920w, //noson.shop/cdn/shop/files/BFS_NOSON_16-04-2022_12.jpg?v=1755154991&amp;width=2560 2560w, //noson.shop/cdn/shop/files/BFS_NOSON_16-04-2022_12.jpg?v=1755154991&amp;width=3840 3840w" width="3035" height="2023" class="hero__image" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="high">
  3880.  
  3881.    </div>
  3882.    <div
  3883.      class="
  3884.        hero__content-wrapper
  3885.        layout-panel-flex
  3886.        layout-panel-flex--column
  3887.        mobile-column
  3888.        section-content-wrapper
  3889.        page-width
  3890.        
  3891.      "
  3892.      style="--flex-direction: column; --flex-wrap: nowrap;
  3893.  
  3894. --gap: 16px;
  3895.  
  3896. --horizontal-alignment: flex-start; --vertical-alignment: center;
  3897. --vertical-alignment-mobile: center;
  3898. "
  3899.    >
  3900.      
  3901.  
  3902.  
  3903.  
  3904. <div
  3905.  class="
  3906.    group-block
  3907.    group-block--height-fit
  3908.    group-block--width-custom
  3909.    border-style
  3910.    spacing-style
  3911.    size-style
  3912.    
  3913.    
  3914.  "
  3915.  style="
  3916.    --border-width: 1px; --border-style: none; --border-color:
  3917. rgb(var(--color-border-rgb) / 1.0); --border-radius:
  3918. 0px;
  3919.  
  3920.    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
  3921.    --size-style-width:34%;--size-style-height: fit;
  3922.  --size-style-width-mobile:53%; --size-style-width-mobile-min:53%;
  3923.    
  3924.  "
  3925.  
  3926.  data-testid="group-block"
  3927. ><div class="group-block__media-wrapper">
  3928.    
  3929.  
  3930.    
  3931.  </div>
  3932.  
  3933.  <div
  3934.    class="
  3935.      group-block-content
  3936.      
  3937.      layout-panel-flex
  3938.      layout-panel-flex--column
  3939.       mobile-column
  3940.    "
  3941.    style="--flex-direction: column; --flex-wrap: nowrap;
  3942.  
  3943. --gap: 12px;
  3944.  
  3945. --horizontal-alignment: flex-start; --vertical-alignment: center;
  3946. --vertical-alignment-mobile: center;
  3947. "
  3948.  >
  3949.  
  3950.  
  3951.  
  3952.  
  3953.  
  3954.  
  3955.  
  3956.  
  3957.  <div
  3958.  class=" spacing-style text-block text-block--Aa0g0MnlmdDhHamNsU__text_KxeJ6r h2
  3959.    text-block--align-left
  3960.  "
  3961.  
  3962.  style="
  3963.    --padding-block-start: 0px; --padding-block-end:0px;
  3964. --padding-inline-start:0px; --padding-inline-end:0px;
  3965.  
  3966.    
  3967.  
  3968.    --width: 100%;
  3969.    --max-width: var(--max-width--body-normal);
  3970.    
  3971.      --text-align: left;
  3972.    
  3973.    
  3974.  "
  3975.  
  3976.  
  3977. >
  3978.    <p>BREATHING<br/>REVOLUTION.</p>
  3979.  </div>
  3980.  
  3981.  
  3982.  
  3983.  
  3984.  
  3985.  
  3986.  
  3987.  
  3988.  
  3989. <a
  3990.  
  3991.    href="/collections/all"
  3992.  
  3993.  class="
  3994.    size-style
  3995.    link
  3996.    link--AdUlvVUJUbE9vVG9ia__button_nazDaa
  3997.  "
  3998.  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
  3999. >
  4000.  
  4001. </a>
  4002.  
  4003.  
  4004.  
  4005.  
  4006.  
  4007.  
  4008. </div>
  4009. </div>
  4010.  
  4011.  
  4012.  
  4013.  
  4014.  
  4015.  
  4016.    </div>
  4017.  </div>
  4018. </div>
  4019.  
  4020.  
  4021.  
  4022.  
  4023. <style> #shopify-section-template--20078607990996__hero_RkimKJ .ps-wrap {display: block !important; max-width: 320px; margin: 0 auto; padding: 16px; border: 1px solid #ddd; border-radius: 12px; text-align: center; background: #fff;} #shopify-section-template--20078607990996__hero_RkimKJ .ps-img {max-width: 220px; margin: 0 auto 12px; display: block;} #shopify-section-template--20078607990996__hero_RkimKJ .ps-title {font-size: 16px; font-weight: 600; margin: 0 0 6px;} #shopify-section-template--20078607990996__hero_RkimKJ .ps-price {font-weight: 700; margin: 0 0 12px;} #shopify-section-template--20078607990996__hero_RkimKJ .ps-btn {padding: 0.6rem 1rem; border-radius: 8px; border: 1px solid #111; background: #fff; color: #111; cursor: pointer;} #shopify-section-template--20078607990996__hero_RkimKJ .ps-btn:hover {background: #111; color: #fff;} </style></section><div id="shopify-section-template--20078607990996__section_qtm8HW" class="shopify-section section-wrapper">
  4024.  
  4025.  
  4026.  
  4027. <div class="section-background color-scheme-1"></div>
  4028. <div
  4029.  class="section section--page-width color-scheme-1"
  4030.  
  4031.  
  4032.  
  4033.  style="
  4034.    
  4035.  
  4036.    
  4037.  "
  4038. >
  4039.  <div class="custom-section-background">
  4040.    
  4041.  
  4042.  </div>
  4043.  
  4044.  <div
  4045.    class="border-style custom-section-content"
  4046.    style="--border-width: 1px; --border-style: none; --border-color:
  4047. rgb(var(--color-border-rgb) / 1.0); --border-radius:
  4048. 0px;
  4049. "
  4050.  >
  4051.    
  4052.  
  4053.    <div
  4054.      class="
  4055.        spacing-style
  4056.        layout-panel-flex
  4057.        layout-panel-flex--column
  4058.        section-content-wrapper
  4059.         mobile-column
  4060.      "
  4061.      style="
  4062.        --flex-direction: column; --flex-wrap: nowrap;
  4063.  
  4064. --gap: 12px;
  4065.  
  4066. --horizontal-alignment: center; --vertical-alignment: center;
  4067. --vertical-alignment-mobile: center;
  4068.  
  4069.        --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));
  4070.      "
  4071.      data-testid="section-content"
  4072.    >
  4073.      
  4074.  
  4075.  
  4076.  
  4077.  
  4078.  
  4079.  
  4080.  
  4081.  
  4082.  <div
  4083.  class=" spacing-style text-block text-block--ARE9YaWFYN2pFd0JZe__text_BJRwy4 h3
  4084.    
  4085.  "
  4086.  
  4087.  style="
  4088.    --padding-block-start: 0px; --padding-block-end:0px;
  4089. --padding-inline-start:0px; --padding-inline-end:0px;
  4090.  
  4091.    
  4092. --color: var(--color-foreground);
  4093.    --width: fit-content;
  4094.    --max-width: var(--max-width--body-normal);
  4095.    
  4096.    
  4097.  "
  4098.  
  4099.  
  4100. >
  4101.    <p>WHY noson?</p>
  4102.  </div>
  4103.  
  4104.  
  4105.  
  4106.  
  4107.  
  4108.  
  4109.  
  4110.  
  4111.  
  4112.  
  4113.  
  4114.  
  4115.  
  4116.  
  4117.  <rte-formatter
  4118.  class=" spacing-style text-block text-block--ARmpMMkJteEVoOXFsS__text_acnqU8 rte
  4119.     rte
  4120.  "
  4121.  
  4122.  style="
  4123.    --padding-block-start: 0px; --padding-block-end:0px;
  4124. --padding-inline-start:0px; --padding-inline-end:0px;
  4125.  
  4126.    
  4127.  
  4128.    --width: fit-content;
  4129.    --max-width: var(--max-width--body-normal);
  4130.    
  4131.    
  4132.  "
  4133.  
  4134.  
  4135. >
  4136.    <p>Improves nasal breathing</p><p>To be used occasionally or on the long run</p><p>Can reduce snoring</p>
  4137.  </rte-formatter>
  4138.  
  4139.  
  4140.  
  4141.  
  4142.  
  4143.  
  4144.  
  4145.  
  4146.    </div>
  4147.  </div>
  4148. </div>
  4149.  
  4150.  
  4151.  
  4152.  
  4153.  
  4154. </div><div id="shopify-section-template--20078607990996__section_RhpYRt" class="shopify-section section-wrapper">
  4155.  
  4156.  
  4157.  
  4158. <div class="section-background color-scheme-1"></div>
  4159. <div
  4160.  class="section section--full-width color-scheme-1"
  4161.  
  4162.  
  4163.  
  4164.  style="
  4165.    
  4166.  
  4167.    
  4168.  "
  4169. >
  4170.  <div class="custom-section-background">
  4171.    
  4172.  
  4173.  </div>
  4174.  
  4175.  <div
  4176.    class="border-style custom-section-content"
  4177.    style="--border-width: 1px; --border-style: none; --border-color:
  4178. rgb(var(--color-border-rgb) / 1.0); --border-radius:
  4179. 0px;
  4180. "
  4181.  >
  4182.    
  4183.  
  4184.    <div
  4185.      class="
  4186.        spacing-style
  4187.        layout-panel-flex
  4188.        layout-panel-flex--row
  4189.        section-content-wrapper
  4190.         mobile-column
  4191.      "
  4192.      style="
  4193.        --flex-direction: row; --flex-wrap: nowrap;
  4194.  
  4195. --gap: 0px;
  4196.  
  4197. --horizontal-alignment: center; --vertical-alignment: center;
  4198. --vertical-alignment-mobile: center;
  4199.  
  4200.        --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));
  4201.      "
  4202.      data-testid="section-content"
  4203.    >
  4204.      
  4205.  
  4206.  
  4207.  
  4208.  
  4209.  
  4210.  
  4211.  
  4212.  
  4213.  
  4214.  
  4215.  
  4216.  
  4217.  <deferred-media
  4218.    class="spacing-style size-style border-style"
  4219.    style="
  4220.  --padding-block-start: 10px;--padding-block-end: 10px;--padding-inline-start: 15px;--padding-inline-end: 15px;
  4221.  --border-width: 1px; --border-style: none; --border-color:
  4222. rgb(var(--color-border-rgb) / 1.0); --border-radius:
  4223. 0px;
  4224.  
  4225.   --size-style-width: 67%; --size-style-width-mobile: 100%;
  4226.   --size-style-aspect-ratio: 1.775;
  4227. "
  4228.    
  4229.      autoplay
  4230.    
  4231.    
  4232.  >
  4233.    
  4234.      <button
  4235.        class="button deferred-media__poster-button button-unstyled"
  4236.        ref="deferredMediaPlayButton"
  4237.        aria-label="ビデオを読み込む: "
  4238.        type="button"
  4239.        on:click="/showDeferredMedia"
  4240.        style="--video-aspect-ratio: 1.775"
  4241.      >
  4242.        <img src="//noson.shop/cdn/shop/files/preview_images/06007f1cae3345bbb46051ff5254e261.thumbnail.0000000000.jpg?v=1755161846&amp;width=3840" alt="" srcset="//noson.shop/cdn/shop/files/preview_images/06007f1cae3345bbb46051ff5254e261.thumbnail.0000000000.jpg?v=1755161846&amp;width=240 240w, //noson.shop/cdn/shop/files/preview_images/06007f1cae3345bbb46051ff5254e261.thumbnail.0000000000.jpg?v=1755161846&amp;width=352 352w, //noson.shop/cdn/shop/files/preview_images/06007f1cae3345bbb46051ff5254e261.thumbnail.0000000000.jpg?v=1755161846&amp;width=832 832w, //noson.shop/cdn/shop/files/preview_images/06007f1cae3345bbb46051ff5254e261.thumbnail.0000000000.jpg?v=1755161846&amp;width=1200 1200w, //noson.shop/cdn/shop/files/preview_images/06007f1cae3345bbb46051ff5254e261.thumbnail.0000000000.jpg?v=1755161846&amp;width=1600 1600w, //noson.shop/cdn/shop/files/preview_images/06007f1cae3345bbb46051ff5254e261.thumbnail.0000000000.jpg?v=1755161846&amp;width=1920 1920w, //noson.shop/cdn/shop/files/preview_images/06007f1cae3345bbb46051ff5254e261.thumbnail.0000000000.jpg?v=1755161846&amp;width=2560 2560w, //noson.shop/cdn/shop/files/preview_images/06007f1cae3345bbb46051ff5254e261.thumbnail.0000000000.jpg?v=1755161846&amp;width=3840 3840w" width="3840" height="2160" sizes="(min-width: 750px) 50vw, 100vw" class="deferred-media__poster-image">
  4243.  
  4244.        <span class="deferred-media__poster-icon icon-play">
  4245.          <span class="visually-hidden">ビデオを再生</span><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  4246.    <path fill-rule="evenodd" clip-rule="evenodd" d="M15.375 8.48516C16.5417 9.15874 16.5417 10.8427 15.375 11.5163L7.875 15.8464C6.70833 16.52 5.25 15.678 5.25 14.3308L5.25 5.67058C5.25 4.32343 6.70833 3.48146 7.875 4.15504L15.375 8.48516Z" fill="currentColor"/>
  4247. </svg>
  4248. </span>
  4249.      </button>
  4250.    
  4251.  
  4252.    
  4253.  
  4254.    <template>
  4255.      
  4256.        
  4257.    
  4258.      <video playsinline="playsinline" autoplay="autoplay" loop="loop" muted="muted" controls="controls" preload="metadata" poster="//noson.shop/cdn/shop/files/preview_images/06007f1cae3345bbb46051ff5254e261.thumbnail.0000000000_2500x.jpg?v=1755161846"><source src="//noson.shop/cdn/shop/videos/c/vp/06007f1cae3345bbb46051ff5254e261/06007f1cae3345bbb46051ff5254e261.HD-1080p-7.2Mbps-54883860.mp4?v=0" type="video/mp4"><img src="//noson.shop/cdn/shop/files/preview_images/06007f1cae3345bbb46051ff5254e261.thumbnail.0000000000_2500x.jpg?v=1755161846"></video>
  4259.    
  4260.  
  4261.      
  4262.    </template>
  4263.  
  4264.    
  4265.      
  4266.        
  4267.    
  4268.      <video playsinline="playsinline" autoplay="autoplay" loop="loop" muted="muted" controls="controls" preload="metadata" poster="//noson.shop/cdn/shop/files/preview_images/06007f1cae3345bbb46051ff5254e261.thumbnail.0000000000_2500x.jpg?v=1755161846"><source src="//noson.shop/cdn/shop/videos/c/vp/06007f1cae3345bbb46051ff5254e261/06007f1cae3345bbb46051ff5254e261.HD-1080p-7.2Mbps-54883860.mp4?v=0" type="video/mp4"><img src="//noson.shop/cdn/shop/files/preview_images/06007f1cae3345bbb46051ff5254e261.thumbnail.0000000000_2500x.jpg?v=1755161846"></video>
  4269.    
  4270.  
  4271.      
  4272.    
  4273.  </deferred-media>
  4274.  
  4275.  
  4276.  
  4277.  
  4278.  
  4279.  
  4280.  
  4281.  
  4282.  
  4283.  
  4284.  
  4285.  
  4286.  
  4287. <div
  4288.  class="
  4289.    group-block
  4290.    group-block--height-fit
  4291.    group-block--width-custom
  4292.    border-style
  4293.    spacing-style
  4294.    size-style
  4295.    
  4296.    
  4297.  "
  4298.  style="
  4299.    --border-width: 1px; --border-style: none; --border-color:
  4300. rgb(var(--color-border-rgb) / 1.0); --border-radius:
  4301. 0px;
  4302.  
  4303.    --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px));
  4304.    --size-style-width:33%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  4305.    
  4306.  "
  4307.  
  4308.  data-testid="group-block"
  4309. ><div class="group-block__media-wrapper">
  4310.    
  4311.  
  4312.    
  4313.  </div>
  4314.  
  4315.  <div
  4316.    class="
  4317.      group-block-content
  4318.      
  4319.      layout-panel-flex
  4320.      layout-panel-flex--column
  4321.       mobile-column
  4322.    "
  4323.    style="--flex-direction: column; --flex-wrap: nowrap;
  4324.  
  4325. --gap: 12px;
  4326.  
  4327. --horizontal-alignment: flex-start; --vertical-alignment: center;
  4328. --vertical-alignment-mobile: center;
  4329. "
  4330.  >
  4331.  
  4332.  
  4333.  
  4334.  
  4335.  
  4336.  
  4337.  
  4338.  
  4339.  <div
  4340.  class=" spacing-style text-block text-block--AdHpQVmdZWWdMVCtUU__text_BRFzjN h4
  4341.    
  4342.  "
  4343.  
  4344.  style="
  4345.    --padding-block-start: 0px; --padding-block-end:0px;
  4346. --padding-inline-start:0px; --padding-inline-end:0px;
  4347.  
  4348.    
  4349.  
  4350.    --width: fit-content;
  4351.    --max-width: var(--max-width--body-normal);
  4352.    
  4353.    
  4354.  "
  4355.  
  4356.  
  4357. >
  4358.    <p>Maximize your performance with Noson.</p>
  4359.  </div>
  4360.  
  4361.  
  4362.  
  4363.  
  4364.  
  4365.  
  4366.  
  4367.  
  4368.  
  4369.  
  4370.  
  4371.  
  4372.  
  4373.  
  4374.  <rte-formatter
  4375.  class=" spacing-style text-block text-block--AbmZCU1ZCNmpSSGo2N__text_tKxhbY rte
  4376.     rte
  4377.  "
  4378.  
  4379.  style="
  4380.    --padding-block-start: 0px; --padding-block-end:0px;
  4381. --padding-inline-start:0px; --padding-inline-end:0px;
  4382.  
  4383.    
  4384.  
  4385.    --width: fit-content;
  4386.    --max-width: var(--max-width--body-normal);
  4387.    
  4388.    
  4389.  "
  4390.  
  4391.  
  4392. >
  4393.    <p>Breathe better. Perform stronger. Powered by Noson.</p>
  4394.  </rte-formatter>
  4395.  
  4396.  
  4397.  
  4398.  
  4399.  
  4400.  
  4401.  
  4402. </div>
  4403. </div>
  4404.  
  4405.  
  4406.  
  4407.  
  4408.  
  4409.  
  4410.  
  4411.    </div>
  4412.  </div>
  4413. </div>
  4414.  
  4415.  
  4416.  
  4417.  
  4418.  
  4419. </div><div id="shopify-section-template--20078607990996__slideshow_qjhYVA" class="shopify-section container-background-image">
  4420.  
  4421.  
  4422.  
  4423.  
  4424.  
  4425.  
  4426.  
  4427. <div class="section-background color-scheme-1"></div>
  4428. <div
  4429.  class="spacing-style section section--full-width color-scheme-1 disable-section-top-offset"
  4430.  style="--padding-block-start: 0px; --padding-block-end:0px;
  4431. --padding-inline-start:0px; --padding-inline-end:0px;
  4432. "
  4433. >
  4434.  
  4435.  
  4436.  
  4437. <slideshow-component
  4438.  
  4439.  
  4440.    class="slideshow--single-media"
  4441.  
  4442.  style="--slideshow-timeline: --slide-1;"
  4443.  
  4444.  initial-slide="0"
  4445.  
  4446.  
  4447.    infinite
  4448.  
  4449.  
  4450.  
  4451. >
  4452.  
  4453.  <slideshow-container ref="slideshowContainer">
  4454.    
  4455.    
  4456.    <slideshow-slides
  4457.      tabindex="-1"
  4458.      ref="scroller"
  4459.      
  4460.        size="medium"
  4461.      
  4462.      
  4463.    >
  4464.      
  4465.  
  4466.  
  4467.  
  4468.  
  4469. <slideshow-slide
  4470.  ref="slides[]"
  4471.  aria-hidden="false"
  4472.  style="view-timeline-name: --slide-0; --product-media-fit: cover;"
  4473.  
  4474.  
  4475.  
  4476.  
  4477.  
  4478.  
  4479. >
  4480.  
  4481.  
  4482.  
  4483.  
  4484.  <div class="slide__image-container">
  4485. <img src="//noson.shop/cdn/shop/files/BFS_NOSON_16-04-2022_03_clip2.png?v=1755155295&amp;width=3840" alt="" srcset="//noson.shop/cdn/shop/files/BFS_NOSON_16-04-2022_03_clip2.png?v=1755155295&amp;width=832 832w, //noson.shop/cdn/shop/files/BFS_NOSON_16-04-2022_03_clip2.png?v=1755155295&amp;width=1200 1200w, //noson.shop/cdn/shop/files/BFS_NOSON_16-04-2022_03_clip2.png?v=1755155295&amp;width=1600 1600w, //noson.shop/cdn/shop/files/BFS_NOSON_16-04-2022_03_clip2.png?v=1755155295&amp;width=1920 1920w, //noson.shop/cdn/shop/files/BFS_NOSON_16-04-2022_03_clip2.png?v=1755155295&amp;width=2560 2560w, //noson.shop/cdn/shop/files/BFS_NOSON_16-04-2022_03_clip2.png?v=1755155295&amp;width=3840 3840w" height="1429" loading="lazy" sizes="(min-width: 750px) 100vw, 100vw" class="slide__image" fetchpriority="low">
  4486. </div>
  4487.  <div
  4488.    class="spacing-style slide__content background-transparent"
  4489.    style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
  4490.    
  4491.  >
  4492.    <div
  4493.      class="group-block-content
  4494.      layout-panel-flex
  4495.      layout-panel-flex--column
  4496.      mobile-column"
  4497.      style="--flex-direction: column; --flex-wrap: nowrap;
  4498.  
  4499. --gap: 12px;
  4500.  
  4501. --horizontal-alignment: center; --vertical-alignment: center;
  4502. --vertical-alignment-mobile: center;
  4503. "
  4504.    >
  4505.      
  4506.  
  4507.  
  4508.  
  4509. <div
  4510.  class="
  4511.    group-block
  4512.    group-block--height-fit
  4513.    group-block--width-custom
  4514.    border-style
  4515.    spacing-style
  4516.    size-style
  4517.     color-scheme-6
  4518.    
  4519.  "
  4520.  style="
  4521.    --border-width: 1px; --border-style: none; --border-color:
  4522. rgb(var(--color-border-rgb) / 1.0); --border-radius:
  4523. 0px;
  4524.  
  4525.    --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 48px));
  4526.    --size-style-width:50%;--size-style-height: fit;
  4527.  --size-style-width-mobile:85%; --size-style-width-mobile-min:85%;
  4528.    
  4529.  "
  4530.  
  4531.  data-testid="group-block"
  4532. ><div class="group-block__media-wrapper">
  4533.    
  4534.  
  4535.    
  4536.  </div>
  4537.  
  4538.  <div
  4539.    class="
  4540.      group-block-content
  4541.      
  4542.      layout-panel-flex
  4543.      layout-panel-flex--column
  4544.       mobile-column
  4545.    "
  4546.    style="--flex-direction: column; --flex-wrap: nowrap;
  4547.  
  4548. --gap: 12px;
  4549.  
  4550. --horizontal-alignment: center; --vertical-alignment: center;
  4551. --vertical-alignment-mobile: center;
  4552. "
  4553.  >
  4554.  
  4555.  
  4556.  
  4557.  
  4558.  
  4559.  
  4560.  
  4561.  
  4562.  <rte-formatter
  4563.  class=" spacing-style text-block text-block--ASVFNZFNJS1FUcXUyT__text_8DAzCn rte
  4564.     text-block--background  rte
  4565.  "
  4566.  
  4567.  style="
  4568.    --padding-block-start: 0px; --padding-block-end:0px;
  4569. --padding-inline-start:0px; --padding-inline-end:0px;
  4570.  
  4571.    
  4572.  
  4573.    --width: fit-content;
  4574.    --max-width: var(--max-width--body-normal);
  4575.    
  4576.    
  4577.      --text-background-color: #00000026;
  4578.      --text-corner-radius: 0px;
  4579.      --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg))));
  4580.    
  4581.  "
  4582.  
  4583.  
  4584. >
  4585.    <h3><strong>Nasal breathing matters.</strong></h3>
  4586.  </rte-formatter>
  4587.  
  4588.  
  4589.  
  4590.  
  4591.  
  4592.  
  4593.  
  4594.  
  4595.  
  4596.  
  4597.  
  4598.  
  4599.  
  4600.  
  4601.  <rte-formatter
  4602.  class=" spacing-style text-block text-block--AWFUzblpZZStnMVB4d__text_tAxN6M rte
  4603.     rte
  4604.  "
  4605.  
  4606.  style="
  4607.    --padding-block-start: 0px; --padding-block-end:20px;
  4608. --padding-inline-start:0px; --padding-inline-end:0px;
  4609.  
  4610.    
  4611.  
  4612.    --width: fit-content;
  4613.    --max-width: var(--max-width--body-normal);
  4614.    
  4615.    
  4616.  "
  4617.  
  4618.  
  4619. >
  4620.    <p>Improving nasal breathing helps reduce snoring and enhances sleep quality.<br/><br/>The nose filters, warms, and humidifies air, making it ideal for your health.<br/><br/>Noson gently opens the nostrils without touching the sensitive septum, preventing excess mucus.<br/><br/>Proper nasal breathing increases oxygen saturation, boosts energy supply, and improves calorie burning.<br/><br/>Compact and portable, Noson can be used anytime, anywhere.</p>
  4621.  </rte-formatter>
  4622.  
  4623.  
  4624.  
  4625.  
  4626.  
  4627.  
  4628.  
  4629. </div>
  4630. </div>
  4631.  
  4632.  
  4633.  
  4634.  
  4635.  
  4636.  
  4637.    </div>
  4638.  </div>
  4639.  
  4640. </slideshow-slide>
  4641.  
  4642.  
  4643.  
  4644.  
  4645.  
  4646.  
  4647.  
  4648.    </slideshow-slides>
  4649.  </slideshow-container>
  4650.  
  4651. </slideshow-component>
  4652.  
  4653. </div>
  4654.  
  4655.  
  4656. </div><div id="shopify-section-template--20078607990996__section_8Fekqj" class="shopify-section section-wrapper">
  4657.  
  4658.  
  4659.  
  4660. <div class="section-background color-scheme-1"></div>
  4661. <div
  4662.  class="section section--page-width color-scheme-1"
  4663.  
  4664.  
  4665.  
  4666.  style="
  4667.    
  4668.  
  4669.    
  4670.  "
  4671. >
  4672.  <div class="custom-section-background">
  4673.    
  4674.  
  4675.  </div>
  4676.  
  4677.  <div
  4678.    class="border-style custom-section-content"
  4679.    style="--border-width: 1px; --border-style: none; --border-color:
  4680. rgb(var(--color-border-rgb) / 1.0); --border-radius:
  4681. 0px;
  4682. "
  4683.  >
  4684.    
  4685.  
  4686.    <div
  4687.      class="
  4688.        spacing-style
  4689.        layout-panel-flex
  4690.        layout-panel-flex--row
  4691.        section-content-wrapper
  4692.         mobile-column
  4693.      "
  4694.      style="
  4695.        --flex-direction: row; --flex-wrap: nowrap;
  4696.  
  4697. --gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));
  4698.  
  4699. --horizontal-alignment: center; --vertical-alignment: center;
  4700. --vertical-alignment-mobile: center;
  4701.  
  4702.        --padding-block-start: max(20px, calc(var(--spacing-scale) * 60px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));
  4703.      "
  4704.      data-testid="section-content"
  4705.    >
  4706.      
  4707.  
  4708.  
  4709.  
  4710.  
  4711.  
  4712.  
  4713.  
  4714.  
  4715.  <rte-formatter
  4716.  class=" spacing-style text-block text-block--ANGxGVWlkaWtjWndzc__text_ginmf7 rte
  4717.     rte
  4718.  "
  4719.  
  4720.  style="
  4721.    --padding-block-start: 0px; --padding-block-end:0px;
  4722. --padding-inline-start:0px; --padding-inline-end:0px;
  4723.  
  4724.    
  4725.  
  4726.    --width: fit-content;
  4727.    --max-width: var(--max-width--body-normal);
  4728.    
  4729.    
  4730.  "
  4731.  
  4732.  
  4733. >
  4734.    <h4><strong>Loved by athletes worldwide.</strong></h4>
  4735.  </rte-formatter>
  4736.  
  4737.  
  4738.  
  4739.  
  4740.  
  4741.  
  4742.  
  4743.  
  4744.  
  4745.  
  4746.  
  4747.  
  4748.  
  4749.  
  4750.  
  4751.  
  4752.  
  4753.  
  4754.  
  4755.  
  4756.  
  4757.  <div
  4758.    class="
  4759.  image-block image-block--AT3RWNlAwSWJBSEpTK__image_A6N8jC image-block--height-fit spacing-style size-style
  4760. "
  4761.    style="
  4762.  --ratio: 1.5;
  4763.  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  4764.  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
  4765. "
  4766.    
  4767.  >
  4768.    
  4769. <img src="//noson.shop/cdn/shop/files/2021_Sardinia_Jeremy_Seewer.jpg?v=1755158109&amp;width=3840" alt="" srcset="//noson.shop/cdn/shop/files/2021_Sardinia_Jeremy_Seewer.jpg?v=1755158109&amp;width=240 240w, //noson.shop/cdn/shop/files/2021_Sardinia_Jeremy_Seewer.jpg?v=1755158109&amp;width=352 352w, //noson.shop/cdn/shop/files/2021_Sardinia_Jeremy_Seewer.jpg?v=1755158109&amp;width=832 832w, //noson.shop/cdn/shop/files/2021_Sardinia_Jeremy_Seewer.jpg?v=1755158109&amp;width=1200 1200w, //noson.shop/cdn/shop/files/2021_Sardinia_Jeremy_Seewer.jpg?v=1755158109&amp;width=1600 1600w, //noson.shop/cdn/shop/files/2021_Sardinia_Jeremy_Seewer.jpg?v=1755158109&amp;width=1920 1920w, //noson.shop/cdn/shop/files/2021_Sardinia_Jeremy_Seewer.jpg?v=1755158109&amp;width=2560 2560w, //noson.shop/cdn/shop/files/2021_Sardinia_Jeremy_Seewer.jpg?v=1755158109&amp;width=3840 3840w" width="2592" height="1728" loading="lazy" class="image-block__image border-style" style="
  4770.  --ratio: 1.5;
  4771.  --border-width: 1px; --border-style: none; --border-color:
  4772. rgb(var(--color-border-rgb) / 1.0); --border-radius:
  4773. 0px;
  4774.  
  4775. " sizes="auto, (min-width: 750px) 100vw, 100vw">
  4776.  
  4777.  </div>
  4778.  
  4779.  
  4780.  
  4781.  
  4782.  
  4783.  
  4784.  
  4785.  
  4786.  
  4787. <div
  4788.  class="
  4789.    group-block
  4790.    group-block--height-fit
  4791.    group-block--width-custom
  4792.    border-style
  4793.    spacing-style
  4794.    size-style
  4795.    
  4796.    
  4797.  "
  4798.  style="
  4799.    --border-width: 1px; --border-style: none; --border-color:
  4800. rgb(var(--color-border-rgb) / 1.0); --border-radius:
  4801. 0px;
  4802.  
  4803.    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
  4804.    --size-style-width:100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  4805.    
  4806.  "
  4807.  
  4808.  data-testid="group-block"
  4809. ><div class="group-block__media-wrapper">
  4810.    
  4811.  
  4812.    
  4813.  </div>
  4814.  
  4815.  <div
  4816.    class="
  4817.      group-block-content
  4818.      
  4819.      layout-panel-flex
  4820.      layout-panel-flex--column
  4821.       mobile-column
  4822.    "
  4823.    style="--flex-direction: column; --flex-wrap: nowrap;
  4824.  
  4825. --gap: 12px;
  4826.  
  4827. --horizontal-alignment: flex-start; --vertical-alignment: center;
  4828. --vertical-alignment-mobile: center;
  4829. "
  4830.  >
  4831.  
  4832.  
  4833.  
  4834.  
  4835.  
  4836.  
  4837.  
  4838.  
  4839.  <div
  4840.  class=" spacing-style text-block text-block--Aajl0SDdpdzcvbEpoe__text_N7kEt9 h5
  4841.    
  4842.  "
  4843.  
  4844.  style="
  4845.    --padding-block-start: 0px; --padding-block-end:0px;
  4846. --padding-inline-start:0px; --padding-inline-end:0px;
  4847.  
  4848.    
  4849. --color: var(--color-foreground);
  4850.    --width: fit-content;
  4851.    --max-width: var(--max-width--body-normal);
  4852.    
  4853.    
  4854.  "
  4855.  
  4856.  
  4857. >
  4858.    <p>Jeremy Seewer</p>
  4859.  </div>
  4860.  
  4861.  
  4862.  
  4863.  
  4864.  
  4865.  
  4866.  
  4867.  
  4868.  
  4869.  
  4870.  
  4871.  
  4872.  
  4873.  
  4874.  <rte-formatter
  4875.  class=" spacing-style text-block text-block--ASzFyT21Jc3FRUjNBW__text_p9BFQ8 rte
  4876.     rte
  4877.  "
  4878.  
  4879.  style="
  4880.    --padding-block-start: 0px; --padding-block-end:0px;
  4881. --padding-inline-start:0px; --padding-inline-end:0px;
  4882.  
  4883.    
  4884.  
  4885.    --width: fit-content;
  4886.    --max-width: var(--max-width--body-normal);
  4887.    
  4888.    
  4889.  "
  4890.  
  4891.  
  4892. >
  4893.    <p>MXGP MOTOCROSS</p>
  4894.  </rte-formatter>
  4895.  
  4896.  
  4897.  
  4898.  
  4899.  
  4900.  
  4901.  
  4902.  
  4903.  
  4904.  
  4905.  
  4906.  
  4907.  
  4908.  
  4909.  <rte-formatter
  4910.  class=" spacing-style text-block text-block--AK2NZcjRmZjMrZ1I0U__text_XT7LnG rte
  4911.     rte
  4912.  "
  4913.  
  4914.  style="
  4915.    --padding-block-start: 0px; --padding-block-end:0px;
  4916. --padding-inline-start:0px; --padding-inline-end:0px;
  4917.  
  4918.    
  4919.  
  4920.    --width: fit-content;
  4921.    --max-width: var(--max-width--body-narrow);
  4922.    
  4923.    
  4924.  "
  4925.  
  4926.  
  4927. >
  4928.    <p>I use Noson under my helmet and it helps me to get more air through my nose. Noson provides a relief for me in order to be able to take an essential breath. I can concentrate better and focus on my race.</p>
  4929.  </rte-formatter>
  4930.  
  4931.  
  4932.  
  4933.  
  4934.  
  4935.  
  4936.  
  4937. </div>
  4938. </div>
  4939.  
  4940.  
  4941.  
  4942.  
  4943.  
  4944.  
  4945.  
  4946.    </div>
  4947.  </div>
  4948. </div>
  4949.  
  4950.  
  4951.  
  4952.  
  4953.  
  4954. </div><div id="shopify-section-template--20078607990996__section_inxCg4" class="shopify-section section-wrapper">
  4955.  
  4956.  
  4957.  
  4958. <div class="section-background color-scheme-1"></div>
  4959. <div
  4960.  class="section section--page-width color-scheme-1"
  4961.  
  4962.  
  4963.  
  4964.  style="
  4965.    
  4966.  
  4967.    
  4968.  "
  4969. >
  4970.  <div class="custom-section-background">
  4971.    
  4972.  
  4973.  </div>
  4974.  
  4975.  <div
  4976.    class="border-style custom-section-content"
  4977.    style="--border-width: 1px; --border-style: none; --border-color:
  4978. rgb(var(--color-border-rgb) / 1.0); --border-radius:
  4979. 0px;
  4980. "
  4981.  >
  4982.    
  4983.  
  4984.    <div
  4985.      class="
  4986.        spacing-style
  4987.        layout-panel-flex
  4988.        layout-panel-flex--row
  4989.        section-content-wrapper
  4990.         mobile-column
  4991.      "
  4992.      style="
  4993.        --flex-direction: row; --flex-wrap: nowrap;
  4994.  
  4995. --gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));
  4996.  
  4997. --horizontal-alignment: flex-end; --vertical-alignment: center;
  4998. --vertical-alignment-mobile: center;
  4999.  
  5000.        --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));
  5001.      "
  5002.      data-testid="section-content"
  5003.    >
  5004.      
  5005.  
  5006.  
  5007.  
  5008.  
  5009.  
  5010.  
  5011.  
  5012.  
  5013.  
  5014.  
  5015.  
  5016.  
  5017.  
  5018.  
  5019.  
  5020.  <div
  5021.    class="
  5022.  image-block image-block--ARDBxZVRZTWxuTzhMe__image_L6AtV9 image-block--height-fit spacing-style size-style
  5023. "
  5024.    style="
  5025.  --ratio: 1.5;
  5026.  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  5027.  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
  5028. "
  5029.    
  5030.  >
  5031.    
  5032. <img src="//noson.shop/cdn/shop/files/OndrejCink.jpg?v=1755158127&amp;width=3840" alt="" srcset="//noson.shop/cdn/shop/files/OndrejCink.jpg?v=1755158127&amp;width=240 240w, //noson.shop/cdn/shop/files/OndrejCink.jpg?v=1755158127&amp;width=352 352w, //noson.shop/cdn/shop/files/OndrejCink.jpg?v=1755158127&amp;width=832 832w, //noson.shop/cdn/shop/files/OndrejCink.jpg?v=1755158127&amp;width=1200 1200w, //noson.shop/cdn/shop/files/OndrejCink.jpg?v=1755158127&amp;width=1600 1600w, //noson.shop/cdn/shop/files/OndrejCink.jpg?v=1755158127&amp;width=1920 1920w, //noson.shop/cdn/shop/files/OndrejCink.jpg?v=1755158127&amp;width=2560 2560w, //noson.shop/cdn/shop/files/OndrejCink.jpg?v=1755158127&amp;width=3840 3840w" width="204" height="136" loading="lazy" class="image-block__image border-style" style="
  5033.  --ratio: 1.5;
  5034.  --border-width: 1px; --border-style: none; --border-color:
  5035. rgb(var(--color-border-rgb) / 1.0); --border-radius:
  5036. 0px;
  5037.  
  5038. " sizes="auto, (min-width: 750px) 100vw, 100vw">
  5039.  
  5040.  </div>
  5041.  
  5042.  
  5043.  
  5044.  
  5045.  
  5046.  
  5047.  
  5048.  
  5049.  
  5050. <div
  5051.  class="
  5052.    group-block
  5053.    group-block--height-fit
  5054.    group-block--width-custom
  5055.    border-style
  5056.    spacing-style
  5057.    size-style
  5058.    
  5059.    
  5060.  "
  5061.  style="
  5062.    --border-width: 1px; --border-style: none; --border-color:
  5063. rgb(var(--color-border-rgb) / 1.0); --border-radius:
  5064. 0px;
  5065.  
  5066.    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
  5067.    --size-style-width:100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  5068.    
  5069.  "
  5070.  
  5071.  data-testid="group-block"
  5072. ><div class="group-block__media-wrapper">
  5073.    
  5074.  
  5075.    
  5076.  </div>
  5077.  
  5078.  <div
  5079.    class="
  5080.      group-block-content
  5081.      
  5082.      layout-panel-flex
  5083.      layout-panel-flex--column
  5084.       mobile-column
  5085.    "
  5086.    style="--flex-direction: column; --flex-wrap: nowrap;
  5087.  
  5088. --gap: 12px;
  5089.  
  5090. --horizontal-alignment: flex-start; --vertical-alignment: center;
  5091. --vertical-alignment-mobile: center;
  5092. "
  5093.  >
  5094.  
  5095.  
  5096.  
  5097.  
  5098.  
  5099.  
  5100.  
  5101.  
  5102.  <div
  5103.  class=" spacing-style text-block text-block--AY0dIQ2tmN25neVVlS__text_eaNEkE h5
  5104.    
  5105.  "
  5106.  
  5107.  style="
  5108.    --padding-block-start: 0px; --padding-block-end:0px;
  5109. --padding-inline-start:0px; --padding-inline-end:0px;
  5110.  
  5111.    
  5112. --color: var(--color-foreground);
  5113.    --width: fit-content;
  5114.    --max-width: var(--max-width--body-normal);
  5115.    
  5116.    
  5117.  "
  5118.  
  5119.  
  5120. >
  5121.    <p>Ondrej Cink</p>
  5122.  </div>
  5123.  
  5124.  
  5125.  
  5126.  
  5127.  
  5128.  
  5129.  
  5130.  
  5131.  
  5132.  
  5133.  
  5134.  
  5135.  
  5136.  
  5137.  <rte-formatter
  5138.  class=" spacing-style text-block text-block--ANmVBT0lubmhON0VNa__text_934gJC rte
  5139.     rte
  5140.  "
  5141.  
  5142.  style="
  5143.    --padding-block-start: 0px; --padding-block-end:0px;
  5144. --padding-inline-start:0px; --padding-inline-end:0px;
  5145.  
  5146.    
  5147.  
  5148.    --width: fit-content;
  5149.    --max-width: var(--max-width--body-normal);
  5150.    
  5151.    
  5152.  "
  5153.  
  5154.  
  5155. >
  5156.    <p>MTB CROSS COUNTRY</p>
  5157.  </rte-formatter>
  5158.  
  5159.  
  5160.  
  5161.  
  5162.  
  5163.  
  5164.  
  5165.  
  5166.  
  5167.  
  5168.  
  5169.  
  5170.  
  5171.  
  5172.  <rte-formatter
  5173.  class=" spacing-style text-block text-block--ARi9SWTl1VTgzUGlnQ__text_D43yBi rte
  5174.     rte
  5175.  "
  5176.  
  5177.  style="
  5178.    --padding-block-start: 0px; --padding-block-end:0px;
  5179. --padding-inline-start:0px; --padding-inline-end:0px;
  5180.  
  5181.    
  5182.  
  5183.    --width: fit-content;
  5184.    --max-width: var(--max-width--body-narrow);
  5185.    
  5186.    
  5187.  "
  5188.  
  5189.  
  5190. >
  5191.    <p>As soon as I use Noson, I canimmediately breathe better and get more oxygen. Due to the imporved nasal berathing, my muscles overacidify  much slower and I feel moer energetic and resilient. In winter and on cold training days, I protect my lungs from the cold air with the use of Noson.r</p>
  5192.  </rte-formatter>
  5193.  
  5194.  
  5195.  
  5196.  
  5197.  
  5198.  
  5199.  
  5200. </div>
  5201. </div>
  5202.  
  5203.  
  5204.  
  5205.  
  5206.  
  5207.  
  5208.  
  5209.    </div>
  5210.  </div>
  5211. </div>
  5212.  
  5213.  
  5214.  
  5215.  
  5216.  
  5217. </div><div id="shopify-section-template--20078607990996__section_CYM3Nm" class="shopify-section section-wrapper">
  5218.  
  5219.  
  5220.  
  5221. <div class="section-background color-scheme-2"></div>
  5222. <div
  5223.  class="section section--page-width color-scheme-2"
  5224.  
  5225.  
  5226.  
  5227.  style="
  5228.    
  5229.      --section-min-height: var(--section-height-small);
  5230.    
  5231.  
  5232.    
  5233.     --section-preview-height: 600px;
  5234.    
  5235.  "
  5236. >
  5237.  <div class="custom-section-background">
  5238.    
  5239.  
  5240.  </div>
  5241.  
  5242.  <div
  5243.    class="border-style custom-section-content"
  5244.    style="--border-width: 1px; --border-style: none; --border-color:
  5245. rgb(var(--color-border-rgb) / 1.0); --border-radius:
  5246. 0px;
  5247. "
  5248.  >
  5249.    
  5250.  
  5251.    <div
  5252.      class="
  5253.        spacing-style
  5254.        layout-panel-flex
  5255.        layout-panel-flex--row
  5256.        section-content-wrapper
  5257.         mobile-column
  5258.      "
  5259.      style="
  5260.        --flex-direction: row; --flex-wrap: nowrap;
  5261.  
  5262. --gap: max(24px, calc(var(--gap-scale, 1.0) * 60px));
  5263.  
  5264. --horizontal-alignment: center; --vertical-alignment: center;
  5265. --vertical-alignment-mobile: center;
  5266.  
  5267.        --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));
  5268.      "
  5269.      data-testid="section-content"
  5270.    >
  5271.      
  5272.  
  5273.  
  5274.  
  5275.  
  5276.  
  5277.  
  5278.  
  5279.  
  5280.  
  5281.  
  5282.  
  5283.  
  5284.  
  5285.  
  5286.  
  5287.  <div
  5288.    class="
  5289.  image-block image-block--AYWtJSU1jeGJBZjRpV__image_EwJWj6 image-block--height-fit spacing-style size-style
  5290. "
  5291.    style="
  5292.  --ratio: 1.0;
  5293.  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  5294.  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
  5295. "
  5296.    
  5297.  >
  5298.    
  5299. <img src="//noson.shop/cdn/shop/files/DrKurtTschopp500x500.png?v=1758097586&amp;width=3840" alt="" srcset="//noson.shop/cdn/shop/files/DrKurtTschopp500x500.png?v=1758097586&amp;width=240 240w, //noson.shop/cdn/shop/files/DrKurtTschopp500x500.png?v=1758097586&amp;width=352 352w, //noson.shop/cdn/shop/files/DrKurtTschopp500x500.png?v=1758097586&amp;width=832 832w, //noson.shop/cdn/shop/files/DrKurtTschopp500x500.png?v=1758097586&amp;width=1200 1200w, //noson.shop/cdn/shop/files/DrKurtTschopp500x500.png?v=1758097586&amp;width=1600 1600w, //noson.shop/cdn/shop/files/DrKurtTschopp500x500.png?v=1758097586&amp;width=1920 1920w, //noson.shop/cdn/shop/files/DrKurtTschopp500x500.png?v=1758097586&amp;width=2560 2560w, //noson.shop/cdn/shop/files/DrKurtTschopp500x500.png?v=1758097586&amp;width=3840 3840w" width="500" height="500" loading="lazy" class="image-block__image border-style" style="
  5300.  --ratio: 1.0;
  5301.  --border-width: 0px; --border-style: solid; --border-color:
  5302. rgb(var(--color-border-rgb) / 1.0); --border-radius:
  5303. 100px;  overflow: hidden;
  5304.  
  5305. " sizes="auto, (min-width: 750px) 100vw, 100vw">
  5306.  
  5307.  </div>
  5308.  
  5309.  
  5310.  
  5311.  
  5312.  
  5313.  
  5314.  
  5315.  
  5316.  
  5317. <div
  5318.  class="
  5319.    group-block
  5320.    group-block--height-fit
  5321.    group-block--width-custom
  5322.    border-style
  5323.    spacing-style
  5324.    size-style
  5325.    
  5326.    
  5327.  "
  5328.  style="
  5329.    --border-width: 1px; --border-style: none; --border-color:
  5330. rgb(var(--color-border-rgb) / 1.0); --border-radius:
  5331. 0px;
  5332.  
  5333.    --padding-block-start: 15px;--padding-block-end: 15px;--padding-inline-start: 15px;--padding-inline-end: 15px;
  5334.    --size-style-width:100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  5335.    
  5336.  "
  5337.  
  5338.  data-testid="group-block"
  5339. ><div class="group-block__media-wrapper">
  5340.    
  5341.  
  5342.    
  5343.  </div>
  5344.  
  5345.  <div
  5346.    class="
  5347.      group-block-content
  5348.      
  5349.      layout-panel-flex
  5350.      layout-panel-flex--column
  5351.       mobile-column
  5352.    "
  5353.    style="--flex-direction: column; --flex-wrap: nowrap;
  5354.  
  5355. --gap: 12px;
  5356.  
  5357. --horizontal-alignment: center; --vertical-alignment: center;
  5358. --vertical-alignment-mobile: center;
  5359. "
  5360.  >
  5361.  
  5362.  
  5363.  
  5364.  
  5365.  
  5366.  
  5367.  
  5368.  
  5369.  <div
  5370.  class=" spacing-style text-block text-block--AbU1NNkt2T0NmN3lsd__text_wwcHFH h3
  5371.    text-block--align-left
  5372.  "
  5373.  
  5374.  style="
  5375.    --padding-block-start: 0px; --padding-block-end:0px;
  5376. --padding-inline-start:0px; --padding-inline-end:0px;
  5377.  
  5378.    
  5379. --color: var(--color-foreground);
  5380.    --width: 100%;
  5381.    --max-width: var(--max-width--body-normal);
  5382.    
  5383.      --text-align: left;
  5384.    
  5385.    
  5386.  "
  5387.  
  5388.  
  5389. >
  5390.    <p><strong>Dr. Kurt Tschopp</strong></p>
  5391.  </div>
  5392.  
  5393.  
  5394.  
  5395.  
  5396.  
  5397.  
  5398.  
  5399.  
  5400.  
  5401.  
  5402.  
  5403.  
  5404.  
  5405.  
  5406.  <rte-formatter
  5407.  class=" spacing-style text-block text-block--AWTZGd1Y0S2o4c2N3T__text_3QRy7z rte
  5408.    text-block--align-left text-block--full-width  rte
  5409.  "
  5410.  
  5411.  style="
  5412.    --padding-block-start: 0px; --padding-block-end:0px;
  5413. --padding-inline-start:0px; --padding-inline-end:0px;
  5414.  
  5415.    
  5416.  
  5417.    --width: 100%;
  5418.    --max-width: var(--max-width--body-none);
  5419.    
  5420.      --text-align: left;
  5421.    
  5422.    
  5423.  "
  5424.  
  5425.  
  5426. >
  5427.    <p>CHIEF DOCTOR ORL - CANTON HOSPITAL, BASELLAND, SWITZERLAND</p>
  5428.  </rte-formatter>
  5429.  
  5430.  
  5431.  
  5432.  
  5433.  
  5434.  
  5435.  
  5436.  
  5437.  
  5438.  
  5439.  
  5440.  
  5441.  
  5442.  
  5443.  <rte-formatter
  5444.  class=" spacing-style text-block text-block--AS1B3V24rRFoyNTVFc__text_ktg3FW rte
  5445.    text-block--align-left text-block--full-width  rte
  5446.  "
  5447.  
  5448.  style="
  5449.    --padding-block-start: 0px; --padding-block-end:0px;
  5450. --padding-inline-start:0px; --padding-inline-end:0px;
  5451.  
  5452.    
  5453.  
  5454.    --width: 100%;
  5455.    --max-width: var(--max-width--body-none);
  5456.    
  5457.      --text-align: left;
  5458.    
  5459.    
  5460.  "
  5461.  
  5462.  
  5463. >
  5464.    <p>The Noson Nasal Dilator is a tool that I frequently use and recommend because it expands the nostrils and can therefore achieve an immediate improvement in nasal breathing. It can be used as required as well as long-term and the effect is immediately noticeable.</p>
  5465.  </rte-formatter>
  5466.  
  5467.  
  5468.  
  5469.  
  5470.  
  5471.  
  5472.  
  5473. </div>
  5474. </div>
  5475.  
  5476.  
  5477.  
  5478.  
  5479.  
  5480.  
  5481.  
  5482.    </div>
  5483.  </div>
  5484. </div>
  5485.  
  5486.  
  5487.  
  5488.  
  5489.  
  5490. </div><div id="shopify-section-template--20078607990996__product_spotlight_pQAmDV" class="shopify-section">
  5491.  
  5492.  
  5493. <section style="padding:clamp(20px,4vw,48px) 0;">
  5494.  <div style="max-width:1100px;margin:0 auto;padding:0 16px;">
  5495.    
  5496.    
  5497.  
  5498.    
  5499.      <div class="ps-wrap" style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;align-items:start;">
  5500.        <div>
  5501.          
  5502.            <img src="//noson.shop/cdn/shop/files/NosonNasalDilator.png?v=1757739602&width=1200" alt="Noson® PREMIUM - nasal dilator（One Size）"  loading="lazy" class="ps-img">
  5503.  
  5504.          
  5505.        </div>
  5506.  
  5507.        <div>
  5508.          <h3 style="margin:0 0 6px;font-size:clamp(18px,2.2vw,26px);">Noson® PREMIUM - nasal dilator（One Size）</h3>
  5509.          <div style="margin:0 0 12px;font-weight:700;">
  5510.            ¥24,750
  5511.            
  5512.          </div>
  5513.  
  5514.          
  5515.  
  5516.          <form method="post" action="/cart/add" style="display:grid;gap:10px;max-width:360px;">
  5517.            <input type="hidden" name="id" value="46746724237524">
  5518.            
  5519.            <button type="submit"
  5520.              style="padding:.8rem 1.1rem;border-radius:999px;border:0;background:#111;color:#fff;cursor:pointer;">
  5521.              Add to cart
  5522.            </button>
  5523.          </form>
  5524.  
  5525.          
  5526.  
  5527.          
  5528.        </div>
  5529.      </div>
  5530.    
  5531.  </div>
  5532. </section>
  5533.  
  5534.  
  5535. <style> #shopify-section-template--20078607990996__product_spotlight_pQAmDV .ps-wrap {display: block !important; max-width: 260px; margin: 0 auto; padding: 16px; border: 1px solid #ddd; border-radius: 12px; text-align: center; background: #fff;} #shopify-section-template--20078607990996__product_spotlight_pQAmDV .ps-img {max-width: 180px; margin: 0 auto 12px; display: block;} #shopify-section-template--20078607990996__product_spotlight_pQAmDV .ps-title {font-size: 16px; font-weight: 600; margin: 0 0 6px;} #shopify-section-template--20078607990996__product_spotlight_pQAmDV .ps-price {font-weight: 700; margin: 0 0 12px;} #shopify-section-template--20078607990996__product_spotlight_pQAmDV .ps-btn {padding: 0.6rem 1rem; border-radius: 8px; border: 1px solid #111; background: #fff; color: #111; cursor: pointer;} #shopify-section-template--20078607990996__product_spotlight_pQAmDV .ps-btn:hover {background: #111; color: #fff;} </style></div>
  5536.    </main>
  5537.  
  5538.    <!-- BEGIN sections: footer-group -->
  5539. <div id="shopify-section-sections--20078608253140__custom_section_76dqAh" class="shopify-section shopify-section-group-footer-group section-wrapper">
  5540.  
  5541.  
  5542.  
  5543. <div class="section-background color-scheme-2"></div>
  5544. <div
  5545.  class="section section--page-width color-scheme-2"
  5546.  
  5547.  
  5548.  
  5549.  style="
  5550.    
  5551.  
  5552.    
  5553.  "
  5554. >
  5555.  <div class="custom-section-background">
  5556.    
  5557.  
  5558.  </div>
  5559.  
  5560.  <div
  5561.    class="border-style custom-section-content"
  5562.    style="--border-width: 1px; --border-style: none; --border-color:
  5563. rgb(var(--color-border-rgb) / 1.0); --border-radius:
  5564. 0px;
  5565. "
  5566.  >
  5567.    
  5568.  
  5569.    <div
  5570.      class="
  5571.        spacing-style
  5572.        layout-panel-flex
  5573.        layout-panel-flex--column
  5574.        section-content-wrapper
  5575.         mobile-column
  5576.      "
  5577.      style="
  5578.        --flex-direction: column; --flex-wrap: nowrap;
  5579.  
  5580. --gap: max(24px, calc(var(--gap-scale, 1.0) * 44px));
  5581.  
  5582. --horizontal-alignment: flex-start; --vertical-alignment: center;
  5583. --vertical-alignment-mobile: center;
  5584.  
  5585.        --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: 0px;
  5586.      "
  5587.      data-testid="section-content"
  5588.    >
  5589.      
  5590.  
  5591.  
  5592.  
  5593.  
  5594. <div
  5595.  class="
  5596.    group-block
  5597.    group-block--height-fit
  5598.    group-block--width-fill
  5599.    border-style
  5600.    spacing-style
  5601.    size-style
  5602.    
  5603.    
  5604.  "
  5605.  style="
  5606.    --border-width: 1px; --border-style: none; --border-color:
  5607. rgb(var(--color-border-rgb) / 1.0); --border-radius:
  5608. 0px;
  5609.  
  5610.    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
  5611.    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  5612.    
  5613.  "
  5614.  
  5615.  data-testid="group-block"
  5616. ><div class="group-block__media-wrapper">
  5617.    
  5618.  
  5619.    
  5620.  </div>
  5621.  
  5622.  <div
  5623.    class="
  5624.      group-block-content
  5625.      
  5626.      layout-panel-flex
  5627.      layout-panel-flex--row
  5628.       mobile-column
  5629.    "
  5630.    style="--flex-direction: row; --flex-wrap: nowrap;
  5631.  
  5632. --gap: 12px;
  5633.  
  5634. --horizontal-alignment: flex-start; --vertical-alignment: flex-start;
  5635. --vertical-alignment-mobile: flex-start;
  5636. "
  5637.  >
  5638.  
  5639.  
  5640.  
  5641.  
  5642. <div
  5643.  class="
  5644.    group-block
  5645.    group-block--height-fit
  5646.    group-block--width-fill
  5647.    border-style
  5648.    spacing-style
  5649.    size-style
  5650.    
  5651.    
  5652.  "
  5653.  style="
  5654.    --border-width: 1px; --border-style: none; --border-color:
  5655. rgb(var(--color-border-rgb) / 1.0); --border-radius:
  5656. 0px;
  5657.  
  5658.    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
  5659.    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  5660.    
  5661.  "
  5662.  
  5663.  data-testid="group-block"
  5664. ><div class="group-block__media-wrapper">
  5665.    
  5666.  
  5667.    
  5668.  </div>
  5669.  
  5670.  <div
  5671.    class="
  5672.      group-block-content
  5673.      
  5674.      layout-panel-flex
  5675.      layout-panel-flex--column
  5676.       mobile-column
  5677.    "
  5678.    style="--flex-direction: column; --flex-wrap: nowrap;
  5679.  
  5680. --gap: 12px;
  5681.  
  5682. --horizontal-alignment: flex-start; --vertical-alignment: center;
  5683. --vertical-alignment-mobile: center;
  5684. "
  5685.  >
  5686.  
  5687. </div>
  5688. </div>
  5689.  
  5690.  
  5691.  
  5692.  
  5693.  
  5694.  
  5695. </div>
  5696. </div>
  5697.  
  5698.  
  5699.  
  5700.  
  5701.  
  5702.  
  5703.  
  5704. <div
  5705.  class="footer-utilities spacing-style"
  5706.  style="--padding-block-start: 20px;--padding-block-end: 20px; --border-width: 0px;"
  5707.  
  5708. >
  5709.  <div class="footer-utilities__group footer-utilities__group--left">
  5710.    
  5711.  
  5712. <div
  5713.  class="
  5714.    footer-utilities__group-copyright
  5715.    custom-typography
  5716.    custom-font-size
  5717.  "
  5718.  style="
  5719. --color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: ;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
  5720.  
  5721. >
  5722.  <span class="footer-utilities__text">
  5723.    &copy; 2025
  5724.    <a href="/" title="">nosonJAPAN</a>, Powered by Shopify
  5725. </span>
  5726. </div>
  5727.  
  5728.  
  5729.  
  5730.    
  5731.  
  5732.  <anchored-popover-component data-hover-triggered="true">
  5733.    <button
  5734.      class="policy-list-trigger button-unstyled"
  5735.      popovertarget="terms-policies-popover"
  5736.      popovertargetaction="toggle"
  5737.      ref="trigger"
  5738.      style="
  5739. --color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: ;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
  5740.      
  5741.    >
  5742.      利用規約とポリシー
  5743.    </button>
  5744.    <div
  5745.      class="terms-policies-popover color-scheme-1"
  5746.      id="terms-policies-popover"
  5747.      popover="auto"
  5748.      ref="popover"
  5749.    >
  5750.      <ul
  5751.        class="
  5752.          policy_list list-unstyled
  5753.          custom-typography
  5754.          custom-font-size
  5755.        "
  5756.      ><li>
  5757.              <a
  5758.                href="/policies/privacy-policy"
  5759.                class="footer-utilities__text"
  5760.              >プライバシーポリシー</a>
  5761.            </li><li>
  5762.              <a
  5763.                href="/policies/legal-notice"
  5764.                class="footer-utilities__text"
  5765.              >特定商取引法に基づく表記</a>
  5766.            </li><li>
  5767.              <a
  5768.                href="/policies/contact-information"
  5769.                class="footer-utilities__text"
  5770.              >連絡先情報</a>
  5771.            </li></ul>
  5772.    </div>
  5773.  </anchored-popover-component>
  5774.  
  5775.  
  5776.  
  5777.  
  5778.  
  5779.  
  5780.  </div>
  5781.  
  5782.  <div class="footer-utilities__group footer-utilities__group--right">
  5783.    
  5784.  
  5785. <div
  5786.  class="social-icons__wrapper"
  5787.  
  5788. >
  5789.  
  5790.  
  5791.  
  5792.  
  5793.  
  5794.  
  5795.  
  5796.  
  5797.  
  5798.  
  5799.  
  5800.  
  5801.  
  5802.  
  5803.  
  5804.  
  5805.  <div
  5806.    class="social-icons__icon-wrapper"
  5807.    
  5808.  >
  5809.    <a
  5810.      href="https://www.instagram.com/noson_japan/"
  5811.      target="_blank"
  5812.      rel="noopener noreferrer"
  5813.      aria-label="Instagram"
  5814.      
  5815.    >
  5816.      <span class="social-icons__icon-label">Instagram</span>
  5817.      <svg
  5818.        class="social-icons__icon"
  5819.        aria-hidden="true"
  5820.        focusable="false"
  5821.        xmlns="http://www.w3.org/2000/svg"
  5822.        viewBox="0 0 20 20"
  5823.      >
  5824. <path
  5825.      fill-rule="evenodd"
  5826.      d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z"
  5827.      clip-rule="evenodd"
  5828.    /></svg>
  5829.    </a>
  5830.  </div>
  5831.  
  5832.  
  5833.  
  5834.  
  5835.  
  5836.  
  5837.  
  5838.  
  5839.  
  5840.  
  5841.  
  5842.  <div
  5843.    class="social-icons__icon-wrapper"
  5844.    
  5845.  >
  5846.    <a
  5847.      href="https://www.tiktok.com/@noson_japan"
  5848.      target="_blank"
  5849.      rel="noopener noreferrer"
  5850.      aria-label="Tiktok"
  5851.      
  5852.    >
  5853.      <span class="social-icons__icon-label">Tiktok</span>
  5854.      <svg
  5855.        class="social-icons__icon"
  5856.        aria-hidden="true"
  5857.        focusable="false"
  5858.        xmlns="http://www.w3.org/2000/svg"
  5859.        viewBox="0 0 20 20"
  5860.      >
  5861. <path d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205L10.51 1.705Z" /></svg>
  5862.    </a>
  5863.  </div>
  5864.  
  5865.  
  5866.  
  5867.  
  5868.  
  5869.  
  5870.  
  5871.  
  5872.  
  5873.  
  5874.  
  5875.  
  5876.  
  5877.  
  5878.  
  5879.  
  5880.  
  5881.  
  5882.  
  5883.  
  5884.  
  5885.  <div
  5886.    class="social-icons__icon-wrapper"
  5887.    
  5888.  >
  5889.    <a
  5890.      href="https://www.youtube.com/@noson_japan"
  5891.      target="_blank"
  5892.      rel="noopener noreferrer"
  5893.      aria-label="Youtube"
  5894.      
  5895.    >
  5896.      <span class="social-icons__icon-label">Youtube</span>
  5897.      <svg
  5898.        class="social-icons__icon"
  5899.        aria-hidden="true"
  5900.        focusable="false"
  5901.        xmlns="http://www.w3.org/2000/svg"
  5902.        viewBox="0 0 20 20"
  5903.      >
  5904. <path d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.125 2.125 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.125 2.125 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.173 2.173 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.173 2.173 0 0 1 1.53 1.53ZM8.3 12.5l4.42-2.55L8.3 7.4v5.1Z" /></svg>
  5905.    </a>
  5906.  </div>
  5907.  
  5908.  
  5909.  
  5910.  
  5911.  
  5912.  
  5913. </div>
  5914.  
  5915.  
  5916.  
  5917.  
  5918.  
  5919.  </div>
  5920. </div>
  5921.  
  5922.  
  5923.  
  5924.  
  5925.  
  5926.  
  5927.    </div>
  5928.  </div>
  5929. </div>
  5930.  
  5931.  
  5932.  
  5933.  
  5934.  
  5935. </div>
  5936. <!-- END sections: footer-group -->
  5937.  
  5938.    <script
  5939.  src="//noson.shop/cdn/shop/t/2/assets/dialog.js?v=94382931671780430451755160478"
  5940.  type="module"
  5941. ></script>
  5942.  
  5943. <dialog-component
  5944.  id="search-modal"
  5945.  class="search-modal"
  5946.  
  5947. >
  5948.  <dialog
  5949.    ref="dialog"
  5950.    on:click="/closeDialogOnClickOutside"
  5951.    on:keydown="/closeDialogOnEscapePress"
  5952.    class="search-modal__content dialog-modal"
  5953.    scroll-lock
  5954.  >
  5955.    <script
  5956.  src="//noson.shop/cdn/shop/t/2/assets/predictive-search.js?v=53445493388242646041757562245"
  5957.  type="module"
  5958.  fetchpriority="low"
  5959. ></script>
  5960.  
  5961. <predictive-search-component
  5962.  class="predictive-search color-scheme-1"
  5963.  style="--product-corner-radius: 0px; --card-corner-radius: 0px;"
  5964.  data-section-id="predictive-search"
  5965.  data-testid="search-component--modal"
  5966.  role="search"
  5967.  aria-label="検索"
  5968. >
  5969.  <form
  5970.    action="/search"
  5971.    method="get"
  5972.    role="search"
  5973.    class="predictive-search-form"
  5974.    ref="form"
  5975.    on:keydown="/onSearchKeyDown"
  5976.  >
  5977.    <div
  5978.      class="predictive-search-form__header"
  5979.    >
  5980.      <div class="predictive-search-form__header-inner">
  5981.        <label
  5982.          for="cmdk-input"
  5983.          class="visually-hidden"
  5984.        >検索</label>
  5985.        <input
  5986.          class="search-input"
  5987.          id="cmdk-input"
  5988.          type="search"
  5989.          name="q"
  5990.          role="combobox"
  5991.          aria-expanded="false"
  5992.          aria-owns="predictive-search-results"
  5993.          aria-controls="predictive-search-results"
  5994.          aria-haspopup="listbox"
  5995.          aria-autocomplete="list"
  5996.          autocomplete="off"
  5997.          placeholder="検索"
  5998.          ref="searchInput"
  5999.          on:input="/search"
  6000.          on:keydown="/onSearchKeyDown"
  6001.        >
  6002.        <input
  6003.          name="options[prefix]"
  6004.          type="hidden"
  6005.          value="last"
  6006.        >
  6007.        <span class="svg-wrapper predictive-search__icon">
  6008.          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
  6009.  
  6010.        </span>
  6011.        <button
  6012.          type="button"
  6013.          class="button-unstyled predictive-search__reset-button"
  6014.          aria-label="検索をリセットする"
  6015.          ref="resetButton"
  6016.          hidden
  6017.          on:click="/resetSearch"
  6018.        >
  6019.          <span class="svg-wrapper predictive-search__reset-button-icon">
  6020.            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 7.5-5 5M12.5 12.5l-5-5"/></svg>
  6021.  
  6022.          </span>
  6023.          <span class="predictive-search__reset-button-text">透明</span>
  6024.        </button>
  6025.      </div>
  6026.      <button
  6027.        type="button"
  6028.        class="button predictive-search__close-modal-button"
  6029.        aria-label="ダイアログを閉じる"
  6030.        on:click="dialog-component/closeDialog"
  6031.        ref="closeModalButton"
  6032.      >
  6033.        <span class="svg-wrapper">
  6034.          <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  6035.  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  6036.  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  6037. </svg>
  6038.  
  6039.        </span>
  6040.      </button>
  6041.    </div>
  6042.  
  6043.    <div class="predictive-search-form__content-wrapper">
  6044.      <div
  6045.        class="predictive-search-form__content"
  6046.        tabindex="-1"
  6047.        ref="predictiveSearchResults"
  6048.        on:click="/handleModalClick"
  6049.      >
  6050.        
  6051.  
  6052. <div
  6053.  id="predictive-search-results"
  6054.  class="predictive-search-dropdown"
  6055.  role="listbox"
  6056.  aria-expanded="true"
  6057.  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
  6058. >
  6059.  
  6060. </div>
  6061.  
  6062.      </div>
  6063.  
  6064.      <div class="predictive-search-form__footer">
  6065.        <button
  6066.          class="button button-primary predictive-search__search-button"
  6067.          ref="viewAllButton"
  6068.        >
  6069.          すべてを表示
  6070.        </button>
  6071.      </div>
  6072.    </div>
  6073.  </form>
  6074. </predictive-search-component>
  6075.  
  6076.  
  6077.  
  6078.  </dialog>
  6079. </dialog-component>
  6080.  
  6081.  
  6082.  
  6083.  
  6084.    
  6085.      <quick-add-dialog id="quick-add-dialog">
  6086.  <dialog
  6087.    class="quick-add-modal dialog-modal color-scheme-1"
  6088.    ref="dialog"
  6089.    scroll-lock
  6090.  >
  6091.    <button
  6092.      ref="closeButton"
  6093.      on:click="/closeDialog"
  6094.      class="button button-unstyled close-button quick-add-modal__close"
  6095.      aria-label="ダイアログを閉じる"
  6096.    ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  6097.  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  6098.  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  6099. </svg>
  6100. </button>
  6101.    <div
  6102.      id="quick-add-modal-content"
  6103.      class="quick-add-modal__content"
  6104.    ></div>
  6105.  </dialog>
  6106. </quick-add-dialog>
  6107.  
  6108.  
  6109.  
  6110.    
  6111.  </body>
  6112. </html>
  6113.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda