<!doctype html>
<html
class="no-js"
lang="ja"
>
<head><link href="//noson.shop/cdn/shop/t/2/assets/overflow-list.css?v=168694168152117541881755160479" as="style" rel="preload">
<link href="//noson.shop/cdn/shop/t/2/assets/base.css?v=19295334643480327241757562247" rel="stylesheet" type="text/css" media="all" />
<link
rel="icon"
type="image/png"
href="//noson.shop/cdn/shop/files/noson_japan_logo.png?crop=center&height=32&v=1756457471&width=32"
>
<link
rel="expect"
href="#MainContent"
blocking="render"
id="view-transition-render-blocker"
><meta charset="utf-8">
<meta
http-equiv="X-UA-Compatible"
content="IE=edge"
>
<meta
name="viewport"
content="width=device-width,initial-scale=1"
>
<meta
name="view-transition"
content="same-origin"
>
<meta
name="theme-color"
content=""
>
<meta
property="og:site_name"
content="nosonJAPAN"
>
<meta
property="og:url"
content="https://noson.shop/"
>
<meta
property="og:title"
content="nosonJAPAN"
>
<meta
property="og:type"
content="website"
>
<meta
property="og:description"
content="nosonJAPAN"
><meta
property="og:image"
content="http://noson.shop/cdn/shop/files/1200x628_nosonjapan.png?v=1756802183"
>
<meta
property="og:image:secure_url"
content="https://noson.shop/cdn/shop/files/1200x628_nosonjapan.png?v=1756802183"
>
<meta
property="og:image:width"
content="1200"
>
<meta
property="og:image:height"
content="628"
><meta
name="twitter:card"
content="summary_large_image"
>
<meta
name="twitter:title"
content="nosonJAPAN"
>
<meta
name="twitter:description"
content="nosonJAPAN"
>
<title>
nosonJAPAN
</title>
<link
rel="canonical"
href="https://noson.shop/"
>
<link
rel="preconnect"
href="https://fonts.shopifycdn.com"
crossorigin
>
<link
rel="preload"
as="font"
href="//noson.shop/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2?h1=d3p0am5qLTFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=bm9zb24uc2hvcA&h3=YWNjb3VudC5ub3Nvbi5zaG9w&hmac=bdca574704055dfc7de44df8fe010a83b29cb9f7a22ee650c04b1ace9ef3b604"
type="font/woff2"
crossorigin
><link
rel="preload"
as="font"
href="//noson.shop/cdn/fonts/barlow_condensed/barlowcondensed_n6.30a391fe19ded5366170913f031e653a88992edc.woff2?h1=d3p0am5qLTFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=bm9zb24uc2hvcA&h3=YWNjb3VudC5ub3Nvbi5zaG9w&hmac=6c9457ccf978d9b31d7a6c2284b44d92f6f25c4d06dcb751aad90fe515b47081"
type="font/woff2"
crossorigin
><link
rel="preload"
as="font"
href="//noson.shop/cdn/fonts/barlow_condensed/barlowcondensed_n6.30a391fe19ded5366170913f031e653a88992edc.woff2?h1=d3p0am5qLTFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=bm9zb24uc2hvcA&h3=YWNjb3VudC5ub3Nvbi5zaG9w&hmac=6c9457ccf978d9b31d7a6c2284b44d92f6f25c4d06dcb751aad90fe515b47081"
type="font/woff2"
crossorigin
><link
rel="preload"
as="font"
href="//noson.shop/cdn/fonts/barlow_condensed/barlowcondensed_n6.30a391fe19ded5366170913f031e653a88992edc.woff2?h1=d3p0am5qLTFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=bm9zb24uc2hvcA&h3=YWNjb3VudC5ub3Nvbi5zaG9w&hmac=6c9457ccf978d9b31d7a6c2284b44d92f6f25c4d06dcb751aad90fe515b47081"
type="font/woff2"
crossorigin
>
<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script type="importmap">
{
"imports": {
"@theme/critical": "//noson.shop/cdn/shop/t/2/assets/critical.js?v=169402557219780209121756952207",
"@theme/product-title": "//noson.shop/cdn/shop/t/2/assets/product-title-truncation.js?v=81744426891537421781755160478",
"@theme/component": "//noson.shop/cdn/shop/t/2/assets/component.js?v=74239122572524296041755160478",
"@theme/dialog": "//noson.shop/cdn/shop/t/2/assets/dialog.js?v=94382931671780430451755160478",
"@theme/events": "//noson.shop/cdn/shop/t/2/assets/events.js?v=59172389608566392641755160478",
"@theme/focus": "//noson.shop/cdn/shop/t/2/assets/focus.js?v=60436577539430446401755160478",
"@theme/morph": "//noson.shop/cdn/shop/t/2/assets/morph.js?v=175376767362814376631756167499",
"@theme/paginated-list": "//noson.shop/cdn/shop/t/2/assets/paginated-list.js?v=95298315036233333871755160478",
"@theme/performance": "//noson.shop/cdn/shop/t/2/assets/performance.js?v=160961134082498414901756952210",
"@theme/product-form": "//noson.shop/cdn/shop/t/2/assets/product-form.js?v=127515301325557712001756167502",
"@theme/recently-viewed-products": "//noson.shop/cdn/shop/t/2/assets/recently-viewed-products.js?v=94729125001750262651755160478",
"@theme/scrolling": "//noson.shop/cdn/shop/t/2/assets/scrolling.js?v=10957690925586738441755160478",
"@theme/section-renderer": "//noson.shop/cdn/shop/t/2/assets/section-renderer.js?v=117273408521114569061757562246",
"@theme/section-hydration": "//noson.shop/cdn/shop/t/2/assets/section-hydration.js?v=177651605160027701221757562247",
"@theme/utilities": "//noson.shop/cdn/shop/t/2/assets/utilities.js?v=20543301071820501481756952210",
"@theme/variant-picker": "//noson.shop/cdn/shop/t/2/assets/variant-picker.js?v=113536721324242252251755160479",
"@theme/media-gallery": "//noson.shop/cdn/shop/t/2/assets/media-gallery.js?v=111441960308641931071755160479",
"@theme/quick-add": "//noson.shop/cdn/shop/t/2/assets/quick-add.js?v=74531385036627369001755160478",
"@theme/paginated-list-aspect-ratio": "//noson.shop/cdn/shop/t/2/assets/paginated-list-aspect-ratio.js?v=25254270272143792451755160478",
"@theme/popover-polyfill": "//noson.shop/cdn/shop/t/2/assets/popover-polyfill.js?v=119029313658895111201756463849"
}
}
</script>
<script
src="//noson.shop/cdn/shop/t/2/assets/view-transitions.js?v=84877080446900032951755160478"
async
blocking="render"
></script>
<link
rel="modulepreload"
href="//noson.shop/cdn/shop/t/2/assets/critical.js?v=169402557219780209121756952207"
>
<link
rel="modulepreload"
href="//noson.shop/cdn/shop/t/2/assets/utilities.js?v=20543301071820501481756952210"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//noson.shop/cdn/shop/t/2/assets/component.js?v=74239122572524296041755160478"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//noson.shop/cdn/shop/t/2/assets/section-renderer.js?v=117273408521114569061757562246"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//noson.shop/cdn/shop/t/2/assets/section-hydration.js?v=177651605160027701221757562247"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//noson.shop/cdn/shop/t/2/assets/morph.js?v=175376767362814376631756167499"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//noson.shop/cdn/shop/t/2/assets/focus.js?v=60436577539430446401755160478"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//noson.shop/cdn/shop/t/2/assets/recently-viewed-products.js?v=94729125001750262651755160478"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//noson.shop/cdn/shop/t/2/assets/scrolling.js?v=10957690925586738441755160478"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//noson.shop/cdn/shop/t/2/assets/events.js?v=59172389608566392641755160478"
fetchpriority="low"
>
<script
src="//noson.shop/cdn/shop/t/2/assets/popover-polyfill.js?v=119029313658895111201756463849"
type="module"
fetchpriority="low"
></script>
<script
src="//noson.shop/cdn/shop/t/2/assets/quick-add.js?v=74531385036627369001755160478"
type="module"
fetchpriority="low"
></script>
<script
src="//noson.shop/cdn/shop/t/2/assets/dialog.js?v=94382931671780430451755160478"
type="module"
fetchpriority="low"
></script>
<script
src="//noson.shop/cdn/shop/t/2/assets/variant-picker.js?v=113536721324242252251755160479"
type="module"
fetchpriority="low"
></script>
<script
src="//noson.shop/cdn/shop/t/2/assets/product-card.js?v=174129639976667491711755160479"
type="module"
fetchpriority="low"
></script>
<script
src="//noson.shop/cdn/shop/t/2/assets/product-form.js?v=127515301325557712001756167502"
type="module"
fetchpriority="low"
></script>
<script
src="//noson.shop/cdn/shop/t/2/assets/accordion-custom.js?v=99000499017714805851755160479"
type="module"
fetchpriority="low"
></script>
<script
src="//noson.shop/cdn/shop/t/2/assets/disclosure-custom.js?v=168050880623268140331757562246"
type="module"
fetchpriority="low"
></script>
<script
src="//noson.shop/cdn/shop/t/2/assets/media.js?v=37825095869491791421755160479"
type="module"
fetchpriority="low"
></script>
<script
src="//noson.shop/cdn/shop/t/2/assets/product-price.js?v=30079423257668675401755160479"
type="module"
fetchpriority="low"
></script>
<script
src="//noson.shop/cdn/shop/t/2/assets/product-title-truncation.js?v=81744426891537421781755160478"
type="module"
fetchpriority="low"
></script>
<script
src="//noson.shop/cdn/shop/t/2/assets/product-inventory.js?v=16343734458933704981755160478"
type="module"
fetchpriority="low"
></script>
<script
src="//noson.shop/cdn/shop/t/2/assets/show-more.js?v=94563802205717136101755160479"
type="module"
fetchpriority="low"
></script>
<script
src="//noson.shop/cdn/shop/t/2/assets/slideshow.js?v=63092151078244317761755160478"
type="module"
fetchpriority="low"
></script>
<script
src="//noson.shop/cdn/shop/t/2/assets/anchored-popover.js?v=95953304814728754461757562245"
type="module"
fetchpriority="low"
></script>
<script
src="//noson.shop/cdn/shop/t/2/assets/floating-panel.js?v=128677600744947036551755160478"
type="module"
fetchpriority="low"
></script>
<script
src="//noson.shop/cdn/shop/t/2/assets/video-background.js?v=25237992823806706551755160478"
type="module"
fetchpriority="low"
></script>
<script
src="//noson.shop/cdn/shop/t/2/assets/component-quantity-selector.js?v=56330027151833116691755160479"
type="module"
fetchpriority="low"
></script>
<script
src="//noson.shop/cdn/shop/t/2/assets/media-gallery.js?v=111441960308641931071755160479"
type="module"
fetchpriority="low"
></script>
<script
src="//noson.shop/cdn/shop/t/2/assets/rte-formatter.js?v=101420294193111439321755160478"
type="module"
fetchpriority="low"
></script>
<script
src="//noson.shop/cdn/shop/t/2/assets/gift-card-recipient-form.js?v=129634859299628245901755160479"
type="module"
fetchpriority="low"
></script>
<script
src="//noson.shop/cdn/shop/t/2/assets/localization.js?v=87759161307859666401756952208"
type="module"
fetchpriority="low"
></script>
<script
src="//noson.shop/cdn/shop/t/2/assets/product-card-link.js?v=97122579314620396511755160478"
type="module"
fetchpriority="low"
></script>
<script
src="//noson.shop/cdn/shop/t/2/assets/auto-close-details.js?v=58350291535404441581755160478"
defer="defer"
></script>
<script>
const basePath = 'https://cdn.shopify.com/static/themes/horizon/placeholders';
const Theme = {
placeholders: {
general: [
`${basePath}/general-1.png`,
`${basePath}/general-2.png`,
`${basePath}/general-3.png`,
`${basePath}/general-4.png`,
`${basePath}/general-5.png`,
`${basePath}/general-6.png`,
`${basePath}/general-7.png`,
],
product: [`${basePath}/product-ball.png`, `${basePath}/product-cone.png`, `${basePath}/product-cube.png`],
},
translations: {
placeholder_image: `プレースホルダーの画像`,
added: `追加済み`,
recipient_form_fields_visible: `受信者フォームフィールドが表示されました`,
recipient_form_fields_hidden: `受信者フォームフィールドが非表示になりました`,
recipient_form_error: `フォームの送信の際にエラーが発生しました`,
},
routes: {
cart_add_url: '/cart/add.js',
cart_change_url: '/cart/change',
cart_update_url: '/cart/update',
cart_url: '/cart',
predictive_search_url: '/search/suggest',
search_url: '/search',
},
template: {
name: 'index',
},
};
</script>
<style data-shopify>
@font-face {
font-family: Inter;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//noson.shop/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2?h1=d3p0am5qLTFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=bm9zb24uc2hvcA&h3=YWNjb3VudC5ub3Nvbi5zaG9w&hmac=bdca574704055dfc7de44df8fe010a83b29cb9f7a22ee650c04b1ace9ef3b604") format("woff2"),
url("//noson.shop/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff?h1=d3p0am5qLTFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=bm9zb24uc2hvcA&h3=YWNjb3VudC5ub3Nvbi5zaG9w&hmac=98a50f29c90b2d797ec858c02d389a0395d6a8ce5b8fed40b54dd7ac2967c547") format("woff");
}
@font-face {
font-family: Inter;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//noson.shop/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2?h1=d3p0am5qLTFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=bm9zb24uc2hvcA&h3=YWNjb3VudC5ub3Nvbi5zaG9w&hmac=8eb1bc0405e655f9abdfa92d0a4b5425763985ff6da30553f0e7aa5cd567d8e6") format("woff2"),
url("//noson.shop/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff?h1=d3p0am5qLTFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=bm9zb24uc2hvcA&h3=YWNjb3VudC5ub3Nvbi5zaG9w&hmac=563d805a82710009d29e3c1a4adaf8474a52f09c38b8e46bfc6685342bc50d13") format("woff");
}
@font-face {
font-family: Inter;
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//noson.shop/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2?h1=d3p0am5qLTFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=bm9zb24uc2hvcA&h3=YWNjb3VudC5ub3Nvbi5zaG9w&hmac=f31e758ded2d506fa0c1baa0d11acf6b53fbceebce342b368c4910c764cae6cc") format("woff2"),
url("//noson.shop/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff?h1=d3p0am5qLTFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=bm9zb24uc2hvcA&h3=YWNjb3VudC5ub3Nvbi5zaG9w&hmac=36ffedb98164305cb88db8deff00037caa628ac18280c6a9a5255b3cea3eb80f") format("woff");
}
@font-face {
font-family: Inter;
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//noson.shop/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2?h1=d3p0am5qLTFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=bm9zb24uc2hvcA&h3=YWNjb3VudC5ub3Nvbi5zaG9w&hmac=bb7a55f93a364417a18fc2efec646fe35097568a2b022a7858e7f08e5b5a7a7c") format("woff2"),
url("//noson.shop/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff?h1=d3p0am5qLTFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=bm9zb24uc2hvcA&h3=YWNjb3VudC5ub3Nvbi5zaG9w&hmac=eab75d5a27a905c4465d88ac91b98e62f683762523daa2bd6c285fc24dae7ea6") format("woff");
}
@font-face {
font-family: "Barlow Condensed";
font-weight: 600;
font-style: normal;
font-display: swap;
src: url("//noson.shop/cdn/fonts/barlow_condensed/barlowcondensed_n6.30a391fe19ded5366170913f031e653a88992edc.woff2?h1=d3p0am5qLTFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=bm9zb24uc2hvcA&h3=YWNjb3VudC5ub3Nvbi5zaG9w&hmac=6c9457ccf978d9b31d7a6c2284b44d92f6f25c4d06dcb751aad90fe515b47081") format("woff2"),
url("//noson.shop/cdn/fonts/barlow_condensed/barlowcondensed_n6.99ed11359eef67b853f0c49f37f89f7abe42cd2f.woff?h1=d3p0am5qLTFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=bm9zb24uc2hvcA&h3=YWNjb3VudC5ub3Nvbi5zaG9w&hmac=9ac8d97b59ee96ccd5e18b86387446a74375f7052d5d66a0a119e51ffd309196") format("woff");
}
@font-face {
font-family: "Barlow Condensed";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//noson.shop/cdn/fonts/barlow_condensed/barlowcondensed_n7.b8dc813bf1d64de77250a6675c25535283e1677a.woff2?h1=d3p0am5qLTFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=bm9zb24uc2hvcA&h3=YWNjb3VudC5ub3Nvbi5zaG9w&hmac=7577cc4cce1552855de87ca9bf493f92da8076aeadb4ee5982e4ec46f09da6e8") format("woff2"),
url("//noson.shop/cdn/fonts/barlow_condensed/barlowcondensed_n7.a36d150be98fef32f23a43ed8605139ce8fcc8f5.woff?h1=d3p0am5qLTFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=bm9zb24uc2hvcA&h3=YWNjb3VudC5ub3Nvbi5zaG9w&hmac=0561f0543309df8093d0b185799d40b1ce30e328e4a030ea0cdb6f75cb09d066") format("woff");
}
@font-face {
font-family: "Barlow Condensed";
font-weight: 600;
font-style: italic;
font-display: swap;
src: url("//noson.shop/cdn/fonts/barlow_condensed/barlowcondensed_i6.459cd4682534076a2e436e62768c494d0e6f8ad3.woff2?h1=d3p0am5qLTFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=bm9zb24uc2hvcA&h3=YWNjb3VudC5ub3Nvbi5zaG9w&hmac=2be877840f7e6cd33997c9a0a5749bd850c6a9d1244569e40e581e87e858e43b") format("woff2"),
url("//noson.shop/cdn/fonts/barlow_condensed/barlowcondensed_i6.e44b39421fb7c081f9d3d547afa0f9899f3a1588.woff?h1=d3p0am5qLTFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=bm9zb24uc2hvcA&h3=YWNjb3VudC5ub3Nvbi5zaG9w&hmac=eab613c5110bc2ce9f99021bd95c2fae1208e4d64d7a8507eb000710ca18b6cf") format("woff");
}
@font-face {
font-family: "Barlow Condensed";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//noson.shop/cdn/fonts/barlow_condensed/barlowcondensed_i7.ef69176c3a69e990febda79e82ea756536ec243e.woff2?h1=d3p0am5qLTFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=bm9zb24uc2hvcA&h3=YWNjb3VudC5ub3Nvbi5zaG9w&hmac=14849751a821505fbeee996cc2ba061f3f7e785fd5d3f29b62c5ab1730830237") format("woff2"),
url("//noson.shop/cdn/fonts/barlow_condensed/barlowcondensed_i7.66d45385839c58c717c22033dcc4b561a22e4b7a.woff?h1=d3p0am5qLTFyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=bm9zb24uc2hvcA&h3=YWNjb3VudC5ub3Nvbi5zaG9w&hmac=e3f88d703adceb32cc9a99cc6c177607616dede34af4a78e012dd27d148c14a3") format("woff");
}
:root {
/* Page Layout */
--sidebar-width: 25rem;
--narrow-content-width: 36rem;
--normal-content-width: 42rem;
--wide-content-width: 46rem;
--narrow-page-width: 90rem;
--normal-page-width: 120rem;
--wide-page-width: 150rem;
/* Section Heights */
--section-height-small: 15rem;
--section-height-medium: 25rem;
--section-height-large: 35rem;
@media screen and (min-width: 40em) {
--section-height-small: 40svh;
--section-height-medium: 55svh;
--section-height-large: 70svh;
}
@media screen and (min-width: 60em) {
--section-height-small: 50svh;
--section-height-medium: 65svh;
--section-height-large: 80svh;
}
/* Letter spacing */
--letter-spacing-sm: 0.06em;
--letter-spacing-md: 0.13em;
/* Font families */
--font-body--family: Inter, sans-serif;
--font-body--style: normal;
--font-body--weight: 400;
--font-subheading--family: "Barlow Condensed", sans-serif;
--font-subheading--style: normal;
--font-subheading--weight: 600;
--font-heading--family: "Barlow Condensed", sans-serif;
--font-heading--style: normal;
--font-heading--weight: 600;
--font-accent--family: "Barlow Condensed", sans-serif;
--font-accent--style: normal;
--font-accent--weight: 600;
/* Margin sizes */
--font-h1--spacing: 0.25em;
--font-h2--spacing: 0.25em;
--font-h3--spacing: 0.25em;
--font-h4--spacing: 0.25em;
--font-h5--spacing: 0.25em;
--font-h6--spacing: 0.25em;
--font-paragraph--spacing: 0.5em;
/* Heading colors */
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/** Z-Index / Layering */
--layer-section-background: -2;
--layer-lowest: -1;
--layer-base: 0;
--layer-flat: 1;
--layer-raised: 2;
--layer-heightened: 4;
--layer-sticky: 8;
--layer-window-overlay: 10;
--layer-header-menu: 12;
--layer-overlay: 16;
--layer-menu-drawer: 18;
--layer-temporary: 20;
/* Max-width / Measure */
--max-width--body-normal: 50ch;
--max-width--body-narrow: 35ch;
--max-width--heading-normal: 50ch;
--max-width--heading-narrow: 30ch;
--max-width--display-normal: 20ch;
--max-width--display-narrow: 15ch;
--max-width--display-tight: 5ch;
/* Letter-spacing / Tracking */
--letter-spacing--display-tight: -0.03em;
--letter-spacing--display-normal: 0em;
--letter-spacing--display-loose: 0.03em;
--letter-spacing--heading-tight: -0.03em;
--letter-spacing--heading-normal: 0em;
--letter-spacing--heading-loose: 0.03em;
--letter-spacing--body-tight: -0.03em;
--letter-spacing--body-normal: 0em;
--letter-spacing--body-loose: 0.03em;
/* Line height / Leading */
--line-height: 1;
--line-height--display-tight: 1;
--line-height--display-normal: 1.1;
--line-height--display-loose: 1.2;
--line-height--heading-tight: 1.15;
--line-height--heading-normal: 1.25;
--line-height--heading-loose: 1.35;
--line-height--body-tight: 1.2;
--line-height--body-normal: 1.4;
--line-height--body-loose: 1.6;
/* Typography presets */
--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);
/* Hardcoded font sizes */
--font-size--2xs: 0.625rem;
--font-size--xs: 0.8125rem;
--font-size--sm: 0.875rem;
--font-size--md: 1rem;
--font-size--lg: 1.125rem;
--font-size--xl: 1.25rem;
--font-size--2xl: 1.5rem;
--font-size--3xl: 2rem;
--font-size--4xl: 2.5rem;
--font-size--5xl: 3rem;
--font-size--6xl: 3.5rem;
/* Menu font sizes */
--menu-font-sm--size: 0.875rem;
--menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
--menu-font-md--size: 1rem;
--menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
--menu-font-lg--size: 1.125rem;
--menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
--menu-font-xl--size: 1.25rem;
--menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
--menu-font-2xl--size: 1.75rem;
--menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
/* Colors */
--color-error: #8B0000;
--color-success: #006400;
--color-white: #FFFFFF;
--color-white-rgb: 255 255 255;
--color-black: #000000;
--color-instock: #3ED660;
--color-lowstock: #EE9441;
--color-outofstock: #C8C8C8;
/* Opacity */
--opacity-5: 0.05;
--opacity-8: 0.08;
--opacity-10: 0.1;
--opacity-15: 0.15;
--opacity-20: 0.2;
--opacity-25: 0.25;
--opacity-30: 0.3;
--opacity-40: 0.4;
--opacity-50: 0.5;
--opacity-60: 0.6;
--opacity-70: 0.7;
--opacity-80: 0.8;
--opacity-85: 0.85;
--opacity-90: 0.9;
--opacity-subdued-text: var(--opacity-70);
--shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
--gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
/* Spacing */
--margin-3xs: 0.125rem;
--margin-2xs: 0.3rem;
--margin-xs: 0.5rem;
--margin-sm: 0.7rem;
--margin-md: 0.8rem;
--margin-lg: 1rem;
--margin-xl: 1.25rem;
--margin-2xl: 1.5rem;
--margin-3xl: 1.75rem;
--margin-4xl: 2rem;
--margin-5xl: 3rem;
--margin-6xl: 5rem;
--scroll-margin: 50px;
--padding-3xs: 0.125rem;
--padding-2xs: 0.25rem;
--padding-xs: 0.5rem;
--padding-sm: 0.7rem;
--padding-md: 0.8rem;
--padding-lg: 1rem;
--padding-xl: 1.25rem;
--padding-2xl: 1.5rem;
--padding-3xl: 1.75rem;
--padding-4xl: 2rem;
--padding-5xl: 3rem;
--padding-6xl: 4rem;
--gap-3xs: 0.125rem;
--gap-2xs: 0.3rem;
--gap-xs: 0.5rem;
--gap-sm: 0.7rem;
--gap-md: 0.9rem;
--gap-lg: 1rem;
--gap-xl: 1.25rem;
--gap-2xl: 2rem;
--gap-3xl: 3rem;
--spacing-scale-sm: 0.6;
--spacing-scale-md: 0.7;
--spacing-scale-default: 1.0;
/* Checkout buttons gap */
--checkout-button-gap: 8px;
/* Borders */
--style-border-width: 1px;
--style-border-radius-xs: 0.2rem;
--style-border-radius-sm: 0.6rem;
--style-border-radius-md: 0.8rem;
--style-border-radius-50: 50%;
--style-border-radius-lg: 1rem;
--style-border-radius-pills: 40px;
--style-border-radius-inputs: 0px;
--style-border-radius-buttons-primary: 0px;
--style-border-radius-buttons-secondary: 0px;
--style-border-width-primary: 0px;
--style-border-width-secondary: 0px;
--style-border-width-inputs: 1px;
--style-border-radius-popover: 0px;
--style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
--style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
--style-border-swatch-opacity: 10%;
--style-border-swatch-width: 1px;
--style-border-swatch-style: solid;
/* Animation */
--ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
--ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
--animation-speed-fast: 0.0625s;
--animation-speed: 0.125s;
--animation-speed-slow: 0.2s;
--animation-speed-medium: 0.15s;
--animation-easing: ease-in-out;
--animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
--drawer-animation-speed: 0.2s;
--animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
--animation-values: var(--animation-speed) var(--animation-easing);
--animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
--animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
--animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
--animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
--animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
--animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
--animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
--animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
/* View transitions */
/* View transition old */
--view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
/* View transition new */
--view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
/* Focus */
--focus-outline-width: 0.09375rem;
--focus-outline-offset: 0.2em;
/* Badges */
--badge-blob-padding-block: 1px;
--badge-blob-padding-inline: 12px 8px;
--badge-rectangle-padding-block: 1px;
--badge-rectangle-padding-inline: 6px;
@media screen and (min-width: 750px) {
--badge-blob-padding-block: 4px;
--badge-blob-padding-inline: 16px 12px;
--badge-rectangle-padding-block: 4px;
--badge-rectangle-padding-inline: 10px;
}
/* Icons */
--icon-size-2xs: 0.6rem;
--icon-size-xs: 0.85rem;
--icon-size-sm: 1.25rem;
--icon-size-md: 1.375rem;
--icon-size-lg: 1.5rem;
--icon-stroke-width: 1.5px;
/* Input */
--input-email-min-width: 200px;
--input-search-max-width: 650px;
--input-padding-y: 0.8rem;
--input-padding-x: 0.8rem;
--input-padding: var(--input-padding-y) var(--input-padding-x);
--input-box-shadow-width: var(--style-border-width-inputs);
--input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
--input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--input-textarea-min-height: 55px;
/* Button size */
--button-size-sm: 30px;
--button-size-md: 36px;
--button-size: var(--minimum-touch-target);
--button-padding-inline: 24px;
--button-padding-block: 16px;
/* Button font-family */
--button-font-family-primary: var(--font-accent--family);
--button-font-family-secondary: var(--font-body--family);
/* Button font-weight */
--button-font-weight-primary: 700;
--button-font-weight-secondary: default;
/* Button text case */
--button-text-case: ;
--button-text-case-primary: uppercase;
--button-text-case-secondary: default;
/* Borders */
--border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
--border-width-sm: 1px;
--border-width-md: 2px;
--border-width-lg: 5px;
/* Drawers */
--drawer-inline-padding: 25px;
--drawer-menu-inline-padding: 2.5rem;
--drawer-header-block-padding: 20px;
--drawer-content-block-padding: 10px;
--drawer-header-desktop-top: 0rem;
--drawer-padding: calc(var(--padding-sm) + 7px);
--drawer-height: 100dvh;
--drawer-width: 95vw;
--drawer-max-width: 500px;
/* Variant Picker Swatches */
--variant-picker-swatch-width-unitless: 30;
--variant-picker-swatch-height-unitless: 30;
--variant-picker-swatch-width: 30px;
--variant-picker-swatch-height: 30px;
--variant-picker-swatch-radius: 0px;
--variant-picker-border-width: 1px;
--variant-picker-border-style: solid;
--variant-picker-border-opacity: 10%;
/* Variant Picker Buttons */
--variant-picker-button-radius: 0px;
--variant-picker-button-border-width: 1px;
/* Slideshow */
--slideshow-controls-size: 3.5rem;
--slideshow-controls-icon: 2rem;
--peek-next-slide-size: 3rem;
/* Utilities */
--backdrop-opacity: 0.15;
--backdrop-color-rgb: var(--color-shadow-rgb);
--minimum-touch-target: 44px;
--disabled-opacity: 0.5;
--skeleton-opacity: 0.025;
/* Shapes */
--shape--circle: circle(50% at center);
--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%);
--shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
--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%);
/* Buy buttons */
--height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
/* Card image height variables */
--height-small: 10rem;
--height-medium: 11.5rem;
--height-large: 13rem;
--height-full: 100vh;
@media screen and (min-width: 750px) {
--height-small: 17.5rem;
--height-medium: 21.25rem;
--height-large: 25rem;
}
/* Modal */
--modal-max-height: 65dvh;
/* Card styles for search */
--card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
--card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
--card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
/* Cart */
--cart-primary-font-family: var(--font-body--family);
--cart-primary-font-style: var(--font-body--style);
--cart-primary-font-weight: var(--font-body--weight);
--cart-secondary-font-family: var(--font-secondary--family);
--cart-secondary-font-style: var(--font-secondary--style);
--cart-secondary-font-weight: var(--font-secondary--weight);
}
</style>
<style data-shopify>
:root,
.color-scheme-1 {
--color-background: rgb(255 255 255 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 255 255 255;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(14 55 186 / 1.0);
--color-foreground-heading-rgb: 14 55 186;
--color-primary: rgb(166 0 0 / 1.0);
--color-primary-rgb: 166 0 0;
--color-primary-hover: rgb(0 72 255 / 1.0);
--color-primary-hover-rgb: 0 72 255;
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(35 66 164 / 1.0);
--color-primary-button-border: rgb(35 66 164 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(59 182 177 / 0.91);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.06);
--color-secondary-button-border: rgb(35 66 164 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(230 230 230 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-2 {
--color-background: rgb(241 241 241 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 241 241 241;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(242 242 242 / 1.0);
--color-primary-button-background: rgb(164 35 37 / 1.0);
--color-primary-button-border: rgb(164 35 37 / 1.0);
--color-primary-button-hover-text: rgb(242 242 242 / 1.0);
--color-primary-button-hover-background: rgb(164 35 37 / 1.0);
--color-primary-button-hover-border: rgb(164 35 37 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(164 35 37 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(164 35 37 / 1.0);
--color-input-background: rgb(242 242 242 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(228 228 228 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-3 {
--color-background: rgb(232 213 199 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 232 213 199;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(120 4 6 / 0.91);
--color-primary-rgb: 120 4 6;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(208 208 208 / 1.0);
--color-border-rgb: 208 208 208;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(120 4 6 / 0.91);
--color-primary-button-border: rgb(120 4 6 / 0.91);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(232 213 199 / 1.0);
--color-secondary-button-border: rgb(51 50 50 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(241 227 217 / 0.77);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
--color-input-background: rgb(232 213 199 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(241 227 217 / 0.77);
--color-variant-background: rgb(232 213 199 / 1.0);
--color-variant-border: rgb(88 88 88 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(241 227 217 / 0.77);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(0 0 0 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-4 {
--color-background: rgb(164 35 37 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 164 35 37;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
--color-primary: rgb(164 35 37 / 1.0);
--color-primary-rgb: 164 35 37;
--color-primary-hover: rgb(164 35 37 / 1.0);
--color-primary-hover-rgb: 164 35 37;
--color-border: rgb(0 0 0 / 1.0);
--color-border-rgb: 0 0 0;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(164 35 37 / 1.0);
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(255 255 255 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(215 102 104 / 1.0);
--color-primary-button-hover-border: rgb(215 102 104 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(164 35 37 / 1.0);
--color-secondary-button-border: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-background: rgb(215 102 104 / 1.0);
--color-secondary-button-hover-border: rgb(215 102 104 / 1.0);
--color-input-background: rgb(164 35 37 / 1.0);
--color-input-text: rgb(255 255 255 / 1.0);
--color-input-text-rgb: 255 255 255;
--color-input-border: rgb(255 255 255 / 0.89);
--color-input-hover-background: rgb(120 4 6 / 0.91);
--color-variant-background: rgb(164 35 37 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(255 255 255 / 1.0);
--color-variant-text-rgb: 255 255 255;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-5 {
--color-background: rgb(0 0 0 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 0 0 0;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(102 102 102 / 1.0);
--color-border-rgb: 102 102 102;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(255 255 255 / 1.0);
--color-primary-button-hover-text: rgb(0 0 0 / 1.0);
--color-primary-button-hover-background: rgb(222 222 222 / 1.0);
--color-primary-button-hover-border: rgb(222 222 222 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 1.0);
--color-secondary-button-border: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
--color-secondary-button-hover-background: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
--color-input-background: rgb(0 0 0 / 1.0);
--color-input-text: rgb(255 255 255 / 1.0);
--color-input-text-rgb: 255 255 255;
--color-input-border: rgb(255 255 255 / 1.0);
--color-input-hover-background: rgb(51 50 50 / 1.0);
--color-variant-background: rgb(0 0 0 / 1.0);
--color-variant-border: rgb(255 255 255 / 1.0);
--color-variant-text: rgb(255 255 255 / 1.0);
--color-variant-text-rgb: 255 255 255;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(255 255 255 / 1.0);
--color-selected-variant-border: rgb(255 255 255 / 1.0);
--color-selected-variant-text: rgb(0 0 0 / 1.0);
--color-selected-variant-hover-background: rgb(255 255 255 / 0.19);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(0 0 0 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-6 {
--color-background: rgb(0 0 0 / 0.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 0 0 0;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(255 255 255 / 1.0);
--color-primary-rgb: 255 255 255;
--color-primary-hover: rgb(255 255 255 / 1.0);
--color-primary-hover-rgb: 255 255 255;
--color-border: rgb(0 0 0 / 0.0);
--color-border-rgb: 0 0 0;
--color-shadow: rgb(0 0 0 / 0.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(255 255 255 / 1.0);
--color-primary-button-hover-text: rgb(0 0 0 / 1.0);
--color-primary-button-hover-background: rgb(222 222 222 / 1.0);
--color-primary-button-hover-border: rgb(222 222 222 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
--color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
--color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-7 {
--color-background: rgb(0 0 0 / 0.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 0 0 0;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(164 35 37 / 1.0);
--color-foreground-heading-rgb: 164 35 37;
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 0.53);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(51 51 51 / 1.0);
--color-primary-button-hover-border: rgb(51 51 51 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.06);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 0.53);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 0.13);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-7 {
color: var(--color-foreground);
background-color: var(--color-background);
}
</style>
<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">
<meta name="shopify-checkout-api-token" content="96a84ca6325ab91072595bf227f92150">
<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">
<script async="async" src="/checkouts/internal/preloads.js?locale=ja-JP"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=ja-JP&shop_id=77554909396" crossorigin="anonymous"></script>
<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"],"total":{"type":"pending","label":"nosonJAPAN","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"96a84ca6325ab91072595bf227f92150","betas":["rich-media-storefront-analytics"],"domain":"noson.shop","predictiveSearch":false,"shopId":77554909396,"locale":"ja"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "wztjnj-1r.myshopify.com";
Shopify.locale = "ja";
Shopify.currency = {"active":"JPY","rate":"1.0"};
Shopify.country = "JP";
Shopify.theme = {"name":"Savor","id":153716457684,"schema_name":"Savor","schema_version":"2.1.6","theme_store_id":3626,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "noson.shop/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<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>
<script>
window.ShopifyPay = window.ShopifyPay || {};
window.ShopifyPay.apiHost = "shop.app\/pay";
window.ShopifyPay.redirectState = null;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script>
window.Shopify = window.Shopify || {};
if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
window.Shopify.featureAssets['shop-js'] = {"init-fed-cm":["modules/v2/client.init-fed-cm_CT6tYre3.ja.esm.js","modules/v2/chunk.common_C8x_Fune.esm.js"],"shop-cart-sync":["modules/v2/client.shop-cart-sync_BaLCilsV.ja.esm.js","modules/v2/chunk.common_C8x_Fune.esm.js"],"init-windoid":["modules/v2/client.init-windoid_Ba7Rbbx-.ja.esm.js","modules/v2/chunk.common_C8x_Fune.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_DPplxqZd.ja.esm.js","modules/v2/chunk.common_C8x_Fune.esm.js"],"init-shop-cart-sync":["modules/v2/client.init-shop-cart-sync_BQDoyd5n.ja.esm.js","modules/v2/chunk.common_C8x_Fune.esm.js"],"pay-button":["modules/v2/client.pay-button_VqHU1v9W.ja.esm.js","modules/v2/chunk.common_C8x_Fune.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_BxdWN83a.ja.esm.js","modules/v2/chunk.common_C8x_Fune.esm.js"],"shop-button":["modules/v2/client.shop-button_BJxwL2HU.ja.esm.js","modules/v2/chunk.common_C8x_Fune.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_BoyTyO-9.ja.esm.js","modules/v2/chunk.common_C8x_Fune.esm.js","modules/v2/chunk.modal_C_sKZyGv.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.ja.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_BznqjW0z.ja.esm.js","modules/v2/client.shop-login-button_DlknfYwj.ja.esm.js","modules/v2/chunk.common_C8x_Fune.esm.js","modules/v2/chunk.modal_C_sKZyGv.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_yYo4LDmP.ja.esm.js","modules/v2/chunk.common_C8x_Fune.esm.js","modules/v2/chunk.modal_C_sKZyGv.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_DlknfYwj.ja.esm.js","modules/v2/chunk.common_C8x_Fune.esm.js","modules/v2/chunk.modal_C_sKZyGv.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_DRC_JVg_.ja.esm.js","modules/v2/chunk.common_C8x_Fune.esm.js","modules/v2/chunk.modal_C_sKZyGv.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_C4lZPavJ.ja.esm.js","modules/v2/client.shop-login-button_DlknfYwj.ja.esm.js","modules/v2/chunk.common_C8x_Fune.esm.js","modules/v2/chunk.modal_C_sKZyGv.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_B9PMN2NP.ja.esm.js","modules/v2/client.shop-login-button_DlknfYwj.ja.esm.js","modules/v2/chunk.common_C8x_Fune.esm.js","modules/v2/chunk.modal_C_sKZyGv.esm.js"],"lead-capture":["modules/v2/client.lead-capture_tyztvQxw.ja.esm.js","modules/v2/chunk.common_C8x_Fune.esm.js","modules/v2/chunk.modal_C_sKZyGv.esm.js"],"payment-terms":["modules/v2/client.payment-terms_CrrNW_nU.ja.esm.js","modules/v2/chunk.common_C8x_Fune.esm.js","modules/v2/chunk.modal_C_sKZyGv.esm.js"]};
</script>
<script id="__st">var __st={"a":77554909396,"offset":32400,"reqid":"d6be1361-b412-4527-84f2-92688d626d83-1758170861","pageurl":"noson.shop\/","u":"eb57ece3b28d","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<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>
<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>
<script crossorigin="anonymous" defer="defer" src="//noson.shop/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-65b4c6d7.js?v=20250812"></script>
<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)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
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);
</script>
<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})}}));
</script>
<script async crossorigin src="/cdn/shopifycloud/autosizes-uploader/autosizes.1.0.0.js"></script>
<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">
<style id="shopify-accelerated-checkout-cart">
#shopify-buyer-consent {
margin-top: 1em;
display: inline-block;
width: 100%;
}
#shopify-buyer-consent.hidden {
display: none;
}
#shopify-subscription-policy-button {
background: none;
border: none;
padding: 0;
text-decoration: underline;
font-size: inherit;
cursor: pointer;
}
#shopify-subscription-policy-button::before {
box-shadow: none;
}
</style>
<link rel="stylesheet" media="screen" href="//noson.shop/cdn/shop/t/2/compiled_assets/styles.css?109">
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<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>
<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: ["ac843a20"],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","f76b4158w3f0cce88pd0473a40m5f85a2ef",{"modern":"","legacy":""},{"shopId":"77554909396","storefrontBaseUrl":"https:\/\/noson.shop","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"ac843a20\"]","isMerchantRequest":"false","hashVersion":"f76b4158w3f0cce88pd0473a40m5f85a2ef","publish":"custom","events":"[[\"page_viewed\",{}]]"});</script><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'JPY';
var meta = {"page":{"pageType":"home"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}
</script>
<script class="analytics">
(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
var scriptFallback = document.createElement('script');
scriptFallback.type = 'text/javascript';
scriptFallback.onerror = function(error) {
var Monorail = {
produce: function produce(monorailDomain, schemaId, payload) {
var currentMs = new Date().getTime();
var event = {
schema_id: schemaId,
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
};
return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
},
sendRequest: function sendRequest(endpointUrl, payload) {
// Try the sendBeacon API
if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
var blobData = new window.Blob([payload], {
type: 'text/plain'
});
if (window.navigator.sendBeacon(endpointUrl, blobData)) {
return true;
} // sendBeacon was not successful
} // XHR beacon
var xhr = new XMLHttpRequest();
try {
xhr.open('POST', endpointUrl);
xhr.setRequestHeader('Content-Type', 'text/plain');
xhr.send(payload);
} catch (e) {
console.log(e);
}
return false;
},
isIos12: function isIos12() {
return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
}
};
Monorail.produce('monorail-edge.shopifysvc.com',
'trekkie_storefront_load_errors/1.1',
{shop_id: 77554909396,
theme_id: 153716457684,
app_name: "storefront",
context_url: window.location.href,
source_url: "//noson.shop/cdn/s/trekkie.storefront.65b96dff0e3deac201f4bbc09d95fca662aba080.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//noson.shop/cdn/s/trekkie.storefront.65b96dff0e3deac201f4bbc09d95fca662aba080.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//noson.shop/cdn/s/trekkie.storefront.65b96dff0e3deac201f4bbc09d95fca662aba080.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":77554909396,"isMerchantRequest":null,"themeId":153716457684,"themeCityHash":"2135702675133037650","contentLanguage":"ja","currency":"JPY","eventMetadataId":"caa54021-04ff-4b6d-ac0c-936d9904c18c"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
window.ShopifyAnalytics.lib.page(null,{"pageType":"home","shopifyEmitted":true});
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//noson.shop/cdn/shopifycloud/storefront/assets/shop_events_listener-8675b082.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://noson.shop/cdn/shopifycloud/perf-kit/shopify-perf-kit-2.0.8.min.js"
data-application="storefront-renderer"
data-shop-id="77554909396"
data-render-region="gcp-us-east1"
data-page-type="index"
data-theme-instance-id="153716457684"
data-theme-name="Savor"
data-theme-version="2.1.6"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
data-shs="true"
data-shs-beacon="true"
></script>
</head>
<body class="page-width-narrow card-hover-effect-subtle-zoom">
<a
class="skip-to-content-link button-secondary"
href="#MainContent"
>
コンテンツにスキップ
</a>
<div id="header-group">
<!-- BEGIN sections: header-group -->
<header id="shopify-section-sections--20078608285908__header_section" class="shopify-section shopify-section-group-header-group header-section">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "nosonJAPAN",
"logo": "https:\/\/noson.shop\/cdn\/shop\/files\/noson_japan_logo.png?v=1756457471\u0026width=500",
"url": "https:\/\/noson.shop"
}
</script>
<header-component
id="header-component"
class="header color-scheme-6"
transparent="always"
data-skip-node-update
data-scroll-direction="none"
>
<div
class="header__row header__row--top color-scheme-1 section section--full-width-margin section--full-width"
ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
<div class="header__columns spacing-style">
<div
class="header__column header__column--left"
data-testid="header-top-left"
>
<div
class="header__drawer desktop:hidden"
ref="headerDrawerContainer"
style=""
>
<script
src="//noson.shop/cdn/shop/t/2/assets/header-drawer.js?v=38290796699993510201755160478"
type="module"
fetchpriority="low"
></script>
<header-drawer
class="header-drawer header__drawer--mobile"
style="--menu-image-border-radius: px;"
>
<details
id="Details-menu-drawer-container"
data-skip-node-update="true"
class="menu-drawer-container"
ref="details"
scroll-lock
>
<summary
class="header__icon header__icon--menu header__icon--summary"
aria-label="メニュー"
on:click="/toggle"
>
<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">
<path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
<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">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
data-header-drawer
class="
menu-drawer
motion-reduce
color-scheme-1
"
>
<button
class="button button-unstyled close-button menu-drawer__close-button"
type="button"
aria-label="閉じる"
on:click="/close"
>
<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">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<nav
class="menu-drawer__navigation"
style="--menu-top-level-font-family: var(--font-subheading--family);
--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;
--menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
var(--menu-font-2xl--line-height);
--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
--menu-parent-font-family: var(--font-subheading--family); --menu-parent-font-style:
var(--font-subheading--style); --menu-parent-font-weight: var(--font-subheading--weight); --menu-parent-font-case:
uppercase;
--menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
--menu-child-font-family: var(--font-subheading--family); --menu-child-font-style:
var(--font-subheading--style); --menu-child-font-weight: var(--font-subheading--weight); --menu-child-font-case:
uppercase;
--menu-child-font-size: var(--menu-font-xl--size); --menu-child-font-line-height: var(--menu-font-xl--line-height);
--menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
var(--opacity-subdued-text));
"
>
<ul
class="menu-drawer__menu has-submenu"
role="list"
>
<li
style="--menu-drawer-animation-index: 1;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-home"
href="/"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset menu-drawer__menu-item--active"
aria-current="page"
>
<span class="menu-drawer__menu-item-text">HOME</span>
</a>
</li>
</ul>
</nav>
<div
class="menu-drawer__utility-links menu-drawer__animated-element"
style="--menu-drawer-animation-index: 1;"
>
<drawer-localization-component class="menu-drawer__localization">
<details
id="drawer-localization"
class="drawer-localization"
on:toggle="/toggle"
>
<summary
id="HeaderDrawer-localization"
class="drawer-localization__button h3 link link--text focus-inset"
aria-expanded="false"
on:click="header-drawer/open"
style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
<div class="drawer-localization__button--label h6"><div class="mobile-localization mobile-localization--country link link--text"><span class="currency-code">JPY</span>
</div></div>
<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">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
class="menu-drawer__submenu has-submenu gradient motion-reduce color-scheme-1"
style=""
>
<div
class="menu-drawer__nav-buttons"
ref="navButtons"
>
<button
class="button menu-drawer__back-button link link--text focus-inset"
aria-expanded="true"
on:click="header-drawer/back"
>
<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">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
地域と言語
</button>
<button
class="button close-button menu-drawer__close-button"
type="button"
aria-label="閉じる"
on:click="header-drawer/close"
>
<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">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<localization-form-component
ref="localizationForm"
data-label-results-count="[count]件の結果"
data-show-filter="true"
style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
<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" />
<div class="country-filter">
<div class="field">
<div class="country-filter__search-icon field__button motion-reduce">
<span class="svg-wrapper">
<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>
</span>
</div>
<input
class="country-filter__input"
id="country-filter-input"
type="search"
name="country_filter"
value=""
placeholder="検索"
role="combobox"
aria-owns="country-results"
aria-controls="country-results"
aria-haspopup="listbox"
aria-autocomplete="list"
aria-label="国を探す"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false"
ref="search"
on:keyup="/filterCountries"
>
<label
class="field__label visually-hidden"
for="country-filter-input"
>検索</label>
<button
type="reset"
class="button button-unstyled country-filter__reset-button field__button"
aria-label="リセット"
ref="resetButton"
hidden
on:click="/resetCountriesFilter"
>
<span class="svg-wrapper">
<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>
</span>
</button>
</div>
</div>
<div class="country-selector-form__wrapper">
<h2
class="visually-hidden"
id="drawer-CountryLabel"
>
Country/Region
</h2>
<div
id="sr-country-search-results-AV0wzOGdhSUZQc080O__header-menu-1"
class="visually-hidden"
aria-live="polite"
ref="liveRegion"
></div>
<div
class="localization-form__list country-selector__list country-selector__list--with-multiple-currencies"
id="drawer-country-results"
ref="countryList"
>
<ul
role="list"
class="list-unstyled countries"
>
<span
class="localization-form__list-item localization-form__list-item-disabled"
id="no-results-message"
ref="noResultsMessage"
hidden
>結果は見つかりませんでした</span>
<li
class="localization-form__list-item"
data-value="US"
data-aliases="us,usa,america,united states of america"
id="アメリカ合衆国"
aria-label="アメリカ合衆国"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/US"
>
<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">
<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"/>
</svg>
</span>
<span class="country">アメリカ合衆国</span>
<span
class="localization-form__currency motion-reduce"
>
USD
$</span>
</li>
<li
class="localization-form__list-item"
data-value="AU"
data-aliases=""
id="オーストラリア"
aria-label="オーストラリア"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/AU"
>
<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">
<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"/>
</svg>
</span>
<span class="country">オーストラリア</span>
<span
class="localization-form__currency motion-reduce"
>
AUD
$</span>
</li>
<li
class="localization-form__list-item"
data-value="CA"
data-aliases=""
id="カナダ"
aria-label="カナダ"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CA"
>
<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">
<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"/>
</svg>
</span>
<span class="country">カナダ</span>
<span
class="localization-form__currency motion-reduce"
>
CAD
$</span>
</li>
<li
class="localization-form__list-item"
data-value="SG"
data-aliases=""
id="シンガポール"
aria-label="シンガポール"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SG"
>
<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">
<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"/>
</svg>
</span>
<span class="country">シンガポール</span>
<span
class="localization-form__currency motion-reduce"
>
SGD
$</span>
</li>
<li
class="localization-form__list-item"
data-value="TH"
data-aliases=""
id="タイ"
aria-label="タイ"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/TH"
>
<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">
<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"/>
</svg>
</span>
<span class="country">タイ</span>
<span
class="localization-form__currency motion-reduce"
>
THB
฿</span>
</li>
<li
class="localization-form__list-item"
data-value="NZ"
data-aliases=""
id="ニュージーランド"
aria-label="ニュージーランド"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/NZ"
>
<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">
<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"/>
</svg>
</span>
<span class="country">ニュージーランド</span>
<span
class="localization-form__currency motion-reduce"
>
NZD
$</span>
</li>
<li
class="localization-form__list-item"
data-value="PH"
data-aliases=""
id="フィリピン"
aria-label="フィリピン"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/PH"
>
<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">
<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"/>
</svg>
</span>
<span class="country">フィリピン</span>
<span
class="localization-form__currency motion-reduce"
>
PHP
₱</span>
</li>
<li
class="localization-form__list-item"
data-value="VN"
data-aliases=""
id="ベトナム"
aria-label="ベトナム"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/VN"
>
<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">
<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"/>
</svg>
</span>
<span class="country">ベトナム</span>
<span
class="localization-form__currency motion-reduce"
>
VND
₫</span>
</li>
<li
class="localization-form__list-item"
data-value="MY"
data-aliases=""
id="マレーシア"
aria-label="マレーシア"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/MY"
>
<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">
<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"/>
</svg>
</span>
<span class="country">マレーシア</span>
<span
class="localization-form__currency motion-reduce"
>
MYR
RM</span>
</li>
<li
class="localization-form__list-item"
data-value="MX"
data-aliases=""
id="メキシコ"
aria-label="メキシコ"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/MX"
>
<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">
<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"/>
</svg>
</span>
<span class="country">メキシコ</span>
<span
class="localization-form__currency motion-reduce"
>
JPY
¥</span>
</li>
<li
class="localization-form__list-item"
data-value="MO"
data-aliases=""
id="中華人民共和国マカオ特別行政区"
aria-label="中華人民共和国マカオ特別行政区"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/MO"
>
<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">
<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"/>
</svg>
</span>
<span class="country">中華人民共和国マカオ特別行政区</span>
<span
class="localization-form__currency motion-reduce"
>
MOP
P</span>
</li>
<li
class="localization-form__list-item"
data-value="HK"
data-aliases=""
id="中華人民共和国香港特別行政区"
aria-label="中華人民共和国香港特別行政区"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/HK"
>
<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">
<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"/>
</svg>
</span>
<span class="country">中華人民共和国香港特別行政区</span>
<span
class="localization-form__currency motion-reduce"
>
HKD
$</span>
</li>
<li
class="localization-form__list-item"
data-value="TW"
data-aliases=""
id="台湾"
aria-label="台湾"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/TW"
>
<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">
<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"/>
</svg>
</span>
<span class="country">台湾</span>
<span
class="localization-form__currency motion-reduce"
>
TWD
$</span>
</li>
<li
class="localization-form__list-item"
data-value="UM"
data-aliases=""
id="合衆国領有小離島"
aria-label="合衆国領有小離島"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/UM"
>
<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">
<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"/>
</svg>
</span>
<span class="country">合衆国領有小離島</span>
<span
class="localization-form__currency motion-reduce"
>
USD
$</span>
</li>
<li
class="localization-form__list-item"
aria-current="true"
data-value="JP"
data-aliases=""
id="日本"
aria-label="日本"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/JP"
>
<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">
<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"/>
</svg>
</span>
<span class="country">日本</span>
<span
class="localization-form__currency motion-reduce"
>
JPY
¥</span>
</li>
<li
class="localization-form__list-item"
data-value="KR"
data-aliases=""
id="韓国"
aria-label="韓国"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/KR"
>
<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">
<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"/>
</svg>
</span>
<span class="country">韓国</span>
<span
class="localization-form__currency motion-reduce"
>
KRW
₩</span>
</li></ul>
</div>
<div class="country-selector__overlay"></div>
<input
type="hidden"
name="country_code"
value="JP"
ref="countryInput"
>
</div>
</form></localization-form-component>
</div>
</details>
</drawer-localization-component>
</div>
</div>
<div
class="menu-drawer__backdrop"
on:click="header-drawer/close"
></div>
</details>
</header-drawer>
</div>
<search-button class="search-action desktop:hidden">
<button
on:click="#search-modal/showDialog"
class="button button-unstyled search-modal__button header-actions__action"
aria-label="検索を開く"
>
<span
aria-hidden="true"
class="svg-wrapper"
>
<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>
</span>
</button>
</search-button>
<a
href="/"
class="size-style spacing-style header-logo"
style="
--size-style-width: ;--size-style-height: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--font-family: var(--font-body--family);
--font-style: var(--font-body--style);
--font-weight: 600;
"
>
<span
class="header-logo__image-container header-logo__image-container--original"
data-testid="header-logo"
>
<img src="//noson.shop/cdn/shop/files/noson_japan_logo.png?height=36&v=1756457471" alt="" width="45" height="36" class="header-logo__image" srcset="//noson.shop/cdn/shop/files/noson_japan_logo.png?height=36&v=1756457471 1x, //noson.shop/cdn/shop/files/noson_japan_logo.png?height=72&v=1756457471 2x, //noson.shop/cdn/shop/files/noson_japan_logo.png?height=108&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;">
</span>
<span
class="header-logo__image-container header-logo__image-container--inverse"
data-testid="header-logo-inverse"
>
<img src="//noson.shop/cdn/shop/files/noson_japan_logo.png?height=36&v=1756457471" alt="" width="45" height="36" class="header-logo__image" srcset="//noson.shop/cdn/shop/files/noson_japan_logo.png?height=36&v=1756457471 1x, //noson.shop/cdn/shop/files/noson_japan_logo.png?height=72&v=1756457471 2x, //noson.shop/cdn/shop/files/noson_japan_logo.png?height=108&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;">
</span>
</a>
<header-menu
ref="headerMenu"
class="header-menu mobile:hidden"
data-animation-delay="200"
style="--submenu-animation-speed: 200ms;"
>
<div class="header-menu__inner">
<nav header-menu>
<div
class="menu-list"
style="--menu-top-level-font-family: var(--font-subheading--family);
--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;
--menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
var(--menu-font-sm--line-height);
--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
"
>
<overflow-list
ref="overflowMenu"
class="overflow-menu color-scheme-matches-parent"
minimum-items="2"
defer
>
<template shadowrootmode="open">
<link href="//noson.shop/cdn/shop/t/2/assets/overflow-list.css?v=168694168152117541881755160479" rel="stylesheet" type="text/css" media="all" />
<ul part="list">
<slot></slot>
<slot
name="more"
part="more"
hidden
>
<li
part="more"
>
<button
class="button"
type="button"
tabindex="0"
>
さらに表示する
</button>
</li>
</slot>
<li
part="placeholder"
hidden
></li>
</ul>
<div part="overflow">
<ul part="overflow-list">
<slot name="overflow"></slot>
</ul>
</div>
</template>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/"
data-skip-node-update="true"
class="menu-list__link menu-list__link--active"ref="menuitem"
>
<span class="menu-list__link-title">HOME</span>
</a></li>
<li
class="menu-list__list-item"
role="presentation"
slot="more"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<button role="menuitem" class="button menu-list__link button-unstyled">
<span class="menu-list__link-title">さらに表示する</span>
</button>
</li>
</overflow-list>
</div>
</nav>
</div>
<script
src="//noson.shop/cdn/shop/t/2/assets/header-menu.js?v=98986771878453457241755160479"
type="module"
fetchpriority="low"
></script>
</header-menu>
</div><div
class="header__column header__column--right"
data-testid="header-top-right"
>
<dropdown-localization-component
class="dropdown-localization mobile:hidden"
>
<button
type="button"
class="button dropdown-localization__button localization-selector link link--text"
aria-expanded="false"
aria-controls="dropdown-localization-results"
ref="button"
on:click="/toggleSelector"
style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 1rem; "
>
<span class="visually-hidden">地域と言語のセレクターを開く</span>
<span class="currency-code">JPY</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">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<div
class="localization-wrapper right-bound color-scheme-1"
hidden
ref="panel"
>
<localization-form-component
ref="localizationForm"
data-label-results-count="[count]件の結果"
data-show-filter="true"
style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 1rem; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
<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" />
<div class="country-filter">
<div class="field">
<div class="country-filter__search-icon field__button motion-reduce">
<span class="svg-wrapper">
<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>
</span>
</div>
<input
class="country-filter__input"
id="country-filter-input"
type="search"
name="country_filter"
value=""
placeholder="検索"
role="combobox"
aria-owns="country-results"
aria-controls="country-results"
aria-haspopup="listbox"
aria-autocomplete="list"
aria-label="国を探す"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false"
ref="search"
on:keyup="/filterCountries"
>
<label
class="field__label visually-hidden"
for="country-filter-input"
>検索</label>
<button
type="reset"
class="button button-unstyled country-filter__reset-button field__button"
aria-label="リセット"
ref="resetButton"
hidden
on:click="/resetCountriesFilter"
>
<span class="svg-wrapper">
<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>
</span>
</button>
</div>
</div>
<div class="country-selector-form__wrapper">
<h2
class="visually-hidden"
id="dropdown-CountryLabel"
>
Country/Region
</h2>
<div
id="sr-country-search-results-"
class="visually-hidden"
aria-live="polite"
ref="liveRegion"
></div>
<div
class="localization-form__list country-selector__list country-selector__list--with-multiple-currencies"
id="dropdown-country-results"
ref="countryList"
>
<ul
role="list"
class="list-unstyled countries"
>
<span
class="localization-form__list-item localization-form__list-item-disabled"
id="no-results-message"
ref="noResultsMessage"
hidden
>結果は見つかりませんでした</span>
<li
class="localization-form__list-item"
data-value="US"
data-aliases="us,usa,america,united states of america"
id="アメリカ合衆国"
aria-label="アメリカ合衆国"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/US"
>
<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">
<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"/>
</svg>
</span>
<span class="country">アメリカ合衆国</span>
<span
class="localization-form__currency motion-reduce"
>
USD
$</span>
</li>
<li
class="localization-form__list-item"
data-value="AU"
data-aliases=""
id="オーストラリア"
aria-label="オーストラリア"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/AU"
>
<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">
<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"/>
</svg>
</span>
<span class="country">オーストラリア</span>
<span
class="localization-form__currency motion-reduce"
>
AUD
$</span>
</li>
<li
class="localization-form__list-item"
data-value="CA"
data-aliases=""
id="カナダ"
aria-label="カナダ"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CA"
>
<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">
<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"/>
</svg>
</span>
<span class="country">カナダ</span>
<span
class="localization-form__currency motion-reduce"
>
CAD
$</span>
</li>
<li
class="localization-form__list-item"
data-value="SG"
data-aliases=""
id="シンガポール"
aria-label="シンガポール"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SG"
>
<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">
<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"/>
</svg>
</span>
<span class="country">シンガポール</span>
<span
class="localization-form__currency motion-reduce"
>
SGD
$</span>
</li>
<li
class="localization-form__list-item"
data-value="TH"
data-aliases=""
id="タイ"
aria-label="タイ"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/TH"
>
<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">
<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"/>
</svg>
</span>
<span class="country">タイ</span>
<span
class="localization-form__currency motion-reduce"
>
THB
฿</span>
</li>
<li
class="localization-form__list-item"
data-value="NZ"
data-aliases=""
id="ニュージーランド"
aria-label="ニュージーランド"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/NZ"
>
<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">
<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"/>
</svg>
</span>
<span class="country">ニュージーランド</span>
<span
class="localization-form__currency motion-reduce"
>
NZD
$</span>
</li>
<li
class="localization-form__list-item"
data-value="PH"
data-aliases=""
id="フィリピン"
aria-label="フィリピン"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/PH"
>
<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">
<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"/>
</svg>
</span>
<span class="country">フィリピン</span>
<span
class="localization-form__currency motion-reduce"
>
PHP
₱</span>
</li>
<li
class="localization-form__list-item"
data-value="VN"
data-aliases=""
id="ベトナム"
aria-label="ベトナム"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/VN"
>
<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">
<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"/>
</svg>
</span>
<span class="country">ベトナム</span>
<span
class="localization-form__currency motion-reduce"
>
VND
₫</span>
</li>
<li
class="localization-form__list-item"
data-value="MY"
data-aliases=""
id="マレーシア"
aria-label="マレーシア"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/MY"
>
<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">
<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"/>
</svg>
</span>
<span class="country">マレーシア</span>
<span
class="localization-form__currency motion-reduce"
>
MYR
RM</span>
</li>
<li
class="localization-form__list-item"
data-value="MX"
data-aliases=""
id="メキシコ"
aria-label="メキシコ"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/MX"
>
<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">
<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"/>
</svg>
</span>
<span class="country">メキシコ</span>
<span
class="localization-form__currency motion-reduce"
>
JPY
¥</span>
</li>
<li
class="localization-form__list-item"
data-value="MO"
data-aliases=""
id="中華人民共和国マカオ特別行政区"
aria-label="中華人民共和国マカオ特別行政区"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/MO"
>
<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">
<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"/>
</svg>
</span>
<span class="country">中華人民共和国マカオ特別行政区</span>
<span
class="localization-form__currency motion-reduce"
>
MOP
P</span>
</li>
<li
class="localization-form__list-item"
data-value="HK"
data-aliases=""
id="中華人民共和国香港特別行政区"
aria-label="中華人民共和国香港特別行政区"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/HK"
>
<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">
<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"/>
</svg>
</span>
<span class="country">中華人民共和国香港特別行政区</span>
<span
class="localization-form__currency motion-reduce"
>
HKD
$</span>
</li>
<li
class="localization-form__list-item"
data-value="TW"
data-aliases=""
id="台湾"
aria-label="台湾"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/TW"
>
<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">
<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"/>
</svg>
</span>
<span class="country">台湾</span>
<span
class="localization-form__currency motion-reduce"
>
TWD
$</span>
</li>
<li
class="localization-form__list-item"
data-value="UM"
data-aliases=""
id="合衆国領有小離島"
aria-label="合衆国領有小離島"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/UM"
>
<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">
<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"/>
</svg>
</span>
<span class="country">合衆国領有小離島</span>
<span
class="localization-form__currency motion-reduce"
>
USD
$</span>
</li>
<li
class="localization-form__list-item"
aria-current="true"
data-value="JP"
data-aliases=""
id="日本"
aria-label="日本"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/JP"
>
<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">
<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"/>
</svg>
</span>
<span class="country">日本</span>
<span
class="localization-form__currency motion-reduce"
>
JPY
¥</span>
</li>
<li
class="localization-form__list-item"
data-value="KR"
data-aliases=""
id="韓国"
aria-label="韓国"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/KR"
>
<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">
<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"/>
</svg>
</span>
<span class="country">韓国</span>
<span
class="localization-form__currency motion-reduce"
>
KRW
₩</span>
</li></ul>
</div>
<div class="country-selector__overlay"></div>
<input
type="hidden"
name="country_code"
value="JP"
ref="countryInput"
>
</div>
</form></localization-form-component>
</div>
</dropdown-localization-component>
<search-button class="search-action mobile:hidden">
<button
on:click="#search-modal/showDialog"
class="button button-unstyled search-modal__button header-actions__action"
aria-label="検索を開く"
>
<span
aria-hidden="true"
class="svg-wrapper"
>
<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>
</span>
</button>
</search-button>
<script
type="module"
src="//noson.shop/cdn/shop/t/2/assets/cart-icon.js?v=14733679814066288171755160479"
fetchpriority="low"
></script>
<header-actions>
<anchored-popover-component
data-close-on-resize="true"
class="account-popover mobile:hidden"
>
<button
class="account-button header-actions__action"
aria-label="アカウントメニューを開く"popovertarget="account-popover"
popovertargetaction="toggle"ref="trigger"
><span
class="account-button__icon"
aria-hidden="true"
><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>
</span></button>
<div
class="account-popover__panel details-content color-scheme-1"
id="account-popover"
popover="auto"
ref="popover"
>
<div class="account-actions">
<div class="account-actions__main-menu">
<header class="account-actions__header">
<span class="account-actions__title h5">
アカウント
</span>
</header>
<div
class="account-actions__sign-ins"
data-skip-subtree-update="true"
>
<script
src="//noson.shop/cdn/shop/t/2/assets/account-login-actions.js?v=132624473766457443991755160479"
type="module"
fetchpriority="low"
></script>
<account-login-actions class="account-actions__shop-login">
<script defer="defer" async type="module" src="//noson.shop/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_DlknfYwj.ja.esm.js"></script>
<script defer="defer" async type="module" src="//noson.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.common_C8x_Fune.esm.js"></script>
<script defer="defer" async type="module" src="//noson.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_C_sKZyGv.esm.js"></script>
<script type="module">
await import("//noson.shop/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_DlknfYwj.ja.esm.js");
await import("//noson.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.common_C8x_Fune.esm.js");
await import("//noson.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_C_sKZyGv.esm.js");
</script>
<shop-login-button ux-mode="windoid" return-uri="https://noson.shop/account/redirect" proxy="true" redirect-type="iframe" response-type="code"></shop-login-button>
</account-login-actions>
<a
href="/customer_authentication/login?return_to=%2F&locale=ja"
class="account-actions__link button"
>
<span class="account-actions__sign-in-text">
その他のログインオプション
</span>
<span class="account-actions__fallback-text">
ログイン
</span>
</a>
</div>
<nav class="account-actions__nav">
<ul class="account-actions__list">
<li class="account-actions__list-item">
<a
href="/account"
class="account-actions__link button-secondary"
>
<span
class="account-actions__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
<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"/>
<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"/>
</svg>
</span>
注文
</a>
</li>
<li class="account-actions__list-item">
<a
href="/account/addresses"
class="account-actions__link button-secondary"
>
<span
class="account-actions__icon"
aria-hidden="true"
><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>
</span>
プロフィール
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</anchored-popover-component>
<script
src="//noson.shop/cdn/shop/t/2/assets/dialog.js?v=94382931671780430451755160478"
type="module"
></script>
<dialog-component
class="account-drawer"
>
<button
class="account-button header-actions__action"
aria-label="アカウントメニューを開く"ref="trigger"
on:click="/showDialog"
><span
class="account-button__icon"
aria-hidden="true"
><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>
</span></button>
<dialog
ref="dialog"
class="color-scheme-1 dialog-modal dialog-drawer dialog-bottom-sheet account-drawer__dialog"
scroll-lock
>
<button
ref="closeButton"
on:click="/closeDialog"
class="button button-unstyled close-button account-drawer__close-button"
aria-label="ダイアログを閉じる"
>
<span
class="svg-wrapper"
aria-hidden="true"
><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<div class="account-actions">
<div class="account-actions__main-menu">
<header class="account-actions__header">
<span class="account-actions__title h5">
アカウント
</span>
</header>
<div
class="account-actions__sign-ins"
data-skip-subtree-update="true"
>
<script
src="//noson.shop/cdn/shop/t/2/assets/account-login-actions.js?v=132624473766457443991755160479"
type="module"
fetchpriority="low"
></script>
<account-login-actions class="account-actions__shop-login">
<script defer="defer" async type="module" src="//noson.shop/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_DlknfYwj.ja.esm.js"></script>
<script defer="defer" async type="module" src="//noson.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.common_C8x_Fune.esm.js"></script>
<script defer="defer" async type="module" src="//noson.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_C_sKZyGv.esm.js"></script>
<script type="module">
await import("//noson.shop/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_DlknfYwj.ja.esm.js");
await import("//noson.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.common_C8x_Fune.esm.js");
await import("//noson.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_C_sKZyGv.esm.js");
</script>
<shop-login-button ux-mode="windoid" return-uri="https://noson.shop/account/redirect" proxy="true" redirect-type="iframe" response-type="code"></shop-login-button>
</account-login-actions>
<a
href="/customer_authentication/login?return_to=%2F&locale=ja"
class="account-actions__link button"
autofocus
>
<span class="account-actions__sign-in-text">
その他のログインオプション
</span>
<span class="account-actions__fallback-text">
ログイン
</span>
</a>
</div>
<nav class="account-actions__nav">
<ul class="account-actions__list">
<li class="account-actions__list-item">
<a
href="/account"
class="account-actions__link button-secondary"
>
<span
class="account-actions__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
<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"/>
<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"/>
</svg>
</span>
注文
</a>
</li>
<li class="account-actions__list-item">
<a
href="/account/addresses"
class="account-actions__link button-secondary"
>
<span
class="account-actions__icon"
aria-hidden="true"
><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>
</span>
プロフィール
</a>
</li>
</ul>
</nav>
</div>
</div>
</dialog>
</dialog-component>
<script
src="//noson.shop/cdn/shop/t/2/assets/cart-drawer.js?v=92290163633888904321755160479"
type="module"
fetchpriority="low"
></script>
<cart-drawer-component
class="cart-drawer"
>
<button
class="button header-actions__action button-unstyled"
on:click="/open"
aria-label="カートを開く カート内の合計アイテム数: 0"
>
<cart-icon
class="
header-actions__cart-icon
"
data-testid="cart-icon"
>
<span
class="svg-wrapper"
aria-hidden="true"
>
<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>
</span>
<div
ref="cartBubble"
class="cart-bubble visually-hidden"
data-maintain-ratio
>
<span class="cart-bubble__background"></span>
<span
ref="cartBubbleText"
class="cart-bubble__text"
role="status"
>
<span class="visually-hidden">カート内の合計アイテム数: 0
</span>
<span
class="cart-bubble__text-count hidden"
ref="cartBubbleCount"
aria-hidden="true"
data-testid="cart-bubble"
>
0</span>
</span>
</div>
</cart-icon>
</button>
<dialog
ref="dialog"
class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
scroll-lock
>
<div class="cart-drawer__inner">
<cart-items-component
class="cart-items-component"
data-section-id="sections--20078608285908__header_section"
><div class="cart-drawer__header">
<button
ref="closeButton"
on:click="cart-drawer-component/close"
class="button close-button cart-drawer__close-button button-unstyled"
aria-label="ダイアログを閉じる"
>
<span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<div
class="cart-drawer__content motion-reduce"
aria-label="カート"
>
<span class="cart-drawer__heading h3 cart-drawer__heading--empty">
カートの中身が空です
</span>
<div class="cart-drawer__items">
<script
src="//noson.shop/cdn/shop/t/2/assets/component-cart-items.js?v=95720873921622680421755160478"
type="module"
fetchpriority="low"
></script>
<div
class="cart-items__wrapper"
>
<p>
アカウントをお持ちですか?<a href="https://noson.shop/customer_authentication/redirect?locale=ja®ion_country=JP">ログイン</a>することで、チェックアウトがスピーディーに行えます。
</p><a
class="button cart-items__empty-button"
href="/collections/all"
>
買い物を続ける
</a></div>
</div>
</div></cart-items-component>
</div>
</dialog>
</cart-drawer-component>
</header-actions>
</div>
</div>
</div>
</header-component>
<script
src="//noson.shop/cdn/shop/t/2/assets/header.js?v=78043468934677320351755160479"
type="module"
></script>
<script type="module">
import { hydrate } from '@theme/section-hydration';
const url = new URL(window.location.href);
url.searchParams.delete('page');
hydrate('sections--20078608285908__header_section', url);
</script>
</header>
<!-- END sections: header-group -->
</div>
<script
src="//noson.shop/cdn/shop/t/2/assets/critical.js?v=169402557219780209121756952207"
type="module"
async
blocking="render"
></script>
<main
id="MainContent"
class="content-for-layout"
role="main"
data-page-transition-enabled="true"
data-product-transition="true"
data-template="index"
>
<section id="shopify-section-template--20078607990996__hero_RkimKJ" class="shopify-section hero-wrapper section-wrapper">
<div
id="Hero-template--20078607990996__hero_RkimKJ"
class="hero color-scheme-4"
style="
--hero-border-style: ;
--hero-border-width: px;
--hero-border-opacity: %;
--blur-opacity: 0.75;
--hero-min-height: var(--section-height-large);
"
>
<div
class="hero__container spacing-style section section--full-width"
style=" --padding-block-start: 0px;--padding-block-end: 0px;"
><div
class="hero__media-wrapper"
style="--hero-media-count: 1;--hero-media-aspect-ratio: 1.500247157686604;"
>
<img src="//noson.shop/cdn/shop/files/BFS_NOSON_16-04-2022_12.jpg?v=1755154991&width=3840" srcset="//noson.shop/cdn/shop/files/BFS_NOSON_16-04-2022_12.jpg?v=1755154991&width=832 832w, //noson.shop/cdn/shop/files/BFS_NOSON_16-04-2022_12.jpg?v=1755154991&width=1200 1200w, //noson.shop/cdn/shop/files/BFS_NOSON_16-04-2022_12.jpg?v=1755154991&width=1600 1600w, //noson.shop/cdn/shop/files/BFS_NOSON_16-04-2022_12.jpg?v=1755154991&width=1920 1920w, //noson.shop/cdn/shop/files/BFS_NOSON_16-04-2022_12.jpg?v=1755154991&width=2560 2560w, //noson.shop/cdn/shop/files/BFS_NOSON_16-04-2022_12.jpg?v=1755154991&width=3840 3840w" width="3035" height="2023" class="hero__image" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="high">
</div>
<div
class="
hero__content-wrapper
layout-panel-flex
layout-panel-flex--column
mobile-column
section-content-wrapper
page-width
"
style="--flex-direction: column; --flex-wrap: nowrap;
--gap: 16px;
--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
>
<div
class="
group-block
group-block--height-fit
group-block--width-custom
border-style
spacing-style
size-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--size-style-width:34%;--size-style-height: fit;
--size-style-width-mobile:53%; --size-style-width-mobile-min:53%;
"
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="
group-block-content
layout-panel-flex
layout-panel-flex--column
mobile-column
"
style="--flex-direction: column; --flex-wrap: nowrap;
--gap: 12px;
--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
>
<div
class=" spacing-style text-block text-block--Aa0g0MnlmdDhHamNsU__text_KxeJ6r h2
text-block--align-left
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:0px; --padding-inline-end:0px;
--width: 100%;
--max-width: var(--max-width--body-normal);
--text-align: left;
"
>
<p>BREATHING<br/>REVOLUTION.</p>
</div>
<a
href="/collections/all"
class="
size-style
link
link--AdUlvVUJUbE9vVG9ia__button_nazDaa
"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
</a>
</div>
</div>
</div>
</div>
</div>
<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">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
style="
"
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
"
>
<div
class="
spacing-style
layout-panel-flex
layout-panel-flex--column
section-content-wrapper
mobile-column
"
style="
--flex-direction: column; --flex-wrap: nowrap;
--gap: 12px;
--horizontal-alignment: center; --vertical-alignment: center;
--vertical-alignment-mobile: center;
--padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));
"
data-testid="section-content"
>
<div
class=" spacing-style text-block text-block--ARE9YaWFYN2pFd0JZe__text_BJRwy4 h3
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:0px; --padding-inline-end:0px;
--color: var(--color-foreground);
--width: fit-content;
--max-width: var(--max-width--body-normal);
"
>
<p>Why noson?</p>
</div>
<rte-formatter
class=" spacing-style text-block text-block--ARmpMMkJteEVoOXFsS__text_acnqU8 rte
rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:0px; --padding-inline-end:0px;
--width: fit-content;
--max-width: var(--max-width--body-normal);
"
>
<p>Improves nasal breathing</p><p>To be used occasionally or on the long run</p><p>Can reduce snoring</p>
</rte-formatter>
</div>
</div>
</div>
</div><div id="shopify-section-template--20078607990996__section_RhpYRt" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--full-width color-scheme-1"
style="
"
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
"
>
<div
class="
spacing-style
layout-panel-flex
layout-panel-flex--row
section-content-wrapper
mobile-column
"
style="
--flex-direction: row; --flex-wrap: nowrap;
--gap: 0px;
--horizontal-alignment: center; --vertical-alignment: center;
--vertical-alignment-mobile: center;
--padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));
"
data-testid="section-content"
>
<deferred-media
class="spacing-style size-style border-style"
style="
--padding-block-start: 10px;--padding-block-end: 10px;--padding-inline-start: 15px;--padding-inline-end: 15px;
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--size-style-width: 67%; --size-style-width-mobile: 100%;
--size-style-aspect-ratio: 1.775;
"
autoplay
>
<button
class="button deferred-media__poster-button button-unstyled"
ref="deferredMediaPlayButton"
aria-label="ビデオを読み込む: "
type="button"
on:click="/showDeferredMedia"
style="--video-aspect-ratio: 1.775"
>
<img src="//noson.shop/cdn/shop/files/preview_images/06007f1cae3345bbb46051ff5254e261.thumbnail.0000000000.jpg?v=1755161846&width=3840" alt="" srcset="//noson.shop/cdn/shop/files/preview_images/06007f1cae3345bbb46051ff5254e261.thumbnail.0000000000.jpg?v=1755161846&width=240 240w, //noson.shop/cdn/shop/files/preview_images/06007f1cae3345bbb46051ff5254e261.thumbnail.0000000000.jpg?v=1755161846&width=352 352w, //noson.shop/cdn/shop/files/preview_images/06007f1cae3345bbb46051ff5254e261.thumbnail.0000000000.jpg?v=1755161846&width=832 832w, //noson.shop/cdn/shop/files/preview_images/06007f1cae3345bbb46051ff5254e261.thumbnail.0000000000.jpg?v=1755161846&width=1200 1200w, //noson.shop/cdn/shop/files/preview_images/06007f1cae3345bbb46051ff5254e261.thumbnail.0000000000.jpg?v=1755161846&width=1600 1600w, //noson.shop/cdn/shop/files/preview_images/06007f1cae3345bbb46051ff5254e261.thumbnail.0000000000.jpg?v=1755161846&width=1920 1920w, //noson.shop/cdn/shop/files/preview_images/06007f1cae3345bbb46051ff5254e261.thumbnail.0000000000.jpg?v=1755161846&width=2560 2560w, //noson.shop/cdn/shop/files/preview_images/06007f1cae3345bbb46051ff5254e261.thumbnail.0000000000.jpg?v=1755161846&width=3840 3840w" width="3840" height="2160" sizes="(min-width: 750px) 50vw, 100vw" class="deferred-media__poster-image">
<span class="deferred-media__poster-icon icon-play">
<span class="visually-hidden">ビデオを再生</span><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<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"/>
</svg>
</span>
</button>
<template>
<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>
</template>
<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>
</deferred-media>
<div
class="
group-block
group-block--height-fit
group-block--width-custom
border-style
spacing-style
size-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--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));
--size-style-width:33%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
"
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="
group-block-content
layout-panel-flex
layout-panel-flex--column
mobile-column
"
style="--flex-direction: column; --flex-wrap: nowrap;
--gap: 12px;
--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
>
<div
class=" spacing-style text-block text-block--AdHpQVmdZWWdMVCtUU__text_BRFzjN h4
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:0px; --padding-inline-end:0px;
--width: fit-content;
--max-width: var(--max-width--body-normal);
"
>
<p>Maximize your performance with Noson.</p>
</div>
<rte-formatter
class=" spacing-style text-block text-block--AbmZCU1ZCNmpSSGo2N__text_tKxhbY rte
rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:0px; --padding-inline-end:0px;
--width: fit-content;
--max-width: var(--max-width--body-normal);
"
>
<p>Breathe better. Perform stronger. Powered by Noson.</p>
</rte-formatter>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--20078607990996__slideshow_qjhYVA" class="shopify-section container-background-image">
<div class="section-background color-scheme-1"></div>
<div
class="spacing-style section section--full-width color-scheme-1 disable-section-top-offset"
style="--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:0px; --padding-inline-end:0px;
"
>
<slideshow-component
class="slideshow--single-media"
style="--slideshow-timeline: --slide-1;"
initial-slide="0"
infinite
>
<slideshow-container ref="slideshowContainer">
<slideshow-slides
tabindex="-1"
ref="scroller"
size="medium"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="view-timeline-name: --slide-0; --product-media-fit: cover;"
>
<div class="slide__image-container">
<img src="//noson.shop/cdn/shop/files/BFS_NOSON_16-04-2022_03_clip2.png?v=1755155295&width=3840" alt="" srcset="//noson.shop/cdn/shop/files/BFS_NOSON_16-04-2022_03_clip2.png?v=1755155295&width=832 832w, //noson.shop/cdn/shop/files/BFS_NOSON_16-04-2022_03_clip2.png?v=1755155295&width=1200 1200w, //noson.shop/cdn/shop/files/BFS_NOSON_16-04-2022_03_clip2.png?v=1755155295&width=1600 1600w, //noson.shop/cdn/shop/files/BFS_NOSON_16-04-2022_03_clip2.png?v=1755155295&width=1920 1920w, //noson.shop/cdn/shop/files/BFS_NOSON_16-04-2022_03_clip2.png?v=1755155295&width=2560 2560w, //noson.shop/cdn/shop/files/BFS_NOSON_16-04-2022_03_clip2.png?v=1755155295&width=3840 3840w" height="1429" loading="lazy" sizes="(min-width: 750px) 100vw, 100vw" class="slide__image" fetchpriority="low">
</div>
<div
class="spacing-style slide__content background-transparent"
style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
>
<div
class="group-block-content
layout-panel-flex
layout-panel-flex--column
mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap;
--gap: 12px;
--horizontal-alignment: center; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
>
<div
class="
group-block
group-block--height-fit
group-block--width-custom
border-style
spacing-style
size-style
color-scheme-6
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--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));
--size-style-width:50%;--size-style-height: fit;
--size-style-width-mobile:85%; --size-style-width-mobile-min:85%;
"
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="
group-block-content
layout-panel-flex
layout-panel-flex--column
mobile-column
"
style="--flex-direction: column; --flex-wrap: nowrap;
--gap: 12px;
--horizontal-alignment: center; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
>
<rte-formatter
class=" spacing-style text-block text-block--ASVFNZFNJS1FUcXUyT__text_8DAzCn rte
text-block--background rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:0px; --padding-inline-end:0px;
--width: fit-content;
--max-width: var(--max-width--body-normal);
--text-background-color: #00000026;
--text-corner-radius: 0px;
--text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg))));
"
>
<h3><strong>Nasal breathing matters.</strong></h3>
</rte-formatter>
<rte-formatter
class=" spacing-style text-block text-block--AWFUzblpZZStnMVB4d__text_tAxN6M rte
rte
"
style="
--padding-block-start: 0px; --padding-block-end:20px;
--padding-inline-start:0px; --padding-inline-end:0px;
--width: fit-content;
--max-width: var(--max-width--body-normal);
"
>
<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>
</rte-formatter>
</div>
</div>
</div>
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</div>
</div><div id="shopify-section-template--20078607990996__section_8Fekqj" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
style="
"
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
"
>
<div
class="
spacing-style
layout-panel-flex
layout-panel-flex--row
section-content-wrapper
mobile-column
"
style="
--flex-direction: row; --flex-wrap: nowrap;
--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));
--horizontal-alignment: center; --vertical-alignment: center;
--vertical-alignment-mobile: center;
--padding-block-start: max(20px, calc(var(--spacing-scale) * 60px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));
"
data-testid="section-content"
>
<rte-formatter
class=" spacing-style text-block text-block--ANGxGVWlkaWtjWndzc__text_ginmf7 rte
rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:0px; --padding-inline-end:0px;
--width: fit-content;
--max-width: var(--max-width--body-normal);
"
>
<h4><strong>Loved by athletes worldwide.</strong></h4>
</rte-formatter>
<div
class="
image-block image-block--AT3RWNlAwSWJBSEpTK__image_A6N8jC image-block--height-fit spacing-style size-style
"
style="
--ratio: 1.5;
--size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
>
<img src="//noson.shop/cdn/shop/files/2021_Sardinia_Jeremy_Seewer.jpg?v=1755158109&width=3840" alt="" srcset="//noson.shop/cdn/shop/files/2021_Sardinia_Jeremy_Seewer.jpg?v=1755158109&width=240 240w, //noson.shop/cdn/shop/files/2021_Sardinia_Jeremy_Seewer.jpg?v=1755158109&width=352 352w, //noson.shop/cdn/shop/files/2021_Sardinia_Jeremy_Seewer.jpg?v=1755158109&width=832 832w, //noson.shop/cdn/shop/files/2021_Sardinia_Jeremy_Seewer.jpg?v=1755158109&width=1200 1200w, //noson.shop/cdn/shop/files/2021_Sardinia_Jeremy_Seewer.jpg?v=1755158109&width=1600 1600w, //noson.shop/cdn/shop/files/2021_Sardinia_Jeremy_Seewer.jpg?v=1755158109&width=1920 1920w, //noson.shop/cdn/shop/files/2021_Sardinia_Jeremy_Seewer.jpg?v=1755158109&width=2560 2560w, //noson.shop/cdn/shop/files/2021_Sardinia_Jeremy_Seewer.jpg?v=1755158109&width=3840 3840w" width="2592" height="1728" loading="lazy" class="image-block__image border-style" style="
--ratio: 1.5;
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
" sizes="auto, (min-width: 750px) 100vw, 100vw">
</div>
<div
class="
group-block
group-block--height-fit
group-block--width-custom
border-style
spacing-style
size-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--size-style-width:100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
"
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="
group-block-content
layout-panel-flex
layout-panel-flex--column
mobile-column
"
style="--flex-direction: column; --flex-wrap: nowrap;
--gap: 12px;
--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
>
<div
class=" spacing-style text-block text-block--Aajl0SDdpdzcvbEpoe__text_N7kEt9 h5
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:0px; --padding-inline-end:0px;
--color: var(--color-foreground);
--width: fit-content;
--max-width: var(--max-width--body-normal);
"
>
<p>Jeremy Seewer</p>
</div>
<rte-formatter
class=" spacing-style text-block text-block--ASzFyT21Jc3FRUjNBW__text_p9BFQ8 rte
rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:0px; --padding-inline-end:0px;
--width: fit-content;
--max-width: var(--max-width--body-normal);
"
>
<p>MXGP MOTOCROSS</p>
</rte-formatter>
<rte-formatter
class=" spacing-style text-block text-block--AK2NZcjRmZjMrZ1I0U__text_XT7LnG rte
rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:0px; --padding-inline-end:0px;
--width: fit-content;
--max-width: var(--max-width--body-narrow);
"
>
<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>
</rte-formatter>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--20078607990996__section_inxCg4" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
style="
"
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
"
>
<div
class="
spacing-style
layout-panel-flex
layout-panel-flex--row
section-content-wrapper
mobile-column
"
style="
--flex-direction: row; --flex-wrap: nowrap;
--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));
--horizontal-alignment: flex-end; --vertical-alignment: center;
--vertical-alignment-mobile: center;
--padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));
"
data-testid="section-content"
>
<div
class="
image-block image-block--ARDBxZVRZTWxuTzhMe__image_L6AtV9 image-block--height-fit spacing-style size-style
"
style="
--ratio: 1.5;
--size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
>
<img src="//noson.shop/cdn/shop/files/OndrejCink.jpg?v=1755158127&width=3840" alt="" srcset="//noson.shop/cdn/shop/files/OndrejCink.jpg?v=1755158127&width=240 240w, //noson.shop/cdn/shop/files/OndrejCink.jpg?v=1755158127&width=352 352w, //noson.shop/cdn/shop/files/OndrejCink.jpg?v=1755158127&width=832 832w, //noson.shop/cdn/shop/files/OndrejCink.jpg?v=1755158127&width=1200 1200w, //noson.shop/cdn/shop/files/OndrejCink.jpg?v=1755158127&width=1600 1600w, //noson.shop/cdn/shop/files/OndrejCink.jpg?v=1755158127&width=1920 1920w, //noson.shop/cdn/shop/files/OndrejCink.jpg?v=1755158127&width=2560 2560w, //noson.shop/cdn/shop/files/OndrejCink.jpg?v=1755158127&width=3840 3840w" width="204" height="136" loading="lazy" class="image-block__image border-style" style="
--ratio: 1.5;
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
" sizes="auto, (min-width: 750px) 100vw, 100vw">
</div>
<div
class="
group-block
group-block--height-fit
group-block--width-custom
border-style
spacing-style
size-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--size-style-width:100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
"
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="
group-block-content
layout-panel-flex
layout-panel-flex--column
mobile-column
"
style="--flex-direction: column; --flex-wrap: nowrap;
--gap: 12px;
--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
>
<div
class=" spacing-style text-block text-block--AY0dIQ2tmN25neVVlS__text_eaNEkE h5
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:0px; --padding-inline-end:0px;
--color: var(--color-foreground);
--width: fit-content;
--max-width: var(--max-width--body-normal);
"
>
<p>Ondrej Cink</p>
</div>
<rte-formatter
class=" spacing-style text-block text-block--ANmVBT0lubmhON0VNa__text_934gJC rte
rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:0px; --padding-inline-end:0px;
--width: fit-content;
--max-width: var(--max-width--body-normal);
"
>
<p>MTB CROSS COUNTRY</p>
</rte-formatter>
<rte-formatter
class=" spacing-style text-block text-block--ARi9SWTl1VTgzUGlnQ__text_D43yBi rte
rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:0px; --padding-inline-end:0px;
--width: fit-content;
--max-width: var(--max-width--body-narrow);
"
>
<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>
</rte-formatter>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--20078607990996__section_CYM3Nm" class="shopify-section section-wrapper">
<div class="section-background color-scheme-2"></div>
<div
class="section section--page-width color-scheme-2"
style="
--section-min-height: var(--section-height-small);
--section-preview-height: 600px;
"
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
"
>
<div
class="
spacing-style
layout-panel-flex
layout-panel-flex--row
section-content-wrapper
mobile-column
"
style="
--flex-direction: row; --flex-wrap: nowrap;
--gap: max(24px, calc(var(--gap-scale, 1.0) * 60px));
--horizontal-alignment: center; --vertical-alignment: center;
--vertical-alignment-mobile: center;
--padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));
"
data-testid="section-content"
>
<div
class="
image-block image-block--AYWtJSU1jeGJBZjRpV__image_EwJWj6 image-block--height-fit spacing-style size-style
"
style="
--ratio: 1.0;
--size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
>
<img src="//noson.shop/cdn/shop/files/DrKurtTschopp500x500.png?v=1758097586&width=3840" alt="" srcset="//noson.shop/cdn/shop/files/DrKurtTschopp500x500.png?v=1758097586&width=240 240w, //noson.shop/cdn/shop/files/DrKurtTschopp500x500.png?v=1758097586&width=352 352w, //noson.shop/cdn/shop/files/DrKurtTschopp500x500.png?v=1758097586&width=832 832w, //noson.shop/cdn/shop/files/DrKurtTschopp500x500.png?v=1758097586&width=1200 1200w, //noson.shop/cdn/shop/files/DrKurtTschopp500x500.png?v=1758097586&width=1600 1600w, //noson.shop/cdn/shop/files/DrKurtTschopp500x500.png?v=1758097586&width=1920 1920w, //noson.shop/cdn/shop/files/DrKurtTschopp500x500.png?v=1758097586&width=2560 2560w, //noson.shop/cdn/shop/files/DrKurtTschopp500x500.png?v=1758097586&width=3840 3840w" width="500" height="500" loading="lazy" class="image-block__image border-style" style="
--ratio: 1.0;
--border-width: 0px; --border-style: solid; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
100px; overflow: hidden;
" sizes="auto, (min-width: 750px) 100vw, 100vw">
</div>
<div
class="
group-block
group-block--height-fit
group-block--width-custom
border-style
spacing-style
size-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 15px;--padding-block-end: 15px;--padding-inline-start: 15px;--padding-inline-end: 15px;
--size-style-width:100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
"
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="
group-block-content
layout-panel-flex
layout-panel-flex--column
mobile-column
"
style="--flex-direction: column; --flex-wrap: nowrap;
--gap: 12px;
--horizontal-alignment: center; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
>
<div
class=" spacing-style text-block text-block--AbU1NNkt2T0NmN3lsd__text_wwcHFH h3
text-block--align-left
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:0px; --padding-inline-end:0px;
--color: var(--color-foreground);
--width: 100%;
--max-width: var(--max-width--body-normal);
--text-align: left;
"
>
<p><strong>Dr. Kurt Tschopp</strong></p>
</div>
<rte-formatter
class=" spacing-style text-block text-block--AWTZGd1Y0S2o4c2N3T__text_3QRy7z rte
text-block--align-left text-block--full-width rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:0px; --padding-inline-end:0px;
--width: 100%;
--max-width: var(--max-width--body-none);
--text-align: left;
"
>
<p>CHIEF DOCTOR ORL - CANTON HOSPITAL, BASELLAND, SWITZERLAND</p>
</rte-formatter>
<rte-formatter
class=" spacing-style text-block text-block--AS1B3V24rRFoyNTVFc__text_ktg3FW rte
text-block--align-left text-block--full-width rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:0px; --padding-inline-end:0px;
--width: 100%;
--max-width: var(--max-width--body-none);
--text-align: left;
"
>
<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>
</rte-formatter>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--20078607990996__product_spotlight_pQAmDV" class="shopify-section">
<section style="padding:clamp(20px,4vw,48px) 0;">
<div style="max-width:1100px;margin:0 auto;padding:0 16px;">
<div class="ps-wrap" style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;align-items:start;">
<div>
<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">
</div>
<div>
<h3 style="margin:0 0 6px;font-size:clamp(18px,2.2vw,26px);">Noson® PREMIUM - nasal dilator(One Size)</h3>
<div style="margin:0 0 12px;font-weight:700;">
¥24,750
</div>
<form method="post" action="/cart/add" style="display:grid;gap:10px;max-width:360px;">
<input type="hidden" name="id" value="46746724237524">
<button type="submit"
style="padding:.8rem 1.1rem;border-radius:999px;border:0;background:#111;color:#fff;cursor:pointer;">
Add to cart
</button>
</form>
</div>
</div>
</div>
</section>
<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>
</main>
<!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--20078608253140__custom_section_76dqAh" class="shopify-section shopify-section-group-footer-group section-wrapper">
<div class="section-background color-scheme-2"></div>
<div
class="section section--page-width color-scheme-2"
style="
"
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
"
>
<div
class="
spacing-style
layout-panel-flex
layout-panel-flex--column
section-content-wrapper
mobile-column
"
style="
--flex-direction: column; --flex-wrap: nowrap;
--gap: max(24px, calc(var(--gap-scale, 1.0) * 44px));
--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
--padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: 0px;
"
data-testid="section-content"
>
<div
class="
group-block
group-block--height-fit
group-block--width-fill
border-style
spacing-style
size-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
"
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="
group-block-content
layout-panel-flex
layout-panel-flex--row
mobile-column
"
style="--flex-direction: row; --flex-wrap: nowrap;
--gap: 12px;
--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
>
<div
class="
group-block
group-block--height-fit
group-block--width-fill
border-style
spacing-style
size-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
"
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="
group-block-content
layout-panel-flex
layout-panel-flex--column
mobile-column
"
style="--flex-direction: column; --flex-wrap: nowrap;
--gap: 12px;
--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
>
</div>
</div>
</div>
</div>
<div
class="footer-utilities spacing-style"
style="--padding-block-start: 20px;--padding-block-end: 20px; --border-width: 0px;"
>
<div class="footer-utilities__group footer-utilities__group--left">
<div
class="
footer-utilities__group-copyright
custom-typography
custom-font-size
"
style="
--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-);"
>
<span class="footer-utilities__text">
© 2025
<a href="/" title="">nosonJAPAN</a>, Powered by Shopify
</span>
</div>
<anchored-popover-component data-hover-triggered="true">
<button
class="policy-list-trigger button-unstyled"
popovertarget="terms-policies-popover"
popovertargetaction="toggle"
ref="trigger"
style="
--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-);"
>
利用規約とポリシー
</button>
<div
class="terms-policies-popover color-scheme-1"
id="terms-policies-popover"
popover="auto"
ref="popover"
>
<ul
class="
policy_list list-unstyled
custom-typography
custom-font-size
"
><li>
<a
href="/policies/privacy-policy"
class="footer-utilities__text"
>プライバシーポリシー</a>
</li><li>
<a
href="/policies/legal-notice"
class="footer-utilities__text"
>特定商取引法に基づく表記</a>
</li><li>
<a
href="/policies/contact-information"
class="footer-utilities__text"
>連絡先情報</a>
</li></ul>
</div>
</anchored-popover-component>
</div>
<div class="footer-utilities__group footer-utilities__group--right">
<div
class="social-icons__wrapper"
>
<div
class="social-icons__icon-wrapper"
>
<a
href="https://www.instagram.com/noson_japan/"
target="_blank"
rel="noopener noreferrer"
aria-label="Instagram"
>
<span class="social-icons__icon-label">Instagram</span>
<svg
class="social-icons__icon"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
>
<path
fill-rule="evenodd"
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"
clip-rule="evenodd"
/></svg>
</a>
</div>
<div
class="social-icons__icon-wrapper"
>
<a
href="https://www.tiktok.com/@noson_japan"
target="_blank"
rel="noopener noreferrer"
aria-label="Tiktok"
>
<span class="social-icons__icon-label">Tiktok</span>
<svg
class="social-icons__icon"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
>
<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>
</a>
</div>
<div
class="social-icons__icon-wrapper"
>
<a
href="https://www.youtube.com/@noson_japan"
target="_blank"
rel="noopener noreferrer"
aria-label="Youtube"
>
<span class="social-icons__icon-label">Youtube</span>
<svg
class="social-icons__icon"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
>
<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>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END sections: footer-group -->
<script
src="//noson.shop/cdn/shop/t/2/assets/dialog.js?v=94382931671780430451755160478"
type="module"
></script>
<dialog-component
id="search-modal"
class="search-modal"
>
<dialog
ref="dialog"
on:click="/closeDialogOnClickOutside"
on:keydown="/closeDialogOnEscapePress"
class="search-modal__content dialog-modal"
scroll-lock
>
<script
src="//noson.shop/cdn/shop/t/2/assets/predictive-search.js?v=53445493388242646041757562245"
type="module"
fetchpriority="low"
></script>
<predictive-search-component
class="predictive-search color-scheme-1"
style="--product-corner-radius: 0px; --card-corner-radius: 0px;"
data-section-id="predictive-search"
data-testid="search-component--modal"
role="search"
aria-label="検索"
>
<form
action="/search"
method="get"
role="search"
class="predictive-search-form"
ref="form"
on:keydown="/onSearchKeyDown"
>
<div
class="predictive-search-form__header"
>
<div class="predictive-search-form__header-inner">
<label
for="cmdk-input"
class="visually-hidden"
>検索</label>
<input
class="search-input"
id="cmdk-input"
type="search"
name="q"
role="combobox"
aria-expanded="false"
aria-owns="predictive-search-results"
aria-controls="predictive-search-results"
aria-haspopup="listbox"
aria-autocomplete="list"
autocomplete="off"
placeholder="検索"
ref="searchInput"
on:input="/search"
on:keydown="/onSearchKeyDown"
>
<input
name="options[prefix]"
type="hidden"
value="last"
>
<span class="svg-wrapper predictive-search__icon">
<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>
</span>
<button
type="button"
class="button-unstyled predictive-search__reset-button"
aria-label="検索をリセットする"
ref="resetButton"
hidden
on:click="/resetSearch"
>
<span class="svg-wrapper predictive-search__reset-button-icon">
<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>
</span>
<span class="predictive-search__reset-button-text">透明</span>
</button>
</div>
<button
type="button"
class="button predictive-search__close-modal-button"
aria-label="ダイアログを閉じる"
on:click="dialog-component/closeDialog"
ref="closeModalButton"
>
<span class="svg-wrapper">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<div class="predictive-search-form__content-wrapper">
<div
class="predictive-search-form__content"
tabindex="-1"
ref="predictiveSearchResults"
on:click="/handleModalClick"
>
<div
id="predictive-search-results"
class="predictive-search-dropdown"
role="listbox"
aria-expanded="true"
style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
>
</div>
</div>
<div class="predictive-search-form__footer">
<button
class="button button-primary predictive-search__search-button"
ref="viewAllButton"
>
すべてを表示
</button>
</div>
</div>
</form>
</predictive-search-component>
</dialog>
</dialog-component>
<quick-add-dialog id="quick-add-dialog">
<dialog
class="quick-add-modal dialog-modal color-scheme-1"
ref="dialog"
scroll-lock
>
<button
ref="closeButton"
on:click="/closeDialog"
class="button button-unstyled close-button quick-add-modal__close"
aria-label="ダイアログを閉じる"
><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
<div
id="quick-add-modal-content"
class="quick-add-modal__content"
></div>
</dialog>
</quick-add-dialog>
</body>
</html>