<!doctype html>
<html class="no-js" lang="ja">
  <head>
    <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="theme-color" content="">
    <link rel="canonical" href="https://www.kinokaban.com/"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>樹の鞄 KINOKABAN</title>

    
      <meta name="description" content="樹の鞄は、シナノキという日本固有種の木を用いて、亀井勇樹が作る木製のハンドバッグです。樹齢 150年を越える木の命を大切に、ひとつひとつ手作りで制作された唯一無二のデザインです。軽さや耐久性を備え、使う人に寄り添う美しい形状、「自分だけのもの」という喜びのある鞄になるよう心を込めて作られています。山梨県北杜市にあるアトリエ＆ギャラリーにぜひお越しください。">
    

    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="_D1Zwtb4L-dmb5PyZ8dYWLBvd_CMEF5O-n-nuMtCrJA">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/47638806686/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="5e281c8cd8921560c7cf9d0d56260476">
<link rel="alternate" hreflang="x-default" href="https://www.kinokaban.com/">
<link rel="alternate" hreflang="ja" href="https://www.kinokaban.com/">
<link rel="alternate" hreflang="en" href="https://www.kinokaban.com/en">
<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=47638806686" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":47638806686,"countryCode":"JP","currencyCode":"JPY","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/47638806686","merchantName":"KINOKABAN","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","jcb","discover"],"total":{"type":"pending","label":"KINOKABAN","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"5e281c8cd8921560c7cf9d0d56260476","betas":["rich-media-storefront-analytics"],"domain":"www.kinokaban.com","predictiveSearch":false,"shopId":47638806686,"locale":"ja"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "kinokaban.myshopify.com";
Shopify.locale = "ja";
Shopify.currency = {"active":"JPY","rate":"1.0"};
Shopify.country = "JP";
Shopify.theme = {"name":"cascade_simplified\/main","id":133122097310,"schema_name":"Cascade","schema_version":"4.1.3","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "www.kinokaban.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</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>
  window.Shopify = window.Shopify || {};
  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.01 };
  window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//www.kinokaban.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.ja.esm.js"></script>
<script type="module">
  await import("//www.kinokaban.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.ja.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true,"transferSessionEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"shop-toast-manager":["modules/v2/loader.shop-toast-manager.ja.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.ja.esm.js"],"listener":["modules/v2/loader.listener.ja.esm.js"],"shop-button":["modules/v2/loader.shop-button.ja.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.ja.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.ja.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.ja.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.ja.esm.js"],"avatar":["modules/v2/loader.avatar.ja.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.ja.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.ja.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.ja.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.ja.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.ja.esm.js"],"pay-button":["modules/v2/loader.pay-button.ja.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.ja.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.ja.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.ja.esm.js"],"shop-login":["modules/v2/loader.shop-login.ja.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.ja.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.ja.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.ja.esm.js"]};
</script>
<script>(function() {
  var isLoaded = false;
  function asyncLoad() {
    if (isLoaded) return;
    isLoaded = true;
    var urls = ["https:\/\/cdn.nfcube.com\/instafeed-02b06db6375ea48b90b3d1fbc7cc8145.js?shop=kinokaban.myshopify.com"];
    for (var i = 0; i < urls.length; i++) {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = urls[i];
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
  };
  if(window.attachEvent) {
    window.attachEvent('onload', asyncLoad);
  } else {
    window.addEventListener('load', asyncLoad, false);
  }
})();</script>
<script id="__st">var __st={"a":47638806686,"offset":32400,"reqid":"770522c3-fd57-461b-9787-8391d841fbba-1781119155","pageurl":"www.kinokaban.com\/index.css","u":"2ef29a663e0f","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-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.kinokaban.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//www.kinokaban.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-bf1cdb70.js?v=20250812"></script>
<script id="shopify-origin-trials" async="async" integrity="sha256-MrpR+SbfwphjsvuxKsSWA5xxY07P36eahsNLLXSgEwo=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-c173577b.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></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://www.kinokaban.com/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 id='scb4127' type='text/javascript' async='' src='https://www.kinokaban.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.kinokaban.com/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>

<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>

    

<meta property="og:site_name" content="KINOKABAN">
<meta property="og:url" content="https://www.kinokaban.com/">
<meta property="og:title" content="樹の鞄 KINOKABAN">
<meta property="og:type" content="website">
<meta property="og:description" content="樹の鞄は、シナノキという日本固有種の木を用いて、亀井勇樹が作る木製のハンドバッグです。樹齢 150年を越える木の命を大切に、ひとつひとつ手作りで制作された唯一無二のデザインです。軽さや耐久性を備え、使う人に寄り添う美しい形状、「自分だけのもの」という喜びのある鞄になるよう心を込めて作られています。山梨県北杜市にあるアトリエ＆ギャラリーにぜひお越しください。"><meta property="og:image" content="http://www.kinokaban.com/cdn/shop/files/for_sns_ebdb9743-77c7-4b70-a868-0927534055c7.jpg?v=1602125677">
  <meta
    property="og:image:secure_url"
    content="https://www.kinokaban.com/cdn/shop/files/for_sns_ebdb9743-77c7-4b70-a868-0927534055c7.jpg?v=1602125677"
  >
  <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="樹の鞄 KINOKABAN">
<meta name="twitter:description" content="樹の鞄は、シナノキという日本固有種の木を用いて、亀井勇樹が作る木製のハンドバッグです。樹齢 150年を越える木の命を大切に、ひとつひとつ手作りで制作された唯一無二のデザインです。軽さや耐久性を備え、使う人に寄り添う美しい形状、「自分だけのもの」という喜びのある鞄になるよう心を込めて作られています。山梨県北杜市にあるアトリエ＆ギャラリーにぜひお越しください。">
<script>
  window.THEMENAME = 'CASCADE';
  window.THEMEVERSION = '3.0.0';

  document.documentElement.className = document.documentElement.className.replace('no-js', 'js');

  function debounce(fn, wait) {
    let t;
    return (...args) => {
      clearTimeout(t);
      t = setTimeout(() => fn.apply(this, args), wait);
    };
  }

  window.theme = {
    strings: {
      loading: "ロード中",
      itemCountOne: "{{ count }} item",
      itemCountOther: "{{ count }} items",
      addToCart: "カートに追加",
      soldOut: "おうちが決まりました",
      unavailable: "Unavailable",
      regularPrice: "Regular price",
      salePrice: "Sale price",
      sale: "On Sale",
      unitPrice: "Unit price",
      unitPriceSeparator: "per",
      cartEmpty: "カートが空です。",
      cartCookies: "Cookieを有効にする必要があります。",
      update: "更新する",
      quantity: "数量",
      discountedTotal: "Discounted price",
      regularTotal: "総計",
      priceColumn: "See Price column for discount details.",
      addedToCart: "カートに追加されました!",
      cartError: "カートの更新時にエラーが発生しました。もう一度試してみてください。",
      cartAddError: "全ての {{ title }} はカートに入っています。"
    },
    routes: {
      root_url: "\/",
      predictive_search_url: "\/search\/suggest",
      cart_url: "\/cart",
      cart_add_url: "\/cart\/add",
      cart_change_url: "\/cart\/change",
      cart_update_url: "\/cart\/update",
      cart_clear_url: "\/cart\/clear",
    },
    moneyFormat: "¥{{amount_no_decimals}}",
    moneyWithCurrencyFormat: "¥{{amount_no_decimals}} JPY",
    get defaultMoneyFormat() {
      
        return this.moneyFormat;
      
    },
    cartItemCount: 0,
    settings: {
      cart_type: "drawer",
      open_drawer_on_add_to_cart: true,
      cascade_enable_parallax: true,
      cascade_fade_in_items: true,
      cascade_parallax_intensity: 50
    },
    info: {
      name: 'Cascade',
    }
  };
</script>


    <script src="//www.kinokaban.com/cdn/shop/t/9/assets/utils.js?v=150214040061969533271739666959" defer></script>
    <script
      src="//www.kinokaban.com/cdn/shop/t/9/assets/polyfills-inert.bundle.min.js?v=9775187524458939151691616531"
      type="module"
    ></script>
    <script
      src="//www.kinokaban.com/cdn/shop/t/9/assets/global.bundle.min.js?v=136471148998504308741739666951"
      type="module"
    ></script>
    
    <script
      src="//www.kinokaban.com/cdn/shop/t/9/assets/quantity-stepper.js?v=100736204299696274221691616532"
      type="module"
    ></script>
    
      <script src="//www.kinokaban.com/cdn/shop/t/9/assets/cart-items.js?v=59488906489828225221692407828" type="module"></script>
      <script src="//www.kinokaban.com/cdn/shop/t/9/assets/cart-footer.js?v=51520350266175750141692407828" type="module"></script>
      
        <script src="//www.kinokaban.com/cdn/shop/t/9/assets/cart-note.js?v=175945663109345311611691616536" type="module"></script>
      
    
    

    <script src="//www.kinokaban.com/cdn/shop/t/9/assets/nav-store.js?v=145849530953554045141691616537" type="module"></script>

    <link href="//www.kinokaban.com/cdn/shop/t/9/assets/base.bundle.css?v=102658754651068842471739666947" rel="stylesheet" type="text/css" media="all" />
    <link href="//www.kinokaban.com/cdn/shop/t/9/assets/global.css?v=11387893607344584861739666951" rel="stylesheet" type="text/css" media="all" />
    <link href="//www.kinokaban.com/cdn/shop/t/9/assets/modules-rte.bundle.css?v=8921278464125265911739666953" rel="stylesheet" type="text/css" media="all" />
    

    

    <style>
  :root {
    font-size: 100.0%;

    --base-font-size-from-settings: 16;

    --space-1: 0.625rem; /* .py-3 */
    --space-2: 1.25rem; /* .py-5 */
    --space-3: 2.5rem; /* .py-10 */
    --space-4: 5rem; /* .py-20 */
    --space-5: 7rem; /* .py-28 */

    --font-size-ratio-xs: 0.8408965;
    --font-size-ratio-sm: 0.8908985;
    --font-size-ratio-base: 1;
    --font-size-ratio-md: 1.189207;
    --font-size-ratio-lg: 1.33484;
    --font-size-ratio-xl: 1.498307;
    --font-size-ratio-2xl: 1.781797;
    --font-size-ratio-3xl: 2.244924;
    --font-size-ratio-4xl: 2.519842;
    --font-size-ratio-5xl: 2.828428;
    --font-size-ratio-6xl: 3.563594;
    --font-size-ratio-7xl: 4;
    --font-size-ratio-8xl: 5.993228;
    --font-size-ratio-9xl: 7.550996;

    --font-size-xs: calc(var(--font-size-ratio-xs) * 1rem);
    --font-size-sm: calc(var(--font-size-ratio-sm) * 1rem);
    --font-size-base: calc(var(--font-size-ratio-base) * 1rem);
    --font-size-md: calc(var(--font-size-ratio-md) * 1rem);
    --font-size-lg: calc(var(--font-size-ratio-lg) * 1rem);
    --font-size-xl: calc(var(--font-size-ratio-xl) * 1rem);
    --font-size-2xl: calc(var(--font-size-ratio-2xl) * 1rem);
    --font-size-3xl: calc(var(--font-size-ratio-3xl) * 1rem);
    --font-size-4xl: calc(var(--font-size-ratio-4xl) * 1rem);
    --font-size-5xl: calc(var(--font-size-ratio-5xl) * 1rem);
    --font-size-6xl: calc(var(--font-size-ratio-6xl) * 1rem);
    --font-size-7xl: calc(var(--font-size-ratio-7xl) * 1rem);
    --font-size-8xl: calc(var(--font-size-ratio-8xl) * 1rem);
    --font-size-9xl: calc(var(--font-size-ratio-9xl) * 1rem);

    --type-scale-n-2: var(--font-size-xs);
    --type-scale-n-1: var(--font-size-sm);
    --type-scale-n0: var(--font-size-base);
    --type-scale-n1: var(--font-size-lg);
    --type-scale-n2: var(--font-size-xl);
    --type-scale-n3: var(--font-size-2xl);
    --type-scale-n4: var(--font-size-3xl);
    --type-scale-n5: var(--font-size-4xl);
    --type-scale-n6: var(--font-size-5xl);
    --type-scale-n7: var(--font-size-6xl);
    --type-scale-n8: var(--font-size-7xl);
    --type-scale-n9: var(--font-size-8xl);
    --type-scale-n10: var(--font-size-9xl);

    --base-line-height: 1.4;
    --body-text-uppercase: unset;
    --text-underline-thickness: auto;

    --font-size-theme-basic: var(--font-size-base);
    --line-height-theme-basic: var(--base-line-height);

    --font-size-heading: var(--font-size-3xl);
    --heading-letterspacing:  -0.05em;
    --heading-line-height: 1;

    --accent-text-transform: none;

    --gutter: 30px;
    --grid-gutter: 60px;

    --spacing-section: var(--space-3);
    --max-site-width: 1820px;

    --cascade-spacing-1: clamp(13px, 2vw, 20px);
    --cascade-spacing-2: clamp(32px, 5vw, 50px);
    --cascade-spacing-3: clamp(77px, 12vw, 119px);
    --cascade-spacing-4: clamp(102px, 16vw, 158px);
    --cascade-spacing-5: clamp(154px, 24vw, 238px);
    --cascade-spacing-6: clamp(205px, 32vw, 317px);
    --cascade-spacing-7: clamp(256px, 40vw, 396px);
    --cascade-spacing-8: clamp(307px, 48vw, 476px);

    --section-carousel-padding: 2.5rem;

    --icon-thickness: 1.2;

    --timing-func-energetic: cubic-bezier(1,0,0.4,1);
    --timing-func-gentle: cubic-bezier(0.5,0,0.4,1);
    --timing-func-neutral: cubic-bezier(0.46,0.03,0.52,0.96);

    --button-border-radius: 9999px;
    --input-border-radius: 1rem;
    --swatches-border-radius: 9999px;
    --button-wrapper-padding: 0.25rem;

    --global-scrolling-items-speed-multiplier: 1;

    --add-to-cart-button-height: 44px;
    --checkout-button-height: 44px;
  }

  :root {
    text-decoration-thickness: 1px;
  }

  .text-dynamic-large {
    --min-font-size: calc(
      var(--font-size-ratio-xl) * 16
    );
    --max-font-size: calc(
      var(--font-size-ratio-5xl) * 16
    );
    --min-threshold: 640;
    --max-threshold: 1440;
    --min-font-size-in-px: calc(var(--min-font-size) * 1px);
    --max-font-size-in-px: calc(var(--max-font-size) * 1px);
    --min-threshold-in-px: calc(var(--min-threshold) * 1px);
    --dynamic-font-size: calc(
      var(--min-font-size-in-px) + (var(--max-font-size) - var(--min-font-size)) *
        (100vw - var(--min-threshold-in-px)) /
        (var(--max-threshold) - var(--min-threshold))
    );
    font-size: clamp(
      var(--min-font-size-in-px),
      var(--dynamic-font-size),
      var(--max-font-size-in-px)
    );
    line-height: var(--heading-line-height);
  }

  .text-dynamic-xlarge {
    --min-font-size: calc(
      var(--font-size-ratio-3xl) * 16
    );
    --max-font-size: calc(
      var(--font-size-ratio-7xl) * 16
    );
    --min-threshold: 640;
    --max-threshold: 1440;
    --min-font-size-in-px: calc(var(--min-font-size) * 1px);
    --max-font-size-in-px: calc(var(--max-font-size) * 1px);
    --min-threshold-in-px: calc(var(--min-threshold) * 1px);
    --dynamic-font-size: calc(
      var(--min-font-size-in-px) + (var(--max-font-size) - var(--min-font-size)) *
        (100vw - var(--min-threshold-in-px)) /
        (var(--max-threshold) - var(--min-threshold))
    );
    font-size: clamp(
      var(--min-font-size-in-px),
      var(--dynamic-font-size),
      var(--max-font-size-in-px)
    );
    line-height: var(--heading-line-height);
  }

  @media (min-width: 990px) {
    :root {
      --spacing-section: var(--space-4);
    }
  }

  @media (min-width: 1400px) {
    :root {
      --grid-gutter: 80px;

      --font-size-theme-basic: var(--font-size-base);
      /*--line-height-theme-basic: var(--base-line-height);*/

      --font-size-heading: var(--font-size-4xl);
    }
  }
</style>
<style data-shopify>
  @font-face {
  font-family: Arimo;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//www.kinokaban.com/cdn/fonts/arimo/arimo_n4.a7efb558ca22d2002248bbe6f302a98edee38e35.woff2") format("woff2"),
       url("//www.kinokaban.com/cdn/fonts/arimo/arimo_n4.0da809f7d1d5ede2a73be7094ac00741efdb6387.woff") format("woff");
}

  @font-face {
  font-family: "Zen Old Mincho";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//www.kinokaban.com/cdn/fonts/zen_old_mincho/zenoldmincho_n4.7e1b50b13d60400e208a9045c83c7f942d334b13.woff2") format("woff2"),
       url("//www.kinokaban.com/cdn/fonts/zen_old_mincho/zenoldmincho_n4.2bc976195161eb2273775b1cb06c3cbd4a6500c6.woff") format("woff");
}


    @font-face {
  font-family: Arimo;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//www.kinokaban.com/cdn/fonts/arimo/arimo_n7.1d2d0638e6a1228d86beb0e10006e3280ccb2d04.woff2") format("woff2"),
       url("//www.kinokaban.com/cdn/fonts/arimo/arimo_n7.f4b9139e8eac4a17b38b8707044c20f54c3be479.woff") format("woff");
}

  

  
    @font-face {
  font-family: Arimo;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//www.kinokaban.com/cdn/fonts/arimo/arimo_i4.438ddb21a1b98c7230698d70dc1a21df235701b2.woff2") format("woff2"),
       url("//www.kinokaban.com/cdn/fonts/arimo/arimo_i4.0e1908a0dc1ec32fabb5a03a0c9ee2083f82e3d7.woff") format("woff");
}

  

  
    @font-face {
  font-family: Arimo;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//www.kinokaban.com/cdn/fonts/arimo/arimo_i7.b9f09537c29041ec8d51f8cdb7c9b8e4f1f82cb1.woff2") format("woff2"),
       url("//www.kinokaban.com/cdn/fonts/arimo/arimo_i7.ec659fc855f754fd0b1bd052e606bba1058f73da.woff") format("woff");
}

  

  
    @font-face {
  font-family: Arimo;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//www.kinokaban.com/cdn/fonts/arimo/arimo_n7.1d2d0638e6a1228d86beb0e10006e3280ccb2d04.woff2") format("woff2"),
       url("//www.kinokaban.com/cdn/fonts/arimo/arimo_n7.f4b9139e8eac4a17b38b8707044c20f54c3be479.woff") format("woff");
}

  

  :root {
    --main-font-stack: Arimo, sans-serif;
    --main-font-weight: 400;
    --main-font-style: normal;
    --heading-font-stack: "Zen Old Mincho", serif;
    --heading-font-weight: 400;
    --heading-font-style: normal;
    --heading-text-transform: none;
  }

  /*
  Typography sizes
  */

  :root {
    --standard-heading-size: var(--type-scale-n2);
    --feature-heading-size: var(--type-scale-n4);
    --secondary-heading-size: var(--type-scale-n0);
  }

  @media (min-width: 990px) {
    :root {
      --standard-heading-size: var(--type-scale-n5);
      --feature-heading-size: var(--type-scale-n7);
      --secondary-heading-size: var(--type-scale-n0);
    }
  }

  .heading-standard {
    font-size: var(--standard-heading-size);
  }

  .heading-feature {
    font-size: var(--feature-heading-size);
  }

  .heading-secondary {
    font-size: var(--secondary-heading-size);
  }

  :root,
    
    [data-color-scheme="scheme1"] {
      --color-scheme-text: 26 37 19;
      --color-scheme-background: 255 255 255;
      --color-scheme-accent: 102 123 89;
      --color-scheme-accent-contrast:  255 255 255;
      --color-scheme-secondary: 26 37 19;
      --color-scheme-solid-button-background: var(--color-scheme-text);
      --color-scheme-solid-button-text: var(--color-scheme-background);
      --color-scheme-solid-button-background-hover: var(--color-scheme-accent);
      --color-scheme-solid-button-text-hover: var(--color-scheme-accent-contrast);
      --icon-svg-select: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%231a2513' fill-rule='evenodd' d='M18.6678221,5 L20,6.33217793 L12.0069324,14.3252455 L12,14.319 L11.9930676,14.3252455 L4,6.33217793 L5.33217793,5 L12,11.668 L18.6678221,5 Z'/%3E%3C/svg%3E%0A");
      --icon-svg-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none'%3E%3Cpath fill='%231a2513' d='M76.81 47.425H12.586V52.425H76.81L53.504 75.731L56.885 79.111L86.072 49.925L56.885 20.739L53.505 24.119L76.81 47.425Z'/%3E%3C/svg%3E%0A");
    }

    /* unique values for each scheme */
    :root {
      --color-scheme-scheme1-text: 26 37 19;
      --color-scheme-scheme1-background: 255 255 255;
      --color-scheme-scheme1-accent: 102 123 89;
      --color-scheme-scheme1-accent-contrast:  255 255 255;
      --color-scheme-scheme1-secondary: 26 37 19;
      --color-scheme-scheme1-solid-button-background: var(--color-scheme-text);
      --color-scheme-scheme1-solid-button-text: var(--color-scheme-background);
      --color-scheme-scheme1-solid-button-background-hover: var(--color-scheme-accent);
      --color-scheme-scheme1-solid-button-text-hover: var(--color-scheme-accent-contrast);
      --color-scheme-scheme1-icon-svg-select: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%231a2513' fill-rule='evenodd' d='M18.6678221,5 L20,6.33217793 L12.0069324,14.3252455 L12,14.319 L11.9930676,14.3252455 L4,6.33217793 L5.33217793,5 L12,11.668 L18.6678221,5 Z'/%3E%3C/svg%3E%0A");
      --color-scheme-scheme1-icon-svg-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none'%3E%3Cpath fill='%231a2513' d='M76.81 47.425H12.586V52.425H76.81L53.504 75.731L56.885 79.111L86.072 49.925L56.885 20.739L53.505 24.119L76.81 47.425Z'/%3E%3C/svg%3E%0A");
    }

  
    [data-color-scheme="scheme2"] {
      --color-scheme-text: 26 37 19;
      --color-scheme-background: 240 242 247;
      --color-scheme-accent: 87 105 75;
      --color-scheme-accent-contrast:  255 255 255;
      --color-scheme-secondary: 26 37 19;
      --color-scheme-solid-button-background: var(--color-scheme-text);
      --color-scheme-solid-button-text: var(--color-scheme-background);
      --color-scheme-solid-button-background-hover: var(--color-scheme-accent);
      --color-scheme-solid-button-text-hover: var(--color-scheme-accent-contrast);
      --icon-svg-select: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%231a2513' fill-rule='evenodd' d='M18.6678221,5 L20,6.33217793 L12.0069324,14.3252455 L12,14.319 L11.9930676,14.3252455 L4,6.33217793 L5.33217793,5 L12,11.668 L18.6678221,5 Z'/%3E%3C/svg%3E%0A");
      --icon-svg-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none'%3E%3Cpath fill='%231a2513' d='M76.81 47.425H12.586V52.425H76.81L53.504 75.731L56.885 79.111L86.072 49.925L56.885 20.739L53.505 24.119L76.81 47.425Z'/%3E%3C/svg%3E%0A");
    }

    /* unique values for each scheme */
    :root {
      --color-scheme-scheme2-text: 26 37 19;
      --color-scheme-scheme2-background: 240 242 247;
      --color-scheme-scheme2-accent: 87 105 75;
      --color-scheme-scheme2-accent-contrast:  255 255 255;
      --color-scheme-scheme2-secondary: 26 37 19;
      --color-scheme-scheme2-solid-button-background: var(--color-scheme-text);
      --color-scheme-scheme2-solid-button-text: var(--color-scheme-background);
      --color-scheme-scheme2-solid-button-background-hover: var(--color-scheme-accent);
      --color-scheme-scheme2-solid-button-text-hover: var(--color-scheme-accent-contrast);
      --color-scheme-scheme2-icon-svg-select: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%231a2513' fill-rule='evenodd' d='M18.6678221,5 L20,6.33217793 L12.0069324,14.3252455 L12,14.319 L11.9930676,14.3252455 L4,6.33217793 L5.33217793,5 L12,11.668 L18.6678221,5 Z'/%3E%3C/svg%3E%0A");
      --color-scheme-scheme2-icon-svg-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none'%3E%3Cpath fill='%231a2513' d='M76.81 47.425H12.586V52.425H76.81L53.504 75.731L56.885 79.111L86.072 49.925L56.885 20.739L53.505 24.119L76.81 47.425Z'/%3E%3C/svg%3E%0A");
    }

  
    [data-color-scheme="scheme3"] {
      --color-scheme-text: 238 245 233;
      --color-scheme-background: 74 82 107;
      --color-scheme-accent: 87 105 75;
      --color-scheme-accent-contrast:  255 255 255;
      --color-scheme-secondary: 238 245 233;
      --color-scheme-solid-button-background: var(--color-scheme-text);
      --color-scheme-solid-button-text: var(--color-scheme-background);
      --color-scheme-solid-button-background-hover: var(--color-scheme-accent);
      --color-scheme-solid-button-text-hover: var(--color-scheme-accent-contrast);
      --icon-svg-select: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23eef5e9' fill-rule='evenodd' d='M18.6678221,5 L20,6.33217793 L12.0069324,14.3252455 L12,14.319 L11.9930676,14.3252455 L4,6.33217793 L5.33217793,5 L12,11.668 L18.6678221,5 Z'/%3E%3C/svg%3E%0A");
      --icon-svg-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none'%3E%3Cpath fill='%23eef5e9' d='M76.81 47.425H12.586V52.425H76.81L53.504 75.731L56.885 79.111L86.072 49.925L56.885 20.739L53.505 24.119L76.81 47.425Z'/%3E%3C/svg%3E%0A");
    }

    /* unique values for each scheme */
    :root {
      --color-scheme-scheme3-text: 238 245 233;
      --color-scheme-scheme3-background: 74 82 107;
      --color-scheme-scheme3-accent: 87 105 75;
      --color-scheme-scheme3-accent-contrast:  255 255 255;
      --color-scheme-scheme3-secondary: 238 245 233;
      --color-scheme-scheme3-solid-button-background: var(--color-scheme-text);
      --color-scheme-scheme3-solid-button-text: var(--color-scheme-background);
      --color-scheme-scheme3-solid-button-background-hover: var(--color-scheme-accent);
      --color-scheme-scheme3-solid-button-text-hover: var(--color-scheme-accent-contrast);
      --color-scheme-scheme3-icon-svg-select: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23eef5e9' fill-rule='evenodd' d='M18.6678221,5 L20,6.33217793 L12.0069324,14.3252455 L12,14.319 L11.9930676,14.3252455 L4,6.33217793 L5.33217793,5 L12,11.668 L18.6678221,5 Z'/%3E%3C/svg%3E%0A");
      --color-scheme-scheme3-icon-svg-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none'%3E%3Cpath fill='%23eef5e9' d='M76.81 47.425H12.586V52.425H76.81L53.504 75.731L56.885 79.111L86.072 49.925L56.885 20.739L53.505 24.119L76.81 47.425Z'/%3E%3C/svg%3E%0A");
    }

  
    [data-color-scheme="scheme4"] {
      --color-scheme-text: 255 255 255;
      --color-scheme-background: 0 0 0;
      --color-scheme-accent: 255 255 255;
      --color-scheme-accent-contrast:  0 0 0;
      --color-scheme-secondary: 255 255 255;
      --color-scheme-solid-button-background: var(--color-scheme-text);
      --color-scheme-solid-button-text: var(--color-scheme-background);
      --color-scheme-solid-button-background-hover: var(--color-scheme-accent);
      --color-scheme-solid-button-text-hover: var(--color-scheme-accent-contrast);
      --icon-svg-select: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M18.6678221,5 L20,6.33217793 L12.0069324,14.3252455 L12,14.319 L11.9930676,14.3252455 L4,6.33217793 L5.33217793,5 L12,11.668 L18.6678221,5 Z'/%3E%3C/svg%3E%0A");
      --icon-svg-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none'%3E%3Cpath fill='%23ffffff' d='M76.81 47.425H12.586V52.425H76.81L53.504 75.731L56.885 79.111L86.072 49.925L56.885 20.739L53.505 24.119L76.81 47.425Z'/%3E%3C/svg%3E%0A");
    }

    /* unique values for each scheme */
    :root {
      --color-scheme-scheme4-text: 255 255 255;
      --color-scheme-scheme4-background: 0 0 0;
      --color-scheme-scheme4-accent: 255 255 255;
      --color-scheme-scheme4-accent-contrast:  0 0 0;
      --color-scheme-scheme4-secondary: 255 255 255;
      --color-scheme-scheme4-solid-button-background: var(--color-scheme-text);
      --color-scheme-scheme4-solid-button-text: var(--color-scheme-background);
      --color-scheme-scheme4-solid-button-background-hover: var(--color-scheme-accent);
      --color-scheme-scheme4-solid-button-text-hover: var(--color-scheme-accent-contrast);
      --color-scheme-scheme4-icon-svg-select: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M18.6678221,5 L20,6.33217793 L12.0069324,14.3252455 L12,14.319 L11.9930676,14.3252455 L4,6.33217793 L5.33217793,5 L12,11.668 L18.6678221,5 Z'/%3E%3C/svg%3E%0A");
      --color-scheme-scheme4-icon-svg-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none'%3E%3Cpath fill='%23ffffff' d='M76.81 47.425H12.586V52.425H76.81L53.504 75.731L56.885 79.111L86.072 49.925L56.885 20.739L53.505 24.119L76.81 47.425Z'/%3E%3C/svg%3E%0A");
    }

  
    [data-color-scheme="scheme5"] {
      --color-scheme-text: 0 0 0;
      --color-scheme-background: 255 255 255;
      --color-scheme-accent: 0 0 0;
      --color-scheme-accent-contrast:  255 255 255;
      --color-scheme-secondary: 0 0 0;
      --color-scheme-solid-button-background: var(--color-scheme-text);
      --color-scheme-solid-button-text: var(--color-scheme-background);
      --color-scheme-solid-button-background-hover: var(--color-scheme-accent);
      --color-scheme-solid-button-text-hover: var(--color-scheme-accent-contrast);
      --icon-svg-select: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' fill-rule='evenodd' d='M18.6678221,5 L20,6.33217793 L12.0069324,14.3252455 L12,14.319 L11.9930676,14.3252455 L4,6.33217793 L5.33217793,5 L12,11.668 L18.6678221,5 Z'/%3E%3C/svg%3E%0A");
      --icon-svg-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none'%3E%3Cpath fill='%23000000' d='M76.81 47.425H12.586V52.425H76.81L53.504 75.731L56.885 79.111L86.072 49.925L56.885 20.739L53.505 24.119L76.81 47.425Z'/%3E%3C/svg%3E%0A");
    }

    /* unique values for each scheme */
    :root {
      --color-scheme-scheme5-text: 0 0 0;
      --color-scheme-scheme5-background: 255 255 255;
      --color-scheme-scheme5-accent: 0 0 0;
      --color-scheme-scheme5-accent-contrast:  255 255 255;
      --color-scheme-scheme5-secondary: 0 0 0;
      --color-scheme-scheme5-solid-button-background: var(--color-scheme-text);
      --color-scheme-scheme5-solid-button-text: var(--color-scheme-background);
      --color-scheme-scheme5-solid-button-background-hover: var(--color-scheme-accent);
      --color-scheme-scheme5-solid-button-text-hover: var(--color-scheme-accent-contrast);
      --color-scheme-scheme5-icon-svg-select: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' fill-rule='evenodd' d='M18.6678221,5 L20,6.33217793 L12.0069324,14.3252455 L12,14.319 L11.9930676,14.3252455 L4,6.33217793 L5.33217793,5 L12,11.668 L18.6678221,5 Z'/%3E%3C/svg%3E%0A");
      --color-scheme-scheme5-icon-svg-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none'%3E%3Cpath fill='%23000000' d='M76.81 47.425H12.586V52.425H76.81L53.504 75.731L56.885 79.111L86.072 49.925L56.885 20.739L53.505 24.119L76.81 47.425Z'/%3E%3C/svg%3E%0A");
    }

  

  
</style>
<style>
  body {
    background-color: rgb(var(--color-scheme-background));
    color: rgb(var(--color-scheme-text));
    font-family: var(--main-font-stack);
    font-weight: var(--main-font-weight);
    font-style: var(--main-font-style);
    text-transform: var(--body-text-uppercase);
    text-decoration-thickness: var(--underline-thickness);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
  }

  :root {
    --color-scheme-error: 245, 0, 0;
    --color-scheme-success: 0, 215, 0;
  }

  @media (prefers-color-scheme: light) {
    :root {
      --color-os-background: 255, 255, 255;
    }
  }

  @media (prefers-color-scheme: dark) {
    :root {
      --color-os-background: 0, 0, 0;
    }
  }

  [data-color-scheme] {
    --color-scheme-button-text-hover: var(--color-scheme-accent);
    --color-scheme-button-background-hover: var(--color-scheme-background);
  }

  @keyframes scrolling-items {
    0% {
      transform: translate3d(0, 0, 0);
    }

    100% {
      transform: translate3d(-50%, 0, 0);
    }
  }
</style>



<style id="generated-critical-css">
.break-word{overflow-wrap:anywhere;word-break:normal}[data-shopify-xr-hidden]{visibility:hidden}@media (min-width:768px){[data-shopify-xr-hidden]{display:none}}.dynamic-payment-buttons .shopify-payment-button__button--hidden{display:none}.contents{display:contents}.max-w-site{max-width:var(--max-site-width)}.py-section{padding-bottom:var(--spacing-section);padding-top:var(--spacing-section)}
</style>
<style id="manual-critical-css">
  [x-cloak] {
    display: none;
  }

  html.no-js [x-cloak].no-js-undo-cloak {
    display: initial;
  }

  body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
  }
</style>



  <link
    rel="preload"
    as="font"
    href="//www.kinokaban.com/cdn/fonts/zen_old_mincho/zenoldmincho_n4.7e1b50b13d60400e208a9045c83c7f942d334b13.woff2"
    type="font/woff2"
    crossorigin
  >


  <link
    rel="preload"
    as="font"
    href="//www.kinokaban.com/cdn/fonts/arimo/arimo_n4.a7efb558ca22d2002248bbe6f302a98edee38e35.woff2"
    type="font/woff2"
    crossorigin
  >





<link href="//www.kinokaban.com/cdn/shop/t/9/assets/loading.css?v=166302454930234462721691616530" rel="stylesheet" type="text/css" media="all" />


    <script>
      function onYouTubeIframeAPIReady() {
        document.body.dispatchEvent(new CustomEvent('youtubeiframeapiready'));
      }
    </script>
    <script src="//www.kinokaban.com/cdn/shop/t/9/assets/enhancements.js?v=8462040063973724571739666950" defer></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: 47638806686,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>
  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script id="web-pixels-manager-setup">(function(){var wpmLoader=function(){"use strict";return function(e,d,r,n){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};if(!Boolean(null==(i=null==(a=window.Shopify)?void 0:a.analytics)?void 0:i.replayQueue)){var a,i;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,u,c,m,p,f,h,g,y,w,v,b,S,P=(u=(l={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+|)/}).modern,c=l.legacy,(m=navigator.userAgent).match(u)?"modern":m.match(c)?"legacy":"unknown"),C="modern"===P?"modern":"legacy",_=(null!=n?n:{modern:"",legacy:""})[C],O=[(p={baseUrl:d,hashVersion:r,buildTarget:C}).baseUrl,"/wpm","/b",p.hashVersion,"modern"===p.buildTarget?"m":"l",".js"].join(""),U=(f={version:r,bundleTarget:P,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint},h=f.version,g=f.bundleTarget,y=f.surface,w=f.pageUrl,v=f.monorailEndpoint,{emit:function(e){var d=e.status,r=e.errorMsg,n=(new Date).getTime(),o=JSON.stringify({metadata:{event_sent_at_ms:n},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:h,bundle_target:g,page_url:w,status:d,surface:y,error_msg:r},metadata:{event_created_at_ms:n}}]});if(!v)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(v,o)}catch(e){}var a=new XMLHttpRequest;try{return a.open("POST",v,!0),a.setRequestHeader("Content-Type","text/plain"),a.send(o),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}});try{o.browserTarget=P,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,a=e.onerror,i=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,i&&(l.integrity=i,l.crossOrigin="anonymous"),s)for(var m in s)if(Object.prototype.hasOwnProperty.call(s,m))try{l.dataset[m]=s[m]}catch(e){}if(o&&l.addEventListener("load",o),a&&l.addEventListener("error",a),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:O,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null==(d=null==(e=window.Shopify)?void 0:e.analytics)?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 U.emit({status:"failed",errorMsg:"".concat(O," has failed to load")})},sri:(b=_,S=/^sha384-[A-Za-z0-9+/=]+$/,"string"==typeof b&&S.test(b)?_:""),scriptDataAttributes:o}),U.emit({status:"loading"})}catch(e){U.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}}}();wpmLoader({shopId: 47638806686,storefrontBaseUrl: "https://www.kinokaban.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86","d5bdd5d0","3209b71c","f36ec97b","5acaffe6","86d76263","3b3c7daf","6faea013"],webPixelsConfigList: [{"id":"588677278","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-JG4BHZ7PWS\\\",\\\"GT-MQPXF37\\\"],\\\"target_country\\\":\\\"JP\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-JG4BHZ7PWS\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-JG4BHZ7PWS\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-JG4BHZ7PWS\\\",\\\"MC-TE5PXZK1XF\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-JG4BHZ7PWS\\\",\\\"MC-TE5PXZK1XF\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-JG4BHZ7PWS\\\",\\\"MC-TE5PXZK1XF\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-JG4BHZ7PWS\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-JG4BHZ7PWS\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a8028b6de9aee4a1a0f080961b8700a8","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"KINOKABAN","paymentSettings":{"currencyCode":"JPY"},"myshopifyDomain":"kinokaban.myshopify.com","countryCode":"JP","storefrontUrl":"https:\/\/www.kinokaban.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"7373390315678","handle":"樹の鞄-urushi-ruban","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"42185325183134","price":{"amount":0.0,"currencyCode":"JPY"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7629530955934","handle":"樹の鞄-moss","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"43045033148574","price":{"amount":0.0,"currencyCode":"JPY"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7593258254494","handle":"樹の鞄-forest","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"42897936449694","price":{"amount":0.0,"currencyCode":"JPY"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8580934959262","handle":"樹の鞄-toko-toko-orange","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"46375492911262","price":{"amount":0.0,"currencyCode":"JPY"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8580942004382","handle":"樹の鞄-photon","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"46375516242078","price":{"amount":0.0,"currencyCode":"JPY"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8580928635038","handle":"樹の鞄-おちびさん-green-version","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"46375469482142","price":{"amount":0.0,"currencyCode":"JPY"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8135003668638","handle":"樹の鞄-shiny-brown","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"44527463202974","price":{"amount":0.0,"currencyCode":"JPY"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8612740399262","handle":"樹の鞄-cherry","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"46472605204638","price":{"amount":0.0,"currencyCode":"JPY"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8580938203294","handle":"樹の鞄-ruby-2025","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"46375498645662","price":{"amount":0.0,"currencyCode":"JPY"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8074747412638","handle":"樹の鞄-urushi-classic-r","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"44313279135902","price":{"amount":0.0,"currencyCode":"JPY"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7023989260446","handle":"樹の鞄-無題-iii","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"41004485083294","price":{"amount":0.0,"currencyCode":"JPY"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6934046277790","handle":"樹の鞄-bright","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"40699932606622","price":{"amount":0.0,"currencyCode":"JPY"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8138295410846","handle":"樹の鞄-urushi-classical-lalala","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"44533295153310","price":{"amount":0.0,"currencyCode":"JPY"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6722745434270","handle":"樹の鞄-リンデン-リーフ","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"39941822906526","price":{"amount":0.0,"currencyCode":"JPY"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null,"page":{"pageType":"home","resourceId":null}},},"https://www.kinokaban.com/cdn","49ff1676wd7b57e70pfe76a580m3aabffff",{"modern":"","legacy":""},{"trekkieShim":true,"apiClientId":"580111","pageType":"home","shopId":"47638806686","storefrontBaseUrl":"https:\/\/www.kinokaban.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"d5bdd5d0\", \"3209b71c\", \"f36ec97b\", \"5acaffe6\", \"86d76263\", \"3b3c7daf\", \"6faea013\"]","isMerchantRequest":"false","hashVersion":"49ff1676wd7b57e70pfe76a580m3aabffff","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","requestId":"770522c3-fd57-461b-9787-8391d841fbba-1781119155"}};
  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 || [];
    window.ShopifyAnalytics.lib.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);
        if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
          try {
            window.__TREKKIE_SHIM_QUEUE.push({
              from: 'trekkie-stub',
              method: method,
              args: args.slice(1)
            });
          } catch (e) {
            // no-op
          }
        }
        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: 47638806686,
      theme_id: 133122097310,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//www.kinokaban.com/cdn/s/trekkie.storefront.370ef8ffef154dc56bb5a814fea4666724353464.min.js"});

  };
  scriptFallback.async = true;
  scriptFallback.src = '//www.kinokaban.com/cdn/s/trekkie.storefront.370ef8ffef154dc56bb5a814fea4666724353464.min.js';
  first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//www.kinokaban.com/cdn/s/trekkie.storefront.370ef8ffef154dc56bb5a814fea4666724353464.min.js';
first.parentNode.insertBefore(script, first);

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":47638806686,"isMerchantRequest":null,"themeId":133122097310,"themeCityHash":"2331916840514609084","contentLanguage":"ja","currency":"JPY","eventMetadataId":"2c4c1529-a9bb-4e2a-a9e9-defced78e900"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["b5387b81","d5bdd5d0"]},"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","requestId":"770522c3-fd57-461b-9787-8391d841fbba-1781119155","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 = "//www.kinokaban.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
  defer
  src="https://www.kinokaban.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.5.0.min.js"
  data-application="storefront-renderer"
  data-shop-id="47638806686"
  data-render-region="gcp-us-central1"
  data-page-type="index"
  data-theme-instance-id="133122097310"
  data-theme-name="Cascade"
  data-theme-version="4.1.3"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="https://www.kinokaban.com/api/collect"
></script>
</head>

  <body class="theme-ctas-are-theme-buttons theme-buttons-style-default ">
    <a class="skip-link" href="#MainContent">コンテンツをスキップ</a>

    <!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--16237332791454__announcement-bar" class="shopify-section shopify-section-group-header-group">
  <section
    class="disable-section-color-transition disable-section-color-transition-source bg-scheme-background text-center text-scheme-text"
    data-color-scheme="scheme3"
    id="AnnouncementBar"
  ><a
          class="place-content-center grid w-full px-5 py-1 text-sm text-current hover:text-scheme-accent lg:px-0 lg:py-2"
          href="/blogs/news/2025%E5%B9%B4%E9%8A%80%E5%BA%A7%E4%B8%89%E8%B6%8A-%E6%A8%B9%E3%81%AE%E9%9E%84%E5%B1%95-%E3%81%AE%E3%81%94%E6%A1%88%E5%86%85"
        >
          
      10/7 ～ 10/20 銀座三越「樹の鞄展」2026
    
        </a></section>


</div><div id="shopify-section-sections--16237332791454__sidebar" class="shopify-section shopify-section-group-header-group"><section x-data="ThemeSection_SidebarNav">
  <template data-should-teleport="#left-drawer-slot">
    <div
      x-show="$store.modals.leftDrawer.contents === 'mobile-sidebar-nav'"
      :data-modal-label="
        ($store.modals.leftDrawer.contents === 'mobile-sidebar-nav')
        ?
        'header-menu'
        : false
      "
      class="sidebar-nav py-6"
    >
      <div>
        <div class="relative flex items-center justify-between pb-4">
  <h2 class="sr-only" class="" tabindex="-1">
    header-menu
  </h2>
  <button
    @click.prevent="$store.modals.close('mobile-sidebar-nav')"
    class="js-enabled top-0 block"
  >
    <span class="sr-only">Close (esc)</span>
    <span class="ml-auto inline-block h-6 w-6"><svg
  class="theme-icon"
  viewBox="0 0 48 48"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M37.5 10.5L10.5 37.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M37.5 37.5L10.5 10.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
  </button>
</div>
<ul class="mt-8">
  
    
    
    <li class="font-heading mb-10 text-heading-standard">
      
        <a class="break-word my-7 block" href="/pages/about">
          樹の鞄について
        </a>
      
    </li>
  
    
    
    <li class="font-heading mb-10 text-heading-standard">
      
        <a class="break-word my-7 block" href="/pages/yuuki_kamei">
          亀井勇樹について
        </a>
      
    </li>
  
    
    
    <li class="font-heading mb-10 text-heading-standard">
      
        <div
          x-data="
            {
              expanded: false
            }
          "
        >
          <button
            class="font-heading flex w-full flex-row items-center justify-between text-left text-heading-standard"
            @click="expanded = ! expanded"
            :aria-expanded="expanded"
          >
            <span>オンラインストア</span>
            <div class="js-enabled ml-auto">
              <span
                class="block h-6 w-6 transition-transform duration-[280ms] ease-gentle"
                x-cloak
                :class="{ '-rotate-180' : expanded, 'rotate-0' : ! expanded }"
              >
                <svg
  class="theme-icon"
  viewBox="0 0 48 48"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M39 18L24 33L9 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

              </span>
            </div>
          </button>
          <div x-show="expanded" x-collapse>
            <ul class="font-main mt-7 text-base">
              
                


                


            </ul>
            
              <div class="nav-item my-4 empty:hidden">
  <ul class="font-main mt-4 grid grid-cols-3 gap-x-2 gap-y-6 text-base sm:gap-x-4">
    
                      <li class="font-main relative text-base">
                        <a class="absolute inset-0 z-[1]" href="/collections/woodenbags"
  ><span class="sr-only">樹の鞄</span></a
>

  <div class="image-wrapper image-wrapper-landscape ">
    <img src="//www.kinokaban.com/cdn/shop/collections/collections.png?v=1690729231&amp;width=2000" alt="Kinokaban (wooden bag) on the hands" srcset="//www.kinokaban.com/cdn/shop/collections/collections.png?v=1690729231&amp;width=352 352w, //www.kinokaban.com/cdn/shop/collections/collections.png?v=1690729231&amp;width=832 832w, //www.kinokaban.com/cdn/shop/collections/collections.png?v=1690729231&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/collections/collections.png?v=1690729231&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/collections/collections.png?v=1690729231&amp;width=2000 2000w" width="2000" height="1333" loading="lazy" sizes="(min-width: 990px) 50vw, 100vw">
  </div>

<div
  class="mt-2 break-words"
  aria-hidden="true"
>
  樹の鞄
</div>

                      </li>
                    

                      <li class="font-main relative text-base">
                        <a class="absolute inset-0 z-[1]" href="/collections/museum"
  ><span class="sr-only">樹の鞄　－過去の作品－</span></a
>

  <div class="image-wrapper image-wrapper-landscape ">
    <img src="//www.kinokaban.com/cdn/shop/collections/woodenbags_linedup.jpg?v=1690624456&amp;width=2000" alt="樹の鞄　－過去の作品－" srcset="//www.kinokaban.com/cdn/shop/collections/woodenbags_linedup.jpg?v=1690624456&amp;width=352 352w, //www.kinokaban.com/cdn/shop/collections/woodenbags_linedup.jpg?v=1690624456&amp;width=832 832w, //www.kinokaban.com/cdn/shop/collections/woodenbags_linedup.jpg?v=1690624456&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/collections/woodenbags_linedup.jpg?v=1690624456&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/collections/woodenbags_linedup.jpg?v=1690624456&amp;width=2000 2000w" width="2000" height="1333" loading="lazy" sizes="(min-width: 990px) 50vw, 100vw">
  </div>

<div
  class="mt-2 break-words"
  aria-hidden="true"
>
  樹の鞄　－過去の作品－
</div>

                      </li>
                    

  </ul>

</div>
            
          </div>
        </div>
      
    </li>
  
    
    
    <li class="font-heading mb-10 text-heading-standard">
      
        <div
          x-data="
            {
              expanded: false
            }
          "
        >
          <button
            class="font-heading flex w-full flex-row items-center justify-between text-left text-heading-standard"
            @click="expanded = ! expanded"
            :aria-expanded="expanded"
          >
            <span>ブログ</span>
            <div class="js-enabled ml-auto">
              <span
                class="block h-6 w-6 transition-transform duration-[280ms] ease-gentle"
                x-cloak
                :class="{ '-rotate-180' : expanded, 'rotate-0' : ! expanded }"
              >
                <svg
  class="theme-icon"
  viewBox="0 0 48 48"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M39 18L24 33L9 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

              </span>
            </div>
          </button>
          <div x-show="expanded" x-collapse>
            <ul class="font-main mt-7 text-base">
              
                

                  <li class="break-word mt-3 text-base">
                    
                      <a href="/blogs/news">
                        NEWS
                      </a>
                    
                  </li>
                
                

                  <li class="break-word mt-3 text-base">
                    
                      <a href="/blogs/garden">
                        つくり手の庭の1年間
                      </a>
                    
                  </li>
                
                

                  <li class="break-word mt-3 text-base">
                    
                      <a href="/blogs/from-atelier">
                        アトリエ便り
                      </a>
                    
                  </li>
                
            </ul>
            
              <div class="nav-item my-4 empty:hidden">
  <ul class="font-main mt-4 grid grid-cols-3 gap-x-2 gap-y-6 text-base sm:gap-x-4">
    
  </ul>

</div>
            
          </div>
        </div>
      
    </li>
  
    
    
    <li class="font-heading mb-10 text-heading-standard">
      
        <div
          x-data="
            {
              expanded: false
            }
          "
        >
          <button
            class="font-heading flex w-full flex-row items-center justify-between text-left text-heading-standard"
            @click="expanded = ! expanded"
            :aria-expanded="expanded"
          >
            <span>サービス</span>
            <div class="js-enabled ml-auto">
              <span
                class="block h-6 w-6 transition-transform duration-[280ms] ease-gentle"
                x-cloak
                :class="{ '-rotate-180' : expanded, 'rotate-0' : ! expanded }"
              >
                <svg
  class="theme-icon"
  viewBox="0 0 48 48"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M39 18L24 33L9 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

              </span>
            </div>
          </button>
          <div x-show="expanded" x-collapse>
            <ul class="font-main mt-7 text-base">
              
                

                  <li class="break-word mt-3 text-base">
                    
                      <a href="/pages/maintenance">
                        お手入れについて
                      </a>
                    
                  </li>
                
                

                  <li class="break-word mt-3 text-base">
                    
                      <a href="/pages/faq">
                        よくあるご質問
                      </a>
                    
                  </li>
                
                

                  <li class="break-word mt-3 text-base">
                    
                      <a href="/pages/sustainability">
                        環境への取り組み
                      </a>
                    
                  </li>
                
                

                  <li class="break-word mt-3 text-base">
                    
                      <a href="/pages/testimonials">
                        お客様の声
                      </a>
                    
                  </li>
                
                

                  <li class="break-word mt-3 text-base">
                    
                      <a href="/pages/access">
                        アクセス
                      </a>
                    
                  </li>
                
                

                  <li class="break-word mt-3 text-base">
                    
                      <a href="/pages/contact">
                        お問い合わせ
                      </a>
                    
                  </li>
                
            </ul>
            
              <div class="nav-item my-4 empty:hidden">
  <ul class="font-main mt-4 grid grid-cols-3 gap-x-2 gap-y-6 text-base sm:gap-x-4">
    
  </ul>

</div>
            
          </div>
        </div>
      
    </li>
  
</ul>




  <ul class="mt-16 space-y-2">
    
      <li>
        <a href="https://www.kinokaban.com/customer_authentication/redirect?locale=ja&amp;region_country=JP" id="customer_login_link">ログイン</a>
      </li>
      <li>
        <a href="https://shopify.com/47638806686/account?locale=ja&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJraW5va2FiYW4ubXlzaG9waWZ5LmNvbSIsImZsYWdzIjpbXSwiZXhwIjoxNzgxNzIzOTU2LCJuYmYiOjE3ODExMTkxNTZ9.fS-Q7drdMX8QhWj1fb0EDZVy0JJho58PJdg0A6ZbUeM" id="customer_register_link">アカウント作成</a>
      </li>
    
  </ul>






      </div>
    </div>
  </template>
</section>

<script src="//www.kinokaban.com/cdn/shop/t/9/assets/sidebar-nav.js?v=123058285694339091891691616536" type="module"></script>


</div><div id="shopify-section-sections--16237332791454__header" class="shopify-section shopify-section-group-header-group">

  <style>
    .predictive-search-form li[aria-selected='true'],
    .predictive-search-form [aria-selected='true'] button {
      box-shadow: 0 0 0 2px currentColor;
    }
  </style>



<div
    x-data="$store.modals.register('search', 'rightDrawer'); initTeleport($root);"
    x-cloak
  >
    <template data-should-teleport="#right-drawer-slot">
      <div
        class="px-2.5 lg:px-5"
        :data-modal-label="$store.modals.rightDrawer.contents === 'search' ? 'サイト内を検索する' : false"
        x-show="$store.modals.rightDrawer.contents === 'search'"
      >
        <div
          
            x-data="ThemeComponent_PredictiveSearch('product,collection,article,page,query')"
            @keyup="onKeyup"
            @keydown="onKeydown"
          
        >
          <form
      class="predictive-search-form flex h-screen flex-col"
      x-ref="searchForm"
      action="/search"
      method="get"
      role="search"
      
        @submit="onFormSubmit"
      
      @search-is-open.window="setTimeout(() => { $focus.first() }, 150)"
    >
      <div class="px-2.5 lg:px-5">
        <div class="relative mt-5 py-4">
          <input
            id="header-search" type="search"
            name="q" value=""
            class="header-search-input font-secondary w-full border-none py-2 pl-9 placeholder-current shadow-none"
            x-ref="input"
            placeholder="検索":aria-expanded="results ? 'true' : 'false'"
              aria-owns="predictive-search-results-list"
              aria-controls="predictive-search-results-list"
              aria-autocomplete="list"
              autocorrect="off" autocomplete="off" autocapitalize="off"
              spellcheck="false"
              x-model="rawQuery"
              @input.debounce.300="onChange"
              @focus="onFocus">
          <label class="sr-only" for="header-search">検索</label>
          <input type="hidden" name="options[prefix]" value="last"><button
            class="absolute bottom-0 left-0 right-auto top-0 flex h-full items-center justify-center pr-2"
            aria-label="検索"
          >
            <span class="inline-block h-6 w-6"><svg
  class="theme-icon"
  viewBox="0 0 48 48"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M21.75 37.5C30.4485 37.5 37.5 30.4485 37.5 21.75C37.5 13.0515 30.4485 6 21.75 6C13.0515 6 6 13.0515 6 21.75C6 30.4485 13.0515 37.5 21.75 37.5Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M32.8875 32.8875L42 42" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
          </button>
          <button
            x-cloak
            
              @click="close(true,true)"
            
            class="absolute bottom-0 left-auto right-0 top-0 flex h-full items-center justify-center pl-2" type="button"
          >
            <span class="sr-only">検索をクリア</span>
            <span class="inline-block h-6 w-6"><svg
  class="theme-icon"
  viewBox="0 0 48 48"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M37.5 10.5L10.5 37.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M37.5 37.5L10.5 10.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
          </button>
        </div>
      </div><div
  x-ref="resultsSlot"
  class="relative flex-grow scroll-py-2.5"
  :class="
    {
      'overflow-y-auto': ! loading,
      'overflow-y-hidden': loading,
    }
  "
>
  <div
    id="predictiveSearchResults"
    tabindex="-1"
  >
    <div
      x-ref="results"
      hidden
    ></div>
  </div>
  <span
    class="predictive-search-status sr-only"
    role="status"
    aria-hidden="true"
  ></span>
  <template x-if="loading">
    <div class="sticky inset-0 z-10 flex h-full w-full bg-scheme-background/80">
      <div class="m-auto h-6 w-6 py-section">
        <div class="loading opacity-60"></div>
      </div>
    </div>
  </template>
</div>
<template x-if="showViewAll">
  <div
    x-ref="viewAll"
    class="mt-auto bg-scheme-background/50 px-1.5 py-3 pb-safe-bottom text-center lg:px-3"
    role="option"
    id="predictive-search-option-search-keywords"
  >
    <button class="px-2 py-1" class="theme-link">
      全ての結果を見る
    </button>
  </div>
</template>

</form>
        </div>
      </div>
    </template>
  </div>



  <style>
    #shopify-section-sections--16237332791454__header {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      z-index: 100;
    }
  </style>


<script
  type="module"
>
  const headerHeight = document.getElementById('sections--16237332791454__header').offsetHeight;

  document.documentElement.style.setProperty(
    '--header-height',
    `${headerHeight}px`
  );

  
    document.documentElement.style.setProperty(
      '--sticky-header-height',
      `${headerHeight}px`
    );
  
</script>




  <div
    x-data="
      {
        init() {
          document.body.insertBefore(
            $root.firstElementChild,
            document.getElementById(
              'shopify-section-sections--16237332791454__header'
            )
          );
        },
        destroy() {
          document.getElementById('HeaderSentinel').remove();
        }
      }
    "
  >
    <div
      id="HeaderSentinel"
      x-data="{ header: document.getElementById('shopify-section-sections--16237332791454__header') }"
      x-intersect:leave="header.classList.add('is-stuck'); $dispatch('header-stick')"
      x-intersect:enter="header.classList.remove('is-stuck'); $dispatch('header-unstick')"
    ></div>
  </div>

<style data-shopify>
  
      [data-color-scheme="header"] {
        --color-scheme-text: var(--color-scheme-scheme2-text);
        --color-scheme-background: var(--color-scheme-scheme2-background);
        --color-scheme-accent: var(--color-scheme-scheme2-accent);
        --color-scheme-accent-contrast: var(--color-scheme-scheme2-accent-contrast);
        --color-scheme-secondary: var(--color-scheme-scheme2-text);
        --color-scheme-text-contrast: var(--color-scheme-scheme2-background);
      }
  

  
    .is-stuck [data-color-scheme="header"] {
      --tw-bg-opacity: 0;
    }
  
</style>

<section
  id="sections--16237332791454__header"
  
  x-data="
    {
      isStuck: false,
      
        searchOpen: false,
        openSearch() {
          this.searchOpen = true;
          let input = document.querySelector('.header-search-input');
          setTimeout(() => {
            input.focus();
          }, 100);
        },
        closeSearch() {
          this.searchOpen = false;
          this.$refs.search.focus();
        }
      
    }
  "
  x-init="
    initTeleport($root);
    
      $store.modals.register('desktop-sidebar-nav', 'leftDrawer');
    
  "
  @header-stick.window="isStuck = true"
  @header-unstick.window="isStuck = false"
>
  <div
    class="
      font-main normal-case grid gap-x-4 bg-scheme-background text-scheme-text
      
        grid-cols-[minmax(min-content,_1fr)_auto_minmax(min-content,_1fr)]
      
      
        
          
            md:grid-cols-[auto_minmax(min-content,_1fr)_auto]
          
        
      
      py-8
      px-5 motion-reduce:transition-none
      lg:px-10
    "
    
      :data-sticky-header="isStuck"
    
    data-color-scheme="header"
    x-data
  >
    <div
      class="
        flex w-full items-center justify-start
        
        
          
            md:order-none
          
          
        
      "
    >
      
      
        <div class="sw-hidden js-enabled w-full md:block">
          <nav>
            <ul class="-mx-2 -my-1 flex max-w-full flex-wrap items-center justify-start  md:justify-end md:mr-0 ">
              
                <li class="mx-2 my-1">
                  
                    <a
                      class="break-word underline-offset-basic hover:underline"
                      href="/pages/about"
                    >樹の鞄について</a>
                  
                </li>
              
                <li class="mx-2 my-1">
                  
                    <a
                      class="break-word underline-offset-basic hover:underline"
                      href="/pages/yuuki_kamei"
                    >亀井勇樹について</a>
                  
                </li>
              
                <li class="mx-2 my-1">
                  
                    <button
                      type="button"
                      class="text-left underline-offset-basic hover:underline"
                      @click="$store.nav.currentIndex = 3; $store.modals.open('desktop-sidebar-nav');"
                    >
                      <div class="flex items-center">オンラインストア<div class="ml-1 h-4 w-4">
                          <svg
  class="theme-icon"
  viewBox="0 0 48 48"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M39 18L24 33L9 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

                        </div>
                      </div>
                    </button>
                  
                </li>
              
                <li class="mx-2 my-1">
                  
                    <button
                      type="button"
                      class="text-left underline-offset-basic hover:underline"
                      @click="$store.nav.currentIndex = 4; $store.modals.open('desktop-sidebar-nav');"
                    >
                      <div class="flex items-center">ブログ<div class="ml-1 h-4 w-4">
                          <svg
  class="theme-icon"
  viewBox="0 0 48 48"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M39 18L24 33L9 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

                        </div>
                      </div>
                    </button>
                  
                </li>
              
                <li class="mx-2 my-1">
                  
                    <button
                      type="button"
                      class="text-left underline-offset-basic hover:underline"
                      @click="$store.nav.currentIndex = 5; $store.modals.open('desktop-sidebar-nav');"
                    >
                      <div class="flex items-center">サービス<div class="ml-1 h-4 w-4">
                          <svg
  class="theme-icon"
  viewBox="0 0 48 48"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M39 18L24 33L9 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

                        </div>
                      </div>
                    </button>
                  
                </li>
              
            </ul>
          </nav>
          <div x-data>
            <div>
              <template data-should-teleport="#left-drawer-slot">
  <div
    x-show="$store.modals.leftDrawer.contents === 'desktop-sidebar-nav'"
    class="sidebar-nav py-6"
  >
    <div class="relative mb-2 mt-4 flex items-center justify-between">
      <h2 class="sr-only" tabindex="-1">
        header-menu
      </h2>
      <button
        @click.prevent="$store.modals.close('desktop-sidebar-nav')"
        class="top-0 ml-auto block"
      >
        <span class="sr-only">Close (esc)</span>
        <span class="inline-block h-6 w-6"><svg
  class="theme-icon"
  viewBox="0 0 48 48"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M37.5 10.5L10.5 37.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M37.5 37.5L10.5 10.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      </button>
    </div>
    <ul>
      
        
        
        
      
        
        
        
      
        
        
        
          <li x-show="$store.nav.currentIndex === 3">
            <ul>
              
                


                


            </ul>
            
              <div class="nav-item my-4">
                
  <ul class="font-main mt-4 grid grid-cols-3 gap-x-2 gap-y-6 text-base sm:gap-x-4">
    
                      <li class="font-main relative text-base">
                        <a class="absolute inset-0 z-[1]" href="/collections/woodenbags"
  ><span class="sr-only">樹の鞄</span></a
>

  <div class="image-wrapper image-wrapper-square ">
    <img src="//www.kinokaban.com/cdn/shop/collections/collections.png?v=1690729231&amp;width=2000" alt="Kinokaban (wooden bag) on the hands" srcset="//www.kinokaban.com/cdn/shop/collections/collections.png?v=1690729231&amp;width=352 352w, //www.kinokaban.com/cdn/shop/collections/collections.png?v=1690729231&amp;width=832 832w, //www.kinokaban.com/cdn/shop/collections/collections.png?v=1690729231&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/collections/collections.png?v=1690729231&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/collections/collections.png?v=1690729231&amp;width=2000 2000w" width="2000" height="1333" loading="lazy" sizes="(min-width: 990px) 50vw, 100vw">
  </div>

<div
  class="mt-2 break-words"
  aria-hidden="true"
>
  樹の鞄
</div>

                      </li>
                    

                      <li class="font-main relative text-base">
                        <a class="absolute inset-0 z-[1]" href="/collections/museum"
  ><span class="sr-only">樹の鞄　－過去の作品－</span></a
>

  <div class="image-wrapper image-wrapper-square ">
    <img src="//www.kinokaban.com/cdn/shop/collections/woodenbags_linedup.jpg?v=1690624456&amp;width=2000" alt="樹の鞄　－過去の作品－" srcset="//www.kinokaban.com/cdn/shop/collections/woodenbags_linedup.jpg?v=1690624456&amp;width=352 352w, //www.kinokaban.com/cdn/shop/collections/woodenbags_linedup.jpg?v=1690624456&amp;width=832 832w, //www.kinokaban.com/cdn/shop/collections/woodenbags_linedup.jpg?v=1690624456&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/collections/woodenbags_linedup.jpg?v=1690624456&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/collections/woodenbags_linedup.jpg?v=1690624456&amp;width=2000 2000w" width="2000" height="1333" loading="lazy" sizes="(min-width: 990px) 50vw, 100vw">
  </div>

<div
  class="mt-2 break-words"
  aria-hidden="true"
>
  樹の鞄　－過去の作品－
</div>

                      </li>
                    

  </ul>


              </div>
            
          </li>
        
      
        
        
        
          <li x-show="$store.nav.currentIndex === 4">
            <ul>
              
                

                  <li class="mt-10">
                    <a
                      class="font-heading break-word block text-heading-standard"
                      href="/blogs/news"
                    >NEWS</a>
                    
                  </li>
                
                

                  <li class="mt-10">
                    <a
                      class="font-heading break-word block text-heading-standard"
                      href="/blogs/garden"
                    >つくり手の庭の1年間</a>
                    
                  </li>
                
                

                  <li class="mt-10">
                    <a
                      class="font-heading break-word block text-heading-standard"
                      href="/blogs/from-atelier"
                    >アトリエ便り</a>
                    
                  </li>
                
            </ul>
            
              <div class="nav-item my-4">
                
  <ul class="font-main mt-4 grid grid-cols-3 gap-x-2 gap-y-6 text-base sm:gap-x-4">
    
  </ul>


              </div>
            
          </li>
        
      
        
        
        
          <li x-show="$store.nav.currentIndex === 5">
            <ul>
              
                

                  <li class="mt-10">
                    <a
                      class="font-heading break-word block text-heading-standard"
                      href="/pages/maintenance"
                    >お手入れについて</a>
                    
                  </li>
                
                

                  <li class="mt-10">
                    <a
                      class="font-heading break-word block text-heading-standard"
                      href="/pages/faq"
                    >よくあるご質問</a>
                    
                  </li>
                
                

                  <li class="mt-10">
                    <a
                      class="font-heading break-word block text-heading-standard"
                      href="/pages/sustainability"
                    >環境への取り組み</a>
                    
                  </li>
                
                

                  <li class="mt-10">
                    <a
                      class="font-heading break-word block text-heading-standard"
                      href="/pages/testimonials"
                    >お客様の声</a>
                    
                  </li>
                
                

                  <li class="mt-10">
                    <a
                      class="font-heading break-word block text-heading-standard"
                      href="/pages/access"
                    >アクセス</a>
                    
                  </li>
                
                

                  <li class="mt-10">
                    <a
                      class="font-heading break-word block text-heading-standard"
                      href="/pages/contact"
                    >お問い合わせ</a>
                    
                  </li>
                
            </ul>
            
              <div class="nav-item my-4">
                
  <ul class="font-main mt-4 grid grid-cols-3 gap-x-2 gap-y-6 text-base sm:gap-x-4">
    
  </ul>


              </div>
            
          </li>
        
      
    </ul>
  </div>
</template>

            </div>
          </div>
        </div>
        <div class="js-enabled md:hidden">
          <button
            class="block"
            type="button"
            @click="$store.modals.open('mobile-sidebar-nav')"
          >
            
        
          <span class="sr-only">Menu</span>
          <div class="h-6 w-6">
            <svg
  class="theme-icon"
  viewBox="0 0 48 48"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M6 24H42" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M6 12H42" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M6 36H42" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

          </div>
        
      
          </button>
        </div>
      
      <noscript class="w-full">
  
    <nav class="w-full">
      <ul class="-m-2 flex max-w-full flex-wrap items-center justify-start ">
        
          <li class="break-word relative">
            
              <a class="block p-2" href="/pages/about">樹の鞄について</a>
            
          </li>
        
          <li class="break-word relative">
            
              <a class="block p-2" href="/pages/yuuki_kamei">亀井勇樹について</a>
            
          </li>
        
          <li class="break-word relative">
            
              <div data-color-scheme="scheme2">
                <button
                  type="button"
                  class="no-js-menu-trigger p-2 text-left focus:bg-scheme-background focus:text-scheme-text"
                >
                  <div class="flex items-center">オンラインストア<div class="ml-1 h-4 w-4">
                      <svg
  class="theme-icon"
  viewBox="0 0 48 48"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M39 18L24 33L9 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

                    </div>
                  </div>
                </button>
                <div class="no-js-menu absolute left-0 top-full hidden min-w-[24rem] overflow-y-auto bg-scheme-background px-2 py-4 text-scheme-text">
                  <ul>
                    
                      <li class="break-word">
                        
                          <a class="block py-2" href="/collections/woodenbags">樹の鞄</a>
                        
                      </li>
                    
                      <li class="break-word">
                        
                          <a class="block py-2" href="/collections/museum">樹の鞄　－過去の作品－</a>
                        
                      </li>
                    
                  </ul>
                </div>
              </div>
            
          </li>
        
          <li class="break-word relative">
            
              <div data-color-scheme="scheme2">
                <button
                  type="button"
                  class="no-js-menu-trigger p-2 text-left focus:bg-scheme-background focus:text-scheme-text"
                >
                  <div class="flex items-center">ブログ<div class="ml-1 h-4 w-4">
                      <svg
  class="theme-icon"
  viewBox="0 0 48 48"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M39 18L24 33L9 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

                    </div>
                  </div>
                </button>
                <div class="no-js-menu absolute left-0 top-full hidden min-w-[24rem] overflow-y-auto bg-scheme-background px-2 py-4 text-scheme-text">
                  <ul>
                    
                      <li class="break-word">
                        
                          <a class="block py-2" href="/blogs/news">NEWS</a>
                        
                      </li>
                    
                      <li class="break-word">
                        
                          <a class="block py-2" href="/blogs/garden">つくり手の庭の1年間</a>
                        
                      </li>
                    
                      <li class="break-word">
                        
                          <a class="block py-2" href="/blogs/from-atelier">アトリエ便り</a>
                        
                      </li>
                    
                  </ul>
                </div>
              </div>
            
          </li>
        
          <li class="break-word relative">
            
              <div data-color-scheme="scheme2">
                <button
                  type="button"
                  class="no-js-menu-trigger p-2 text-left focus:bg-scheme-background focus:text-scheme-text"
                >
                  <div class="flex items-center">サービス<div class="ml-1 h-4 w-4">
                      <svg
  class="theme-icon"
  viewBox="0 0 48 48"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M39 18L24 33L9 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

                    </div>
                  </div>
                </button>
                <div class="no-js-menu absolute left-0 top-full hidden min-w-[24rem] overflow-y-auto bg-scheme-background px-2 py-4 text-scheme-text">
                  <ul>
                    
                      <li class="break-word">
                        
                          <a class="block py-2" href="/pages/maintenance">お手入れについて</a>
                        
                      </li>
                    
                      <li class="break-word">
                        
                          <a class="block py-2" href="/pages/faq">よくあるご質問</a>
                        
                      </li>
                    
                      <li class="break-word">
                        
                          <a class="block py-2" href="/pages/sustainability">環境への取り組み</a>
                        
                      </li>
                    
                      <li class="break-word">
                        
                          <a class="block py-2" href="/pages/testimonials">お客様の声</a>
                        
                      </li>
                    
                      <li class="break-word">
                        
                          <a class="block py-2" href="/pages/access">アクセス</a>
                        
                      </li>
                    
                      <li class="break-word">
                        
                          <a class="block py-2" href="/pages/contact">お問い合わせ</a>
                        
                      </li>
                    
                  </ul>
                </div>
              </div>
            
          </li>
        
      </ul>
    </nav>
  
  <style>
    .no-js-menu-trigger:focus-within + .no-js-menu {
      display: block;
    }
  </style>
</noscript>

    </div>

    <div
      class="
        flex w-full
        
          justify-center text-center
        

        
          
            
              md:order-first
            
            md:justify-start md:text-left
          
        

        align-center
      "
    >
      <h1
        class="break-word my-auto"
      >
        <a href="/">
          
            




  
  <div
    class="m-[inherit] "
    style="
      max-width: 9rem;
      
    "
    
  >
    <img src="//www.kinokaban.com/cdn/shop/files/logo.png?v=1614305760&amp;width=500" alt="" srcset="//www.kinokaban.com/cdn/shop/files/logo.png?v=1614305760&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/logo.png?v=1614305760&amp;width=500 500w" width="500" height="125" loading="eager" sizes="9rem">
  </div>

  

  


          
        </a>
      </h1>
    </div>

    <div class="flex items-center justify-end">
      <div class="-mx-2 -my-1 flex items-center justify-end">
        
          
            <a
              class="mx-2 my-1  sw-hidden md:block "
              href="https://www.kinokaban.com/customer_authentication/redirect?locale=ja&region_country=JP"
              aria-label="ログイン"
            >
              <div class="h-6 w-6">
                <svg
  class="theme-icon"
  viewBox="0 0 48 48"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M24 30C30.6274 30 36 24.6274 36 18C36 11.3726 30.6274 6 24 6C17.3726 6 12 11.3726 12 18C12 24.6274 17.3726 30 24 30Z" stroke="black" stroke-width="2" stroke-miterlimit="10"/>
  <path d="M5.8125 40.5C7.65551 37.3071 10.3066 34.6557 13.4992 32.8123C16.6918 30.9688 20.3134 29.9983 24 29.9983C27.6866 29.9983 31.3082 30.9688 34.5008 32.8123C37.6934 34.6557 40.3445 37.3071 42.1875 40.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

              </div>
            </a>
          

          
            <a
              class="mx-2 my-1  sw-hidden md:block "
              data-open-search
              x-ref="search"
              @click.prevent="$store.modals.open('search')"
              @keydown.space="$store.modals.open('search')"
              href="/search"
              :role="'button'"
              aria-label="検索"
            >
              <div class="h-6 w-6">
                <svg
  class="theme-icon"
  viewBox="0 0 48 48"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M21.75 37.5C30.4485 37.5 37.5 30.4485 37.5 21.75C37.5 13.0515 30.4485 6 21.75 6C13.0515 6 6 13.0515 6 21.75C6 30.4485 13.0515 37.5 21.75 37.5Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M32.8875 32.8875L42 42" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

              </div>
            </a>
          

          
            <button
              class="relative mx-2 my-1 flex items-center"
              type="button"
              id="CartButton"
              @click.prevent="$store.modals.open('cart')"
              aria-label="カート"
            >
              <div class="h-6 w-6"><svg
  class="theme-icon"
  viewBox="0 0 48 48"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M40.5 13.5H7.5C6.67157 13.5 6 14.1716 6 15V39C6 39.8284 6.67157 40.5 7.5 40.5H40.5C41.3284 40.5 42 39.8284 42 39V15C42 14.1716 41.3284 13.5 40.5 13.5Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M16.5 19.5V13.5C16.5 11.5109 17.2902 9.60322 18.6967 8.1967C20.1032 6.79018 22.0109 6 24 6C25.9891 6 27.8968 6.79018 29.3033 8.1967C30.7098 9.60322 31.5 11.5109 31.5 13.5V19.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
              <span
                x-show="$store.cart_count.count > 0"
                class="absolute -bottom-1.5 -right-1 flex h-5 w-5 items-center justify-center rounded-full bg-scheme-text text-[0.625rem] tracking-normal text-[rgb(var(--color-scheme-text-contrast))]"
                
                  style="display: none;"
                
                x-text="$store.cart_count.count"
              >0</span>
            </button>
          
        
      </div>
    </div>
  </div>
</section>


  <script src="//www.kinokaban.com/cdn/shop/t/9/assets/cart-count.js?v=131862079526105872261691616531" type="module"></script>

<script src="//www.kinokaban.com/cdn/shop/t/9/assets/predictive-search.js?v=110438867846687652631691616537" type="module"></script>


</div>
<!-- END sections: header-group --><script>
  const calculateHeaderHeights = () => {
    const headerGroupHeights = [];

    document
      .querySelectorAll(
        '.shopify-section-group-header-group:not(.has-no-height)'
      )
      .forEach((headerGroupSectionEl) => {
        headerGroupHeights.push(
          headerGroupSectionEl.getBoundingClientRect().height
        );
      });

    document.documentElement.style.setProperty(
      '--header-group-height',
      `${headerGroupHeights.reduce((subtotal, a) => subtotal + a, 0)}px`
    );
  };

  calculateHeaderHeights();

  const debouncedCalculateHeaderHeights = debounce(calculateHeaderHeights, 300);

  window.addEventListener('resize', debouncedCalculateHeaderHeights);
</script>



<style>
  #MainContent
    > .shopify-section.banner-section:first-child
    [data-media-container].h-screen {
    height: calc(100vh - var(--header-group-height));
  }

  @media (min-width: 990px) {
    #MainContent
      > .shopify-section.banner-section:first-child
      [data-media-container].lg\:h-auto {
      height: auto;
    }

    #MainContent
      > .shopify-section.banner-section:first-child
      [data-media-container].lg\:h-screen {
      height: calc(100vh - var(--header-group-height));
    }
  }
</style>


    <div id="MainContent">
      <div id="shopify-section-template--16237333250206__27541415-301d-4a5b-990f-6bb5092bf5df" class="shopify-section">

<section
  class="relative bg-scheme-background text-scheme-text  has-full-bleed-images"
  data-color-scheme="scheme1"
>
  <div class="grid grid-flow-row-dense grid-cols-1 lg:grid-cols-12">
    <div class="image-with-text__image lg:col-span-8 ">
      <div class=" lg:h-auto lg:aspect-w-4 lg:aspect-h-3 relative">
        <div class="lg:absolute lg:inset-0 lg:w-full lg:h-full">
          
            
            <img src="//www.kinokaban.com/cdn/shop/files/8B0A71DC-E6BB-4AC7-89C5-1D7A30669B3A_1_105_c.jpg?v=1778649218&amp;width=2000" alt="" srcset="//www.kinokaban.com/cdn/shop/files/8B0A71DC-E6BB-4AC7-89C5-1D7A30669B3A_1_105_c.jpg?v=1778649218&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/8B0A71DC-E6BB-4AC7-89C5-1D7A30669B3A_1_105_c.jpg?v=1778649218&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/8B0A71DC-E6BB-4AC7-89C5-1D7A30669B3A_1_105_c.jpg?v=1778649218&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/8B0A71DC-E6BB-4AC7-89C5-1D7A30669B3A_1_105_c.jpg?v=1778649218&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/8B0A71DC-E6BB-4AC7-89C5-1D7A30669B3A_1_105_c.jpg?v=1778649218&amp;width=2000 2000w" width="2000" height="1333" loading="eager" sizes="100vw" class="block w-full lg:w-full h-full lg:h-full object-cover">
          
        </div>

        
          
        
      </div>
    </div>
    <div
      class="bg-scheme-background text-scheme-text lg:col-span-4 flex items-center py-section"
    >
      <div class="w-full px-5 lg:px-10 text-center">
        
          <div class="font-heading text-heading-feature break-word">
            樹の鞄
          </div>
        
        
          <div class="rte rte--content-only rte--compact break-word mt-5 text-base">
            <p>樹齢200年を越えるシナノキから<br/>生み出される唯一無二のデザイン</p>
          </div>
        

        
          <div
            class="mt-8"
            
              data-color-scheme="-text"
            
          >
            <a
              class="theme-button theme-button--solid theme-button--solid-overlay break-word"
              href="/collections"
            >
              Shop now
            </a>
          </div>
        
      </div>
    </div>
  </div>
</section>


</div><div id="shopify-section-template--16237333250206__video_with_text_overlay_MknURR" class="shopify-section banner-section">

<section
  class="
    


    has-full-bleed-images
    bg-scheme-background
  "
  data-color-scheme="scheme1"
>
  
<div
  class="relative w-full aspect-w-3 aspect-h-4 lg:h-auto lg:aspect-w-16 lg:aspect-h-9"
  data-media-container
  
>
    <div class="absolute inset-0 w-full h-full lg:w-full lg:h-full">
      <div
  class="background-video absolute inset-0 h-full w-full overflow-hidden"
  id="video-template--16237333250206__video_with_text_overlay_MknURR"
  x-data="Video('inline', 'autoplay')"
  x-intersect:leave="pause"
  x-intersect:enter="play"
>
  <div x-data="HTMLVideo" @play="play" @pause="pause">
    
      <video playsinline="playsinline" class="object-cover absolute inset-0 w-full h-full" autoplay="autoplay" loop="loop" preload="none" muted="muted" x-ref="video" poster="//www.kinokaban.com/cdn/shop/files/preview_images/d949ffd6fc234c65bdead8ebc1affebc.thumbnail.0000000000_2048x.jpg?v=1739666101"><source src="//www.kinokaban.com/cdn/shop/videos/c/vp/d949ffd6fc234c65bdead8ebc1affebc/d949ffd6fc234c65bdead8ebc1affebc.HD-1080p-7.2Mbps-42694034.mp4?v=0" type="video/mp4"><img src="//www.kinokaban.com/cdn/shop/files/preview_images/d949ffd6fc234c65bdead8ebc1affebc.thumbnail.0000000000_2048x.jpg?v=1739666101"></video>
    
  </div>
</div>


  <script
    src="//www.kinokaban.com/cdn/shop/t/9/assets/video.js?v=148808898211358691861739666959"
    type="module"
  ></script>
  <script
    src="//www.kinokaban.com/cdn/shop/t/9/assets/html-video.js?v=172641717689876782661739666952"
    type="module"
  ></script>


    </div>
  <div
    class="absolute inset-0 h-full w-full text-scheme-text lg:h-full lg:w-full  grid  place-content-center-center text-center p-12 lg:p-24"
  >
    
  
  

  

  </div>
  
</div>


</section>


</div><div id="shopify-section-template--16237333250206__1baff620-9b8a-43bf-9dea-d86bd11d7086" class="shopify-section"><section
  class="pt-section pb-section bg-scheme-background text-scheme-text "
  data-color-scheme="scheme1"
>
  <div class="mx-auto max-w-site px-5 lg:px-10">
    <div class="flex text-left justify-start">
      <div class="w-full lg:w-3/4">
        
          <h2 class="font-heading text-heading-standard  break-word">
            はじめまして
          </h2>
        

        
          <div class="rte rte--content-only rte--compact mt-10 font-body text-base [&_a[href]]:underline-offset-basic break-word [&_a[href]]:underline">
            <p>「樹の鞄」は、シナノキという日本固有種の木を用いて、亀井勇樹が作る木製のハンドバッグです。</p><p>150年以上の長い時を生きてきた木の命を大切に、ひとつひとつ手作りで制作された唯一無二のデザインです。軽さや耐久性も備えつつ、使う人に寄り添う美しい形状、そして何より持つ人にとって「自分だけのもの」という喜びのある鞄になるよう、心を込めて作られています。</p>
          </div>
      </div>
    </div>
  </div>
</section>


</div><div id="shopify-section-template--16237333250206__7b648a91-4121-434c-af7e-449ddab3721f" class="shopify-section banner-section">

<section
  class="
      


    has-full-bleed-images bg-scheme-background
  "
  data-color-scheme="scheme4"
>
  
<div
  class="relative w-full aspect-w-3 aspect-h-4 lg:h-auto lg:aspect-w-2.35 lg:aspect-h-1"
  data-media-container
  
>
      <div class="absolute inset-0 w-full h-full lg:w-full lg:h-full">
        
        <img src="//www.kinokaban.com/cdn/shop/files/B24162D6-A87B-4E39-ABB2-0587680BE8E7_1_105_c.jpg?v=1776833111&amp;width=2000" alt="" srcset="//www.kinokaban.com/cdn/shop/files/B24162D6-A87B-4E39-ABB2-0587680BE8E7_1_105_c.jpg?v=1776833111&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/B24162D6-A87B-4E39-ABB2-0587680BE8E7_1_105_c.jpg?v=1776833111&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/B24162D6-A87B-4E39-ABB2-0587680BE8E7_1_105_c.jpg?v=1776833111&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/B24162D6-A87B-4E39-ABB2-0587680BE8E7_1_105_c.jpg?v=1776833111&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/B24162D6-A87B-4E39-ABB2-0587680BE8E7_1_105_c.jpg?v=1776833111&amp;width=2000 2000w" width="2000" height="1333" loading="lazy" sizes="100vw" class="block w-full lg:w-full h-full lg:h-full object-cover">
      </div>
    

    
  
  <div
    class="absolute inset-0 h-full w-full text-scheme-text lg:h-full lg:w-full  sw-hidden lg:grid  place-content-center-start text-center p-12 lg:p-24"
  >
    
  
    <div class="font-heading text-scale-n0 lg:text-scale-n0 break-word">
      WOODEN BAGS
    </div>
  
  

  
    <div class="mt-8" data-color-scheme="-text">
      <a
        class="theme-button theme-button--solid theme-button--solid-overlay break-word"
        href="/pages/about"
      >
        樹の鞄について知る
      </a>
    </div>
  

  </div>
  
</div>

  <div
    class="bg-scheme-background px-5 py-10 text-scheme-text lg:hidden"
    data-color-scheme="scheme4"
  >
    
  
    <div class="font-heading text-scale-n0 lg:text-scale-n0 break-word">
      WOODEN BAGS
    </div>
  
  

  
    <div class="mt-8" data-color-scheme="-text">
      <a
        class="theme-button theme-button--solid theme-button--solid-overlay break-word"
        href="/pages/about"
      >
        樹の鞄について知る
      </a>
    </div>
  

  </div>


</section>


</div><div id="shopify-section-template--16237333250206__b98e1cf3-70c5-4316-b3a3-d63136c7d2ce" class="shopify-section">

<section class="pt-section pb-section text-scheme-text bg-scheme-background " data-color-scheme="primary">
  <div class="max-w-site mx-auto px-0 lg:px-10">
  <div class="lg:grid lg:gap-x-grid-gutter lg:grid-cols-4">

    
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
        
        
<div class="lg:col-span-1">
  <div class="pb-10 pl-5 pr-20 lg:px-0 lg:pb-0">
    <h2 class="font-heading break-word text-heading-standard empty:hidden">
      
        展示会情報
      
    </h2>

    
      <div class="rte rte--content-only rte--compact text-base mt-5 break-word">
        <p></p><p></p><p></p>
      </div>
    

    
  </div>
</div>
</div>

  
    <div class="exibition-list lg:grid lg:gap-y-14 lg:gap-x-grid-gutter lg:grid-cols-2" role="list">
      
        
      
        
      
        
      
        
      
        
      
        
      
        
      
        
      
        
      
        
      
        
      
        
      
        
          <div class="block pb-10 px-5 lg:px-0 lg:w-auto lg:pb-0 text-left text-theme-basic">
            <h3><strong>銀座三越「樹の鞄展」2026</strong></h3>
            <p><strong>2026年10月07日 ～ 2026年10月20日</strong></p>
            <p>銀座三越　本館 ７階 プロモーション/ジャパンエディション</p>
            <p>東京都中央区銀座4-6-16 </p>
          </div>
          
        
      
    </div>
  
  </div>
</section>


</div><div id="shopify-section-template--16237333250206__fef24faa-0256-425f-9f5e-c115e64cf725" class="shopify-section"><section
  class="relative pt-section pb-section bg-scheme-background text-scheme-text  "
  data-color-scheme="scheme1"
  x-data
>
  <div class="mx-auto max-w-site px-5 lg:px-10">
    
  </div>

  <div class="relative z-0 ">
<div
  class="cascade-container-template--16237333250206__fef24faa-0256-425f-9f5e-c115e64cf725 mx-auto empty:hidden"
  data-cascade-container
  data-cascade-spacing="0.5"
  data-cascade-variance=""
  data-cascade-layout="two_columns"
>
  <div
    class="sw-hidden  md:block "
    
  >
    <div
      class="grid grid-cols-2 gap-x-grid-gutter gap-y-0"
    >
      
        

        

        

            
              <div class="relative [--col-delay:_0ms]">
                
              </div>
              <div class="relative [--col-delay:_300ms] ">
                
              </div>
            

            
            

            

            
              <div
                data-cascade-item
                class="
                  col-span-full
                  
                  
                   mb-cascade-2 
                  
                  
                  "
                >
                <div
                  class="w-5/6 duration mx-auto transition-opacity duration-200 motion-reduce:transition-none lg:w-5/6"
                >
                  <div
  class="relative"
  
    data-media-item
  
  
>
  
  
      
      

      
        <a href="/products/%E6%A8%B9%E3%81%AE%E9%9E%84-urushi-ruban">
          
        <div class="mx-auto" data-scale-reveal data-zoom-on-hover>
          
            <img src="//www.kinokaban.com/cdn/shop/files/562607FA-F87F-4834-B7BA-822754185F29_1_105_c.jpg?v=1776832783&amp;width=2000" alt="" srcset="//www.kinokaban.com/cdn/shop/files/562607FA-F87F-4834-B7BA-822754185F29_1_105_c.jpg?v=1776832783&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/562607FA-F87F-4834-B7BA-822754185F29_1_105_c.jpg?v=1776832783&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/562607FA-F87F-4834-B7BA-822754185F29_1_105_c.jpg?v=1776832783&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/562607FA-F87F-4834-B7BA-822754185F29_1_105_c.jpg?v=1776832783&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/562607FA-F87F-4834-B7BA-822754185F29_1_105_c.jpg?v=1776832783&amp;width=2000 2000w" width="2000" height="1333" loading="lazy" sizes="80vw" decoding="async">
          
        </div>
        </a>
      
    
</div>

                </div>
              </div>
            
          
        
      
        

        

        
      
        

        

        
      
        

        

        
      
        

        

        

            
              <div class="relative [--col-delay:_0ms]">
                
            <div
              class="
              relative
              min-h-[8vw]
              md:w-full 
              sw-hidden md:block
              
              
              transition-opacity delay-[var(--col-delay)] duration-500 motion-reduce:transition-none
              
              
              "
                data-cascade-item
              
                data-parallax-container
                data-parallax-speed=""
                data-parallax-id="template--16237333250206__fef24faa-0256-425f-9f5e-c115e64cf725-2"
              
            ><div data-parallax-element ><div
  class="relative"
  
    data-media-item
  
  
>
  
  
      
      

      
        
        <div class="mx-auto" data-scale-reveal >
          
            <img src="//www.kinokaban.com/cdn/shop/files/5B301E12-EF7A-456D-ADF0-008E74DEF425.jpg?v=1774573692&amp;width=2000" alt="" srcset="//www.kinokaban.com/cdn/shop/files/5B301E12-EF7A-456D-ADF0-008E74DEF425.jpg?v=1774573692&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/5B301E12-EF7A-456D-ADF0-008E74DEF425.jpg?v=1774573692&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/5B301E12-EF7A-456D-ADF0-008E74DEF425.jpg?v=1774573692&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/5B301E12-EF7A-456D-ADF0-008E74DEF425.jpg?v=1774573692&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/5B301E12-EF7A-456D-ADF0-008E74DEF425.jpg?v=1774573692&amp;width=2000 2000w" width="2000" height="1333" loading="lazy" sizes="(min-width: 768px) 50vw, 75vw" decoding="async">
          
        </div>
      
    
</div>

</div></div>
          
            <div
              class="
              relative
              min-h-[8vw]
              md:w-full 
              sw-hidden md:block
              
              
              transition-opacity delay-[var(--col-delay)] duration-500 motion-reduce:transition-none
              
               mt-cascade-2 
              "
                data-cascade-item
              
                data-parallax-container
                data-parallax-speed=""
                data-parallax-id="template--16237333250206__fef24faa-0256-425f-9f5e-c115e64cf725-4"
              
            ><div data-parallax-element ><div
  class="relative"
  
    data-media-item
  
  
>
  
  
      
      

      
        <a href="/products/%E6%A8%B9%E3%81%AE%E9%9E%84-moss">
          
        <div class="mx-auto" data-scale-reveal data-zoom-on-hover>
          
            <img src="//www.kinokaban.com/cdn/shop/files/D909EE37-F5CF-411A-87FB-5E99DB7C0A11_1_105_c.jpg?v=1776833394&amp;width=2000" alt="" srcset="//www.kinokaban.com/cdn/shop/files/D909EE37-F5CF-411A-87FB-5E99DB7C0A11_1_105_c.jpg?v=1776833394&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/D909EE37-F5CF-411A-87FB-5E99DB7C0A11_1_105_c.jpg?v=1776833394&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/D909EE37-F5CF-411A-87FB-5E99DB7C0A11_1_105_c.jpg?v=1776833394&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/D909EE37-F5CF-411A-87FB-5E99DB7C0A11_1_105_c.jpg?v=1776833394&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/D909EE37-F5CF-411A-87FB-5E99DB7C0A11_1_105_c.jpg?v=1776833394&amp;width=2000 2000w" width="2000" height="1333" loading="lazy" sizes="(min-width: 768px) 50vw, 75vw" decoding="async">
          
        </div>
        </a>
      
    
</div>

</div></div>
          
              </div>
              <div class="relative [--col-delay:_300ms] ">
                
            <div
              class="
              relative
              min-h-[8vw]
              md:w-full 
              sw-hidden md:block
              
              
              transition-opacity delay-[var(--col-delay)] duration-500 motion-reduce:transition-none
              
               mt-cascade-2 
              "
                data-cascade-item
              
                data-parallax-container
                data-parallax-speed=""
                data-parallax-id="template--16237333250206__fef24faa-0256-425f-9f5e-c115e64cf725-3"
              
            ><div data-parallax-element ><div
  class="relative"
  
    data-media-item
  
  
>
  
  
      
      

      
        
        <div class="mx-auto" data-scale-reveal >
          
            <img src="//www.kinokaban.com/cdn/shop/files/9B1439A2-E6EF-4B42-B458-6EEE23C2DEB8_1_201_a.heic?v=1778649601&amp;width=2000" alt="" srcset="//www.kinokaban.com/cdn/shop/files/9B1439A2-E6EF-4B42-B458-6EEE23C2DEB8_1_201_a.heic?v=1778649601&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/9B1439A2-E6EF-4B42-B458-6EEE23C2DEB8_1_201_a.heic?v=1778649601&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/9B1439A2-E6EF-4B42-B458-6EEE23C2DEB8_1_201_a.heic?v=1778649601&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/9B1439A2-E6EF-4B42-B458-6EEE23C2DEB8_1_201_a.heic?v=1778649601&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/9B1439A2-E6EF-4B42-B458-6EEE23C2DEB8_1_201_a.heic?v=1778649601&amp;width=2000 2000w" width="2000" height="2339" loading="lazy" sizes="(min-width: 768px) 50vw, 75vw" decoding="async">
          
        </div>
      
    
</div>

</div></div>
          
              </div>
            

            
            

            

            
              <div
                data-cascade-item
                class="
                  col-span-full
                  
                   mt-cascade-2 
                   mb-cascade-2 
                  
                  
                  "
                >
                <div
                  class="w-5/6 duration mx-auto transition-opacity duration-200 motion-reduce:transition-none lg:w-5/6"
                >
                  <div
  class="relative"
  
    data-media-item
  
  
>
  
  
      
      

      
        
        <div class="mx-auto" data-scale-reveal >
          
            <img src="//www.kinokaban.com/cdn/shop/files/A676F69E-F2B3-4A36-8030-FF9DC8B73DDD_1_105_c.jpg?v=1778649269&amp;width=2000" alt="" srcset="//www.kinokaban.com/cdn/shop/files/A676F69E-F2B3-4A36-8030-FF9DC8B73DDD_1_105_c.jpg?v=1778649269&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/A676F69E-F2B3-4A36-8030-FF9DC8B73DDD_1_105_c.jpg?v=1778649269&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/A676F69E-F2B3-4A36-8030-FF9DC8B73DDD_1_105_c.jpg?v=1778649269&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/A676F69E-F2B3-4A36-8030-FF9DC8B73DDD_1_105_c.jpg?v=1778649269&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/A676F69E-F2B3-4A36-8030-FF9DC8B73DDD_1_105_c.jpg?v=1778649269&amp;width=2000 2000w" width="2000" height="1333" loading="lazy" sizes="80vw" decoding="async">
          
        </div>
      
    
</div>

                </div>
              </div>
            
          
        
      
        

        

        
      
        

        

        
      
        

        

        
      
        

        

        
      
        

        

        
      
        

        

        
      
        

        

        

            
              <div class="relative [--col-delay:_0ms]">
                
            <div
              class="
              relative
              min-h-[8vw]
              md:w-full 
              sw-hidden md:block
              
              
              transition-opacity delay-[var(--col-delay)] duration-500 motion-reduce:transition-none
              
              
              "
                data-cascade-item
              
                data-parallax-container
                data-parallax-speed=""
                data-parallax-id="template--16237333250206__fef24faa-0256-425f-9f5e-c115e64cf725-6"
              
            ><div data-parallax-element ><div
  class="relative"
  
    data-media-item
  
  
>
  
  
      
      

      
        <a href="/products/%E6%A8%B9%E3%81%AE%E9%9E%84-forest">
          
        <div class="mx-auto" data-scale-reveal data-zoom-on-hover>
          
            <img src="//www.kinokaban.com/cdn/shop/files/7A81B96A-4FA4-4284-A4E6-AF1D91546B86_1_105_c.jpg?v=1774504186&amp;width=2000" alt="" srcset="//www.kinokaban.com/cdn/shop/files/7A81B96A-4FA4-4284-A4E6-AF1D91546B86_1_105_c.jpg?v=1774504186&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/7A81B96A-4FA4-4284-A4E6-AF1D91546B86_1_105_c.jpg?v=1774504186&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/7A81B96A-4FA4-4284-A4E6-AF1D91546B86_1_105_c.jpg?v=1774504186&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/7A81B96A-4FA4-4284-A4E6-AF1D91546B86_1_105_c.jpg?v=1774504186&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/7A81B96A-4FA4-4284-A4E6-AF1D91546B86_1_105_c.jpg?v=1774504186&amp;width=2000 2000w" width="2000" height="1333" loading="lazy" sizes="(min-width: 768px) 50vw, 75vw" decoding="async">
          
        </div>
        </a>
      
    
</div>

</div></div>
          
            <div
              class="
              relative
              min-h-[8vw]
              md:w-full 
              sw-hidden md:block
              
              
              transition-opacity delay-[var(--col-delay)] duration-500 motion-reduce:transition-none
              
               mt-cascade-2 
              "
                data-cascade-item
              
                data-parallax-container
                data-parallax-speed=""
                data-parallax-id="template--16237333250206__fef24faa-0256-425f-9f5e-c115e64cf725-8"
              
            ><div data-parallax-element ><div
  class="relative"
  
    data-media-item
  
  
>
  
  
      
      

      
        
        <div class="mx-auto" data-scale-reveal >
          
            <img src="//www.kinokaban.com/cdn/shop/files/3F2B536C-B90F-43AB-B6F1-B795F730A4A0_1_201_a.jpg?v=1774504393&amp;width=2000" alt="" srcset="//www.kinokaban.com/cdn/shop/files/3F2B536C-B90F-43AB-B6F1-B795F730A4A0_1_201_a.jpg?v=1774504393&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/3F2B536C-B90F-43AB-B6F1-B795F730A4A0_1_201_a.jpg?v=1774504393&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/3F2B536C-B90F-43AB-B6F1-B795F730A4A0_1_201_a.jpg?v=1774504393&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/3F2B536C-B90F-43AB-B6F1-B795F730A4A0_1_201_a.jpg?v=1774504393&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/3F2B536C-B90F-43AB-B6F1-B795F730A4A0_1_201_a.jpg?v=1774504393&amp;width=2000 2000w" width="2000" height="1457" loading="lazy" sizes="(min-width: 768px) 50vw, 75vw" decoding="async">
          
        </div>
      
    
</div>

</div></div>
          
            <div
              class="
              relative
              min-h-[8vw]
              md:w-full 
              sw-hidden md:block
              
              
              transition-opacity delay-[var(--col-delay)] duration-500 motion-reduce:transition-none
              
               mt-cascade-2 
              "
                data-cascade-item
              
                data-parallax-container
                data-parallax-speed=""
                data-parallax-id="template--16237333250206__fef24faa-0256-425f-9f5e-c115e64cf725-10"
              
            ><div data-parallax-element ><div
  class="relative"
  
    data-media-item
  
  
>
  
  
      
      

      
        
        <div class="mx-auto" data-scale-reveal >
          
            <img src="//www.kinokaban.com/cdn/shop/files/AD1497FE-0965-4963-A53A-F1FE19125CA1.jpg?v=1774573923&amp;width=2000" alt="" srcset="//www.kinokaban.com/cdn/shop/files/AD1497FE-0965-4963-A53A-F1FE19125CA1.jpg?v=1774573923&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/AD1497FE-0965-4963-A53A-F1FE19125CA1.jpg?v=1774573923&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/AD1497FE-0965-4963-A53A-F1FE19125CA1.jpg?v=1774573923&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/AD1497FE-0965-4963-A53A-F1FE19125CA1.jpg?v=1774573923&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/AD1497FE-0965-4963-A53A-F1FE19125CA1.jpg?v=1774573923&amp;width=2000 2000w" width="2000" height="1333" loading="lazy" sizes="(min-width: 768px) 50vw, 75vw" decoding="async">
          
        </div>
      
    
</div>

</div></div>
          
              </div>
              <div class="relative [--col-delay:_300ms] ">
                
            <div
              class="
              relative
              min-h-[8vw]
              md:w-full 
              sw-hidden md:block
              
              
              transition-opacity delay-[var(--col-delay)] duration-500 motion-reduce:transition-none
              
               mt-cascade-2 
              "
                data-cascade-item
              
                data-parallax-container
                data-parallax-speed=""
                data-parallax-id="template--16237333250206__fef24faa-0256-425f-9f5e-c115e64cf725-7"
              
            ><div data-parallax-element ><div
  class="relative"
  
    data-media-item
  
  
>
  
  
      
      

      
        
        <div class="mx-auto" data-scale-reveal >
          
            <img src="//www.kinokaban.com/cdn/shop/files/EA06A198-BC80-4325-9013-81488AE4EC7E.jpg?v=1767697263&amp;width=2000" alt="" srcset="//www.kinokaban.com/cdn/shop/files/EA06A198-BC80-4325-9013-81488AE4EC7E.jpg?v=1767697263&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/EA06A198-BC80-4325-9013-81488AE4EC7E.jpg?v=1767697263&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/EA06A198-BC80-4325-9013-81488AE4EC7E.jpg?v=1767697263&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/EA06A198-BC80-4325-9013-81488AE4EC7E.jpg?v=1767697263&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/EA06A198-BC80-4325-9013-81488AE4EC7E.jpg?v=1767697263&amp;width=2000 2000w" width="2000" height="2000" loading="lazy" sizes="(min-width: 768px) 50vw, 75vw" decoding="async">
          
        </div>
      
    
</div>

</div></div>
          
            <div
              class="
              relative
              min-h-[8vw]
              md:w-full 
              sw-hidden md:block
              
              
              transition-opacity delay-[var(--col-delay)] duration-500 motion-reduce:transition-none
              
               mt-cascade-2 
              "
                data-cascade-item
              
                data-parallax-container
                data-parallax-speed=""
                data-parallax-id="template--16237333250206__fef24faa-0256-425f-9f5e-c115e64cf725-9"
              
            ><div data-parallax-element ><div
  class="relative"
  
    data-media-item
  
  
>
  
  
      
      

      
        
        <div class="mx-auto" data-scale-reveal >
          
            <img src="//www.kinokaban.com/cdn/shop/files/4242BAA8-C399-4188-8138-913AD67E426F_1_105_c.jpg?v=1767697501&amp;width=2000" alt="" srcset="//www.kinokaban.com/cdn/shop/files/4242BAA8-C399-4188-8138-913AD67E426F_1_105_c.jpg?v=1767697501&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/4242BAA8-C399-4188-8138-913AD67E426F_1_105_c.jpg?v=1767697501&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/4242BAA8-C399-4188-8138-913AD67E426F_1_105_c.jpg?v=1767697501&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/4242BAA8-C399-4188-8138-913AD67E426F_1_105_c.jpg?v=1767697501&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/4242BAA8-C399-4188-8138-913AD67E426F_1_105_c.jpg?v=1767697501&amp;width=2000 2000w" width="2000" height="1333" loading="lazy" sizes="(min-width: 768px) 50vw, 75vw" decoding="async">
          
        </div>
      
    
</div>

</div></div>
          
            <div
              class="
              relative
              min-h-[8vw]
              md:w-full 
              sw-hidden md:block
              
              
              transition-opacity delay-[var(--col-delay)] duration-500 motion-reduce:transition-none
              
               mt-cascade-2 
              "
                data-cascade-item
              
                data-parallax-container
                data-parallax-speed=""
                data-parallax-id="template--16237333250206__fef24faa-0256-425f-9f5e-c115e64cf725-11"
              
            ><div data-parallax-element ><div
  class="relative"
  
    data-media-item
  
  
>
  
  
      
      

      
        
        <div class="mx-auto" data-scale-reveal >
          
            <img src="//www.kinokaban.com/cdn/shop/files/557683D9-36F8-4C74-A063-F0BD295ECE77.jpg?v=1774573569&amp;width=2000" alt="" srcset="//www.kinokaban.com/cdn/shop/files/557683D9-36F8-4C74-A063-F0BD295ECE77.jpg?v=1774573569&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/557683D9-36F8-4C74-A063-F0BD295ECE77.jpg?v=1774573569&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/557683D9-36F8-4C74-A063-F0BD295ECE77.jpg?v=1774573569&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/557683D9-36F8-4C74-A063-F0BD295ECE77.jpg?v=1774573569&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/557683D9-36F8-4C74-A063-F0BD295ECE77.jpg?v=1774573569&amp;width=2000 2000w" width="2000" height="1333" loading="lazy" sizes="(min-width: 768px) 50vw, 75vw" decoding="async">
          
        </div>
      
    
</div>

</div></div>
          
              </div>
            

            
            

            

            
              <div
                data-cascade-item
                class="
                  col-span-full
                  
                   mt-cascade-2 
                   mb-cascade-2 
                  
                  
                  "
                >
                <div
                  class="w-5/6 duration mx-auto transition-opacity duration-200 motion-reduce:transition-none lg:w-5/6"
                >
                  <div
  class="relative"
  
    data-media-item
  
  
>
  
  
      
      

      
        
        <div class="mx-auto" data-scale-reveal >
          
            <img src="//www.kinokaban.com/cdn/shop/files/EB297374-1156-4440-AF29-2882514C71B0_1_201_a.jpg?v=1767697760&amp;width=2000" alt="" srcset="//www.kinokaban.com/cdn/shop/files/EB297374-1156-4440-AF29-2882514C71B0_1_201_a.jpg?v=1767697760&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/EB297374-1156-4440-AF29-2882514C71B0_1_201_a.jpg?v=1767697760&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/EB297374-1156-4440-AF29-2882514C71B0_1_201_a.jpg?v=1767697760&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/EB297374-1156-4440-AF29-2882514C71B0_1_201_a.jpg?v=1767697760&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/EB297374-1156-4440-AF29-2882514C71B0_1_201_a.jpg?v=1767697760&amp;width=2000 2000w" width="2000" height="1333" loading="lazy" sizes="80vw" decoding="async">
          
        </div>
      
    
</div>

                </div>
              </div>
            
          
        
      
        

        

        
      
        

        

        

            
              <div class="relative [--col-delay:_0ms]">
                
            <div
              class="
              relative
              min-h-[8vw]
              md:w-full 
              sw-hidden md:block
              
              
              transition-opacity delay-[var(--col-delay)] duration-500 motion-reduce:transition-none
              
              
              "
                data-cascade-item
              
                data-parallax-container
                data-parallax-speed=""
                data-parallax-id="template--16237333250206__fef24faa-0256-425f-9f5e-c115e64cf725-13"
              
            ><div data-parallax-element ><div
  class="relative"
  
    data-media-item
  
  
>
  
  
      
      

      
        
        <div class="mx-auto" data-scale-reveal >
          
            <img src="//www.kinokaban.com/cdn/shop/files/AC7541FE-2AB2-48BB-AD7E-342679F9D4D5_1_105_c.jpg?v=1770430706&amp;width=2000" alt="" srcset="//www.kinokaban.com/cdn/shop/files/AC7541FE-2AB2-48BB-AD7E-342679F9D4D5_1_105_c.jpg?v=1770430706&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/AC7541FE-2AB2-48BB-AD7E-342679F9D4D5_1_105_c.jpg?v=1770430706&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/AC7541FE-2AB2-48BB-AD7E-342679F9D4D5_1_105_c.jpg?v=1770430706&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/AC7541FE-2AB2-48BB-AD7E-342679F9D4D5_1_105_c.jpg?v=1770430706&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/AC7541FE-2AB2-48BB-AD7E-342679F9D4D5_1_105_c.jpg?v=1770430706&amp;width=2000 2000w" width="2000" height="1333" loading="lazy" sizes="(min-width: 768px) 50vw, 75vw" decoding="async">
          
        </div>
      
    
</div>

</div></div>
          
              </div>
              <div class="relative [--col-delay:_300ms] ">
                
              </div>
            

            
            

            

            
              <div
                data-cascade-item
                class="
                  col-span-full
                  
                   mt-cascade-2 
                  
                  
                  
                  "
                >
                <div
                  class="w-5/6 duration mx-auto transition-opacity duration-200 motion-reduce:transition-none lg:w-5/6"
                >
                  <div
  class="relative"
  
  
>
  
  
      
      <div
        class="mx-auto w-7/8  md:w-3/4 lg:w-2/3 max-w-[40rem] text-left"
        data-disable-variance
        data-opacity-reveal
      >
        
        
          <div class="rte rte--content-only rte--compact text-theme-basic  break-word">
            <p><strong>「樹の鞄のスピリット」</strong></p><p></p><p>美しいと思えること</p><p>見たことのない驚きを感じること</p><p>「使う」という目的のもとに創るものであること</p><p>木のぬくもりを超えた作品であること</p><p>持つ人に「自分だけの鞄」というよろこびを持っていただけること</p><p>精進してつくり続けること</p>
          </div>
        
        
      </div>
    
</div>

                </div>
              </div>
            
          
        
      
    </div>
  </div>
</div>


  <div
    class="cascade-container-template--16237333250206__fef24faa-0256-425f-9f5e-c115e64cf725 relative  md:hidden    "
    data-cascade-container
    data-cascade-spacing="0.5"
    data-cascade-variance=""
    data-cascade-layout="two_columns"
    
  >
    
              <div
                data-cascade-item
                class="
                  col-span-full
                  
                  
                   mb-cascade-2 
                  
                  
                  "
                >
                <div
                  class="w-5/6 duration mx-auto transition-opacity duration-200 motion-reduce:transition-none lg:w-5/6"
                >
                  <div
  class="relative"
  
    data-media-item
  
  
>
  
  
      
      

      
        <a href="/products/%E6%A8%B9%E3%81%AE%E9%9E%84-urushi-ruban">
          
        <div class="mx-auto" data-scale-reveal data-zoom-on-hover>
          
            <img src="//www.kinokaban.com/cdn/shop/files/562607FA-F87F-4834-B7BA-822754185F29_1_105_c.jpg?v=1776832783&amp;width=2000" alt="" srcset="//www.kinokaban.com/cdn/shop/files/562607FA-F87F-4834-B7BA-822754185F29_1_105_c.jpg?v=1776832783&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/562607FA-F87F-4834-B7BA-822754185F29_1_105_c.jpg?v=1776832783&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/562607FA-F87F-4834-B7BA-822754185F29_1_105_c.jpg?v=1776832783&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/562607FA-F87F-4834-B7BA-822754185F29_1_105_c.jpg?v=1776832783&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/562607FA-F87F-4834-B7BA-822754185F29_1_105_c.jpg?v=1776832783&amp;width=2000 2000w" width="2000" height="1333" loading="lazy" sizes="80vw" decoding="async">
          
        </div>
        </a>
      
    
</div>

                </div>
              </div>
            
            <div
              class="
            
              min-h-[8vw]
              
              w-5/6 lg:w-8/12
              
              motion-reduce:transition-none transition-opacity delay-[var(--col-delay)] duration-500
              
              
              first:max-md:mt-0
              cascade-align-left
max-md:mt-0
            md:cascade-align-left
          "
              data-cascade-item
              
                data-parallax-container
                data-parallax-speed=""
                data-parallax-id="template--16237333250206__fef24faa-0256-425f-9f5e-c115e64cf725-single-2"
              
            >
              <div class="md:w-full "><div data-parallax-element ><div
  class="relative"
  
    data-media-item
  
  
>
  
  
      
      

      
        
        <div class="mx-auto" data-scale-reveal >
          
            <img src="//www.kinokaban.com/cdn/shop/files/5B301E12-EF7A-456D-ADF0-008E74DEF425.jpg?v=1774573692&amp;width=2000" alt="" srcset="//www.kinokaban.com/cdn/shop/files/5B301E12-EF7A-456D-ADF0-008E74DEF425.jpg?v=1774573692&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/5B301E12-EF7A-456D-ADF0-008E74DEF425.jpg?v=1774573692&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/5B301E12-EF7A-456D-ADF0-008E74DEF425.jpg?v=1774573692&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/5B301E12-EF7A-456D-ADF0-008E74DEF425.jpg?v=1774573692&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/5B301E12-EF7A-456D-ADF0-008E74DEF425.jpg?v=1774573692&amp;width=2000 2000w" width="2000" height="1333" loading="lazy" sizes="(min-width: 768px) 50vw, 75vw" decoding="async">
          
        </div>
      
    
</div>

</div></div>
            </div>
          
            <div
              class="
            
              min-h-[8vw]
              
              w-5/6 lg:w-8/12
              
              motion-reduce:transition-none transition-opacity delay-[var(--col-delay)] duration-500
              
               mt-cascade-2 
              first:max-md:mt-0
              cascade-align-right

            md:cascade-align-right
          "
              data-cascade-item
              
                data-parallax-container
                data-parallax-speed=""
                data-parallax-id="template--16237333250206__fef24faa-0256-425f-9f5e-c115e64cf725-single-3"
              
            >
              <div class="md:w-full "><div data-parallax-element ><div
  class="relative"
  
    data-media-item
  
  
>
  
  
      
      

      
        
        <div class="mx-auto" data-scale-reveal >
          
            <img src="//www.kinokaban.com/cdn/shop/files/9B1439A2-E6EF-4B42-B458-6EEE23C2DEB8_1_201_a.heic?v=1778649601&amp;width=2000" alt="" srcset="//www.kinokaban.com/cdn/shop/files/9B1439A2-E6EF-4B42-B458-6EEE23C2DEB8_1_201_a.heic?v=1778649601&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/9B1439A2-E6EF-4B42-B458-6EEE23C2DEB8_1_201_a.heic?v=1778649601&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/9B1439A2-E6EF-4B42-B458-6EEE23C2DEB8_1_201_a.heic?v=1778649601&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/9B1439A2-E6EF-4B42-B458-6EEE23C2DEB8_1_201_a.heic?v=1778649601&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/9B1439A2-E6EF-4B42-B458-6EEE23C2DEB8_1_201_a.heic?v=1778649601&amp;width=2000 2000w" width="2000" height="2339" loading="lazy" sizes="(min-width: 768px) 50vw, 75vw" decoding="async">
          
        </div>
      
    
</div>

</div></div>
            </div>
          
            <div
              class="
            
              min-h-[8vw]
              
              w-5/6 lg:w-8/12
              
              motion-reduce:transition-none transition-opacity delay-[var(--col-delay)] duration-500
              
               mt-cascade-2 
              first:max-md:mt-0
              cascade-align-left

            md:cascade-align-left
          "
              data-cascade-item
              
                data-parallax-container
                data-parallax-speed=""
                data-parallax-id="template--16237333250206__fef24faa-0256-425f-9f5e-c115e64cf725-single-4"
              
            >
              <div class="md:w-full "><div data-parallax-element ><div
  class="relative"
  
    data-media-item
  
  
>
  
  
      
      

      
        <a href="/products/%E6%A8%B9%E3%81%AE%E9%9E%84-moss">
          
        <div class="mx-auto" data-scale-reveal data-zoom-on-hover>
          
            <img src="//www.kinokaban.com/cdn/shop/files/D909EE37-F5CF-411A-87FB-5E99DB7C0A11_1_105_c.jpg?v=1776833394&amp;width=2000" alt="" srcset="//www.kinokaban.com/cdn/shop/files/D909EE37-F5CF-411A-87FB-5E99DB7C0A11_1_105_c.jpg?v=1776833394&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/D909EE37-F5CF-411A-87FB-5E99DB7C0A11_1_105_c.jpg?v=1776833394&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/D909EE37-F5CF-411A-87FB-5E99DB7C0A11_1_105_c.jpg?v=1776833394&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/D909EE37-F5CF-411A-87FB-5E99DB7C0A11_1_105_c.jpg?v=1776833394&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/D909EE37-F5CF-411A-87FB-5E99DB7C0A11_1_105_c.jpg?v=1776833394&amp;width=2000 2000w" width="2000" height="1333" loading="lazy" sizes="(min-width: 768px) 50vw, 75vw" decoding="async">
          
        </div>
        </a>
      
    
</div>

</div></div>
            </div>
          
              <div
                data-cascade-item
                class="
                  col-span-full
                  
                   mt-cascade-2 
                   mb-cascade-2 
                  
                  
                  "
                >
                <div
                  class="w-5/6 duration mx-auto transition-opacity duration-200 motion-reduce:transition-none lg:w-5/6"
                >
                  <div
  class="relative"
  
    data-media-item
  
  
>
  
  
      
      

      
        
        <div class="mx-auto" data-scale-reveal >
          
            <img src="//www.kinokaban.com/cdn/shop/files/A676F69E-F2B3-4A36-8030-FF9DC8B73DDD_1_105_c.jpg?v=1778649269&amp;width=2000" alt="" srcset="//www.kinokaban.com/cdn/shop/files/A676F69E-F2B3-4A36-8030-FF9DC8B73DDD_1_105_c.jpg?v=1778649269&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/A676F69E-F2B3-4A36-8030-FF9DC8B73DDD_1_105_c.jpg?v=1778649269&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/A676F69E-F2B3-4A36-8030-FF9DC8B73DDD_1_105_c.jpg?v=1778649269&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/A676F69E-F2B3-4A36-8030-FF9DC8B73DDD_1_105_c.jpg?v=1778649269&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/A676F69E-F2B3-4A36-8030-FF9DC8B73DDD_1_105_c.jpg?v=1778649269&amp;width=2000 2000w" width="2000" height="1333" loading="lazy" sizes="80vw" decoding="async">
          
        </div>
      
    
</div>

                </div>
              </div>
            
            <div
              class="
            
              min-h-[8vw]
              
              w-5/6 lg:w-8/12
              
              motion-reduce:transition-none transition-opacity delay-[var(--col-delay)] duration-500
              
              
              first:max-md:mt-0
              cascade-align-right

            md:cascade-align-right
          "
              data-cascade-item
              
                data-parallax-container
                data-parallax-speed=""
                data-parallax-id="template--16237333250206__fef24faa-0256-425f-9f5e-c115e64cf725-single-6"
              
            >
              <div class="md:w-full "><div data-parallax-element ><div
  class="relative"
  
    data-media-item
  
  
>
  
  
      
      

      
        <a href="/products/%E6%A8%B9%E3%81%AE%E9%9E%84-forest">
          
        <div class="mx-auto" data-scale-reveal data-zoom-on-hover>
          
            <img src="//www.kinokaban.com/cdn/shop/files/7A81B96A-4FA4-4284-A4E6-AF1D91546B86_1_105_c.jpg?v=1774504186&amp;width=2000" alt="" srcset="//www.kinokaban.com/cdn/shop/files/7A81B96A-4FA4-4284-A4E6-AF1D91546B86_1_105_c.jpg?v=1774504186&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/7A81B96A-4FA4-4284-A4E6-AF1D91546B86_1_105_c.jpg?v=1774504186&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/7A81B96A-4FA4-4284-A4E6-AF1D91546B86_1_105_c.jpg?v=1774504186&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/7A81B96A-4FA4-4284-A4E6-AF1D91546B86_1_105_c.jpg?v=1774504186&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/7A81B96A-4FA4-4284-A4E6-AF1D91546B86_1_105_c.jpg?v=1774504186&amp;width=2000 2000w" width="2000" height="1333" loading="lazy" sizes="(min-width: 768px) 50vw, 75vw" decoding="async">
          
        </div>
        </a>
      
    
</div>

</div></div>
            </div>
          
            <div
              class="
            
              min-h-[8vw]
              
              w-5/6 lg:w-8/12
              
              motion-reduce:transition-none transition-opacity delay-[var(--col-delay)] duration-500
              
               mt-cascade-2 
              first:max-md:mt-0
              cascade-align-left

            md:cascade-align-left
          "
              data-cascade-item
              
                data-parallax-container
                data-parallax-speed=""
                data-parallax-id="template--16237333250206__fef24faa-0256-425f-9f5e-c115e64cf725-single-7"
              
            >
              <div class="md:w-full "><div data-parallax-element ><div
  class="relative"
  
    data-media-item
  
  
>
  
  
      
      

      
        
        <div class="mx-auto" data-scale-reveal >
          
            <img src="//www.kinokaban.com/cdn/shop/files/EA06A198-BC80-4325-9013-81488AE4EC7E.jpg?v=1767697263&amp;width=2000" alt="" srcset="//www.kinokaban.com/cdn/shop/files/EA06A198-BC80-4325-9013-81488AE4EC7E.jpg?v=1767697263&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/EA06A198-BC80-4325-9013-81488AE4EC7E.jpg?v=1767697263&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/EA06A198-BC80-4325-9013-81488AE4EC7E.jpg?v=1767697263&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/EA06A198-BC80-4325-9013-81488AE4EC7E.jpg?v=1767697263&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/EA06A198-BC80-4325-9013-81488AE4EC7E.jpg?v=1767697263&amp;width=2000 2000w" width="2000" height="2000" loading="lazy" sizes="(min-width: 768px) 50vw, 75vw" decoding="async">
          
        </div>
      
    
</div>

</div></div>
            </div>
          
            <div
              class="
            
              min-h-[8vw]
              
              w-5/6 lg:w-8/12
              
              motion-reduce:transition-none transition-opacity delay-[var(--col-delay)] duration-500
              
               mt-cascade-2 
              first:max-md:mt-0
              cascade-align-right

            md:cascade-align-right
          "
              data-cascade-item
              
                data-parallax-container
                data-parallax-speed=""
                data-parallax-id="template--16237333250206__fef24faa-0256-425f-9f5e-c115e64cf725-single-8"
              
            >
              <div class="md:w-full "><div data-parallax-element ><div
  class="relative"
  
    data-media-item
  
  
>
  
  
      
      

      
        
        <div class="mx-auto" data-scale-reveal >
          
            <img src="//www.kinokaban.com/cdn/shop/files/3F2B536C-B90F-43AB-B6F1-B795F730A4A0_1_201_a.jpg?v=1774504393&amp;width=2000" alt="" srcset="//www.kinokaban.com/cdn/shop/files/3F2B536C-B90F-43AB-B6F1-B795F730A4A0_1_201_a.jpg?v=1774504393&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/3F2B536C-B90F-43AB-B6F1-B795F730A4A0_1_201_a.jpg?v=1774504393&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/3F2B536C-B90F-43AB-B6F1-B795F730A4A0_1_201_a.jpg?v=1774504393&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/3F2B536C-B90F-43AB-B6F1-B795F730A4A0_1_201_a.jpg?v=1774504393&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/3F2B536C-B90F-43AB-B6F1-B795F730A4A0_1_201_a.jpg?v=1774504393&amp;width=2000 2000w" width="2000" height="1457" loading="lazy" sizes="(min-width: 768px) 50vw, 75vw" decoding="async">
          
        </div>
      
    
</div>

</div></div>
            </div>
          
            <div
              class="
            
              min-h-[8vw]
              
              w-5/6 lg:w-8/12
              
              motion-reduce:transition-none transition-opacity delay-[var(--col-delay)] duration-500
              
               mt-cascade-2 
              first:max-md:mt-0
              cascade-align-left

            md:cascade-align-left
          "
              data-cascade-item
              
                data-parallax-container
                data-parallax-speed=""
                data-parallax-id="template--16237333250206__fef24faa-0256-425f-9f5e-c115e64cf725-single-9"
              
            >
              <div class="md:w-full "><div data-parallax-element ><div
  class="relative"
  
    data-media-item
  
  
>
  
  
      
      

      
        
        <div class="mx-auto" data-scale-reveal >
          
            <img src="//www.kinokaban.com/cdn/shop/files/4242BAA8-C399-4188-8138-913AD67E426F_1_105_c.jpg?v=1767697501&amp;width=2000" alt="" srcset="//www.kinokaban.com/cdn/shop/files/4242BAA8-C399-4188-8138-913AD67E426F_1_105_c.jpg?v=1767697501&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/4242BAA8-C399-4188-8138-913AD67E426F_1_105_c.jpg?v=1767697501&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/4242BAA8-C399-4188-8138-913AD67E426F_1_105_c.jpg?v=1767697501&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/4242BAA8-C399-4188-8138-913AD67E426F_1_105_c.jpg?v=1767697501&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/4242BAA8-C399-4188-8138-913AD67E426F_1_105_c.jpg?v=1767697501&amp;width=2000 2000w" width="2000" height="1333" loading="lazy" sizes="(min-width: 768px) 50vw, 75vw" decoding="async">
          
        </div>
      
    
</div>

</div></div>
            </div>
          
            <div
              class="
            
              min-h-[8vw]
              
              w-5/6 lg:w-8/12
              
              motion-reduce:transition-none transition-opacity delay-[var(--col-delay)] duration-500
              
               mt-cascade-2 
              first:max-md:mt-0
              cascade-align-right

            md:cascade-align-right
          "
              data-cascade-item
              
                data-parallax-container
                data-parallax-speed=""
                data-parallax-id="template--16237333250206__fef24faa-0256-425f-9f5e-c115e64cf725-single-10"
              
            >
              <div class="md:w-full "><div data-parallax-element ><div
  class="relative"
  
    data-media-item
  
  
>
  
  
      
      

      
        
        <div class="mx-auto" data-scale-reveal >
          
            <img src="//www.kinokaban.com/cdn/shop/files/AD1497FE-0965-4963-A53A-F1FE19125CA1.jpg?v=1774573923&amp;width=2000" alt="" srcset="//www.kinokaban.com/cdn/shop/files/AD1497FE-0965-4963-A53A-F1FE19125CA1.jpg?v=1774573923&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/AD1497FE-0965-4963-A53A-F1FE19125CA1.jpg?v=1774573923&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/AD1497FE-0965-4963-A53A-F1FE19125CA1.jpg?v=1774573923&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/AD1497FE-0965-4963-A53A-F1FE19125CA1.jpg?v=1774573923&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/AD1497FE-0965-4963-A53A-F1FE19125CA1.jpg?v=1774573923&amp;width=2000 2000w" width="2000" height="1333" loading="lazy" sizes="(min-width: 768px) 50vw, 75vw" decoding="async">
          
        </div>
      
    
</div>

</div></div>
            </div>
          
            <div
              class="
            
              min-h-[8vw]
              
              w-5/6 lg:w-8/12
              
              motion-reduce:transition-none transition-opacity delay-[var(--col-delay)] duration-500
              
               mt-cascade-2 
              first:max-md:mt-0
              cascade-align-left

            md:cascade-align-left
          "
              data-cascade-item
              
                data-parallax-container
                data-parallax-speed=""
                data-parallax-id="template--16237333250206__fef24faa-0256-425f-9f5e-c115e64cf725-single-11"
              
            >
              <div class="md:w-full "><div data-parallax-element ><div
  class="relative"
  
    data-media-item
  
  
>
  
  
      
      

      
        
        <div class="mx-auto" data-scale-reveal >
          
            <img src="//www.kinokaban.com/cdn/shop/files/557683D9-36F8-4C74-A063-F0BD295ECE77.jpg?v=1774573569&amp;width=2000" alt="" srcset="//www.kinokaban.com/cdn/shop/files/557683D9-36F8-4C74-A063-F0BD295ECE77.jpg?v=1774573569&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/557683D9-36F8-4C74-A063-F0BD295ECE77.jpg?v=1774573569&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/557683D9-36F8-4C74-A063-F0BD295ECE77.jpg?v=1774573569&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/557683D9-36F8-4C74-A063-F0BD295ECE77.jpg?v=1774573569&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/557683D9-36F8-4C74-A063-F0BD295ECE77.jpg?v=1774573569&amp;width=2000 2000w" width="2000" height="1333" loading="lazy" sizes="(min-width: 768px) 50vw, 75vw" decoding="async">
          
        </div>
      
    
</div>

</div></div>
            </div>
          
              <div
                data-cascade-item
                class="
                  col-span-full
                  
                   mt-cascade-2 
                   mb-cascade-2 
                  
                  
                  "
                >
                <div
                  class="w-5/6 duration mx-auto transition-opacity duration-200 motion-reduce:transition-none lg:w-5/6"
                >
                  <div
  class="relative"
  
    data-media-item
  
  
>
  
  
      
      

      
        
        <div class="mx-auto" data-scale-reveal >
          
            <img src="//www.kinokaban.com/cdn/shop/files/EB297374-1156-4440-AF29-2882514C71B0_1_201_a.jpg?v=1767697760&amp;width=2000" alt="" srcset="//www.kinokaban.com/cdn/shop/files/EB297374-1156-4440-AF29-2882514C71B0_1_201_a.jpg?v=1767697760&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/EB297374-1156-4440-AF29-2882514C71B0_1_201_a.jpg?v=1767697760&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/EB297374-1156-4440-AF29-2882514C71B0_1_201_a.jpg?v=1767697760&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/EB297374-1156-4440-AF29-2882514C71B0_1_201_a.jpg?v=1767697760&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/EB297374-1156-4440-AF29-2882514C71B0_1_201_a.jpg?v=1767697760&amp;width=2000 2000w" width="2000" height="1333" loading="lazy" sizes="80vw" decoding="async">
          
        </div>
      
    
</div>

                </div>
              </div>
            
            <div
              class="
            
              min-h-[8vw]
              
              w-5/6 lg:w-8/12
              
              motion-reduce:transition-none transition-opacity delay-[var(--col-delay)] duration-500
              
              
              first:max-md:mt-0
              cascade-align-right

            md:cascade-align-right
          "
              data-cascade-item
              
                data-parallax-container
                data-parallax-speed=""
                data-parallax-id="template--16237333250206__fef24faa-0256-425f-9f5e-c115e64cf725-single-13"
              
            >
              <div class="md:w-full "><div data-parallax-element ><div
  class="relative"
  
    data-media-item
  
  
>
  
  
      
      

      
        
        <div class="mx-auto" data-scale-reveal >
          
            <img src="//www.kinokaban.com/cdn/shop/files/AC7541FE-2AB2-48BB-AD7E-342679F9D4D5_1_105_c.jpg?v=1770430706&amp;width=2000" alt="" srcset="//www.kinokaban.com/cdn/shop/files/AC7541FE-2AB2-48BB-AD7E-342679F9D4D5_1_105_c.jpg?v=1770430706&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/AC7541FE-2AB2-48BB-AD7E-342679F9D4D5_1_105_c.jpg?v=1770430706&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/AC7541FE-2AB2-48BB-AD7E-342679F9D4D5_1_105_c.jpg?v=1770430706&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/AC7541FE-2AB2-48BB-AD7E-342679F9D4D5_1_105_c.jpg?v=1770430706&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/AC7541FE-2AB2-48BB-AD7E-342679F9D4D5_1_105_c.jpg?v=1770430706&amp;width=2000 2000w" width="2000" height="1333" loading="lazy" sizes="(min-width: 768px) 50vw, 75vw" decoding="async">
          
        </div>
      
    
</div>

</div></div>
            </div>
          
              <div
                data-cascade-item
                class="
                  col-span-full
                  
                   mt-cascade-2 
                  
                  
                  
                  "
                >
                <div
                  class="w-5/6 duration mx-auto transition-opacity duration-200 motion-reduce:transition-none lg:w-5/6"
                >
                  <div
  class="relative"
  
  
>
  
  
      
      <div
        class="mx-auto w-7/8  md:w-3/4 lg:w-2/3 max-w-[40rem] text-left"
        data-disable-variance
        data-opacity-reveal
      >
        
        
          <div class="rte rte--content-only rte--compact text-theme-basic  break-word">
            <p><strong>「樹の鞄のスピリット」</strong></p><p></p><p>美しいと思えること</p><p>見たことのない驚きを感じること</p><p>「使う」という目的のもとに創るものであること</p><p>木のぬくもりを超えた作品であること</p><p>持つ人に「自分だけの鞄」というよろこびを持っていただけること</p><p>精進してつくり続けること</p>
          </div>
        
        
      </div>
    
</div>

                </div>
              </div>
            
  </div>

<script src="//www.kinokaban.com/cdn/shop/t/9/assets/cascade-animations.js?v=48446242931759196891739666947" defer></script></div>

  

  
</section>


</div><div id="shopify-section-template--16237333250206__16630228994381f9f0" class="shopify-section">

<section
  class="pt-section pb-section bg-scheme-background text-scheme-text "
  data-color-scheme="scheme1"
>
  <div class="mx-auto max-w-site px-0 lg:px-10">
  <div class=" lg:grid lg:gap-x-grid-gutter lg:grid-cols-4"><div class="lg:col-span-1">
  <div class="pb-10 pl-5 pr-20 lg:px-0 lg:pb-0">
    <h2 class="font-heading break-word text-heading-standard empty:hidden">
      
        オンラインストア
      
    </h2>

    
      <div class="rte rte--content-only rte--compact text-base mt-5 break-word">
        <p>「樹の鞄」は一点ずつ手作りで制作されています。さまざまなサイズ、デザイン、カラーの中から、ぜひご自分だけのお気に入りを見つけてください。</p>
      </div>
    

    
      <div class="mt-10">
        <a class="theme-cta" href="/collections/woodenbags">
          全てを見る
        </a>
      </div>
    
  </div>
</div>

<div
  id="slideshow-template--16237333250206__16630228994381f9f0"
  class="lg:col-span-3 lg:col-end-last no-splide"
>
  <div class=" ">
    <ul
      class="lg:grid lg:gap-y-14 lg:gap-x-grid-gutter lg:grid-cols-4 "
      role="list"
    >
      <li
  class="block pb-10 px-5 lg:px-0 lg:w-auto lg:pb-0 text-theme-basic"
  
>
  <div
    class="group relative normal-case   "
    
  >
    <a
      class="absolute inset-0 z-10"
      href="/products/%E6%A8%B9%E3%81%AE%E9%9E%84-toko-toko-orange"
    >
      <span class="sr-only">樹の鞄  toko・toko 　orange</span>
    </a>
    <div
      class="relative"
      
    >
      

      
        <div
          class=""
          data-scale-reveal
        >
          <img src="//www.kinokaban.com/cdn/shop/files/30E44856-2631-471B-A91E-22387AA55CBA_1_201_a.jpg?v=1767695854&amp;width=2000" alt="樹の鞄  toko・toko 　orange" srcset="//www.kinokaban.com/cdn/shop/files/30E44856-2631-471B-A91E-22387AA55CBA_1_201_a.jpg?v=1767695854&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/30E44856-2631-471B-A91E-22387AA55CBA_1_201_a.jpg?v=1767695854&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/30E44856-2631-471B-A91E-22387AA55CBA_1_201_a.jpg?v=1767695854&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/30E44856-2631-471B-A91E-22387AA55CBA_1_201_a.jpg?v=1767695854&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/30E44856-2631-471B-A91E-22387AA55CBA_1_201_a.jpg?v=1767695854&amp;width=2000 2000w" width="2000" height="2240" loading="lazy" class="block relative object-cover" sizes="@media (min-width: 990px) calc((100vw - 5rem) / 4), 75vw" decoding="async">
        </div>

        
          <div class="absolute inset-0 h-full w-full opacity-0 transition-opacity duration-200 group-hover:opacity-100 motion-reduce:group-hover:opacity-0">
            <img src="//www.kinokaban.com/cdn/shop/files/2663A4A1-7BD5-4CAF-89AB-0E99954362AB_1_201_a.jpg?v=1767695854&amp;width=2000" alt="樹の鞄  toko・toko 　orange" srcset="//www.kinokaban.com/cdn/shop/files/2663A4A1-7BD5-4CAF-89AB-0E99954362AB_1_201_a.jpg?v=1767695854&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/2663A4A1-7BD5-4CAF-89AB-0E99954362AB_1_201_a.jpg?v=1767695854&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/2663A4A1-7BD5-4CAF-89AB-0E99954362AB_1_201_a.jpg?v=1767695854&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/2663A4A1-7BD5-4CAF-89AB-0E99954362AB_1_201_a.jpg?v=1767695854&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/2663A4A1-7BD5-4CAF-89AB-0E99954362AB_1_201_a.jpg?v=1767695854&amp;width=2000 2000w" width="2000" height="1400" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="@media (min-width: 990px) calc((100vw - 5rem) / 4), 75vw">
          </div>
        
      
    </div>

    
      <div class="break-word mt-5" aria-hidden="true">
        樹の鞄  toko・toko 　orange
      </div>

      
      
      <div class="m-0">
        <p class=" m-0 text-theme-basic">
  
    <span
      
    >
      ¥253,000
    </span>
  
  
</p>



      </div>
    
  </div>
</li>
<li
  class="block pb-10 px-5 lg:px-0 lg:w-auto lg:pb-0 text-theme-basic"
  
>
  <div
    class="group relative normal-case   "
    
  >
    <a
      class="absolute inset-0 z-10"
      href="/products/%E6%A8%B9%E3%81%AE%E9%9E%84-photon"
    >
      <span class="sr-only">樹の鞄  photon-明るい日の光の中で-</span>
    </a>
    <div
      class="relative"
      
    >
      

      
        <div
          class=""
          data-scale-reveal
        >
          <img src="//www.kinokaban.com/cdn/shop/files/32D0E172-AAC2-4BED-9847-57BAAC139D4F_1_201_a.jpg?v=1767695604&amp;width=2000" alt="樹の鞄  photon-明るい日の光の中で-" srcset="//www.kinokaban.com/cdn/shop/files/32D0E172-AAC2-4BED-9847-57BAAC139D4F_1_201_a.jpg?v=1767695604&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/32D0E172-AAC2-4BED-9847-57BAAC139D4F_1_201_a.jpg?v=1767695604&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/32D0E172-AAC2-4BED-9847-57BAAC139D4F_1_201_a.jpg?v=1767695604&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/32D0E172-AAC2-4BED-9847-57BAAC139D4F_1_201_a.jpg?v=1767695604&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/32D0E172-AAC2-4BED-9847-57BAAC139D4F_1_201_a.jpg?v=1767695604&amp;width=2000 2000w" width="2000" height="2240" loading="lazy" class="block relative object-cover" sizes="@media (min-width: 990px) calc((100vw - 5rem) / 4), 75vw" decoding="async">
        </div>

        
          <div class="absolute inset-0 h-full w-full opacity-0 transition-opacity duration-200 group-hover:opacity-100 motion-reduce:group-hover:opacity-0">
            <img src="//www.kinokaban.com/cdn/shop/files/DD9ADADB-B613-4A07-85DD-7619B086F166_1_201_a.jpg?v=1767695604&amp;width=2000" alt="樹の鞄  photon-明るい日の光の中で-" srcset="//www.kinokaban.com/cdn/shop/files/DD9ADADB-B613-4A07-85DD-7619B086F166_1_201_a.jpg?v=1767695604&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/DD9ADADB-B613-4A07-85DD-7619B086F166_1_201_a.jpg?v=1767695604&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/DD9ADADB-B613-4A07-85DD-7619B086F166_1_201_a.jpg?v=1767695604&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/DD9ADADB-B613-4A07-85DD-7619B086F166_1_201_a.jpg?v=1767695604&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/DD9ADADB-B613-4A07-85DD-7619B086F166_1_201_a.jpg?v=1767695604&amp;width=2000 2000w" width="2000" height="1276" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="@media (min-width: 990px) calc((100vw - 5rem) / 4), 75vw">
          </div>
        
      
    </div>

    
      <div class="break-word mt-5" aria-hidden="true">
        樹の鞄  photon-明るい日の光の中で-
      </div>

      
      
      <div class="m-0">
        <p class=" m-0 text-theme-basic">
  
    <span
      
    >
      ¥286,000
    </span>
  
  
</p>



      </div>
    
  </div>
</li>
<li
  class="block pb-10 px-5 lg:px-0 lg:w-auto lg:pb-0 text-theme-basic"
  
>
  <div
    class="group relative normal-case   "
    
  >
    <a
      class="absolute inset-0 z-10"
      href="/products/%E6%A8%B9%E3%81%AE%E9%9E%84-%E3%81%8A%E3%81%A1%E3%81%B3%E3%81%95%E3%82%93-green-version"
    >
      <span class="sr-only">樹の鞄  おちびさん-green version-</span>
    </a>
    <div
      class="relative"
      
    >
      

      
        <div
          class=""
          data-scale-reveal
        >
          <img src="//www.kinokaban.com/cdn/shop/files/0FF24D05-05A6-4160-A8FD-255CEAEB3BE6_1_201_a.jpg?v=1767695944&amp;width=2000" alt="樹の鞄  おちびさん-green version-" srcset="//www.kinokaban.com/cdn/shop/files/0FF24D05-05A6-4160-A8FD-255CEAEB3BE6_1_201_a.jpg?v=1767695944&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/0FF24D05-05A6-4160-A8FD-255CEAEB3BE6_1_201_a.jpg?v=1767695944&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/0FF24D05-05A6-4160-A8FD-255CEAEB3BE6_1_201_a.jpg?v=1767695944&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/0FF24D05-05A6-4160-A8FD-255CEAEB3BE6_1_201_a.jpg?v=1767695944&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/0FF24D05-05A6-4160-A8FD-255CEAEB3BE6_1_201_a.jpg?v=1767695944&amp;width=2000 2000w" width="2000" height="2240" loading="lazy" class="block relative object-cover" sizes="@media (min-width: 990px) calc((100vw - 5rem) / 4), 75vw" decoding="async">
        </div>

        
          <div class="absolute inset-0 h-full w-full opacity-0 transition-opacity duration-200 group-hover:opacity-100 motion-reduce:group-hover:opacity-0">
            <img src="//www.kinokaban.com/cdn/shop/files/D750D700-D9AF-4588-9FA6-29AF63B852E1_1_201_a.jpg?v=1767695944&amp;width=2000" alt="樹の鞄  おちびさん-green version-" srcset="//www.kinokaban.com/cdn/shop/files/D750D700-D9AF-4588-9FA6-29AF63B852E1_1_201_a.jpg?v=1767695944&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/D750D700-D9AF-4588-9FA6-29AF63B852E1_1_201_a.jpg?v=1767695944&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/D750D700-D9AF-4588-9FA6-29AF63B852E1_1_201_a.jpg?v=1767695944&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/D750D700-D9AF-4588-9FA6-29AF63B852E1_1_201_a.jpg?v=1767695944&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/D750D700-D9AF-4588-9FA6-29AF63B852E1_1_201_a.jpg?v=1767695944&amp;width=2000 2000w" width="2000" height="1333" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="@media (min-width: 990px) calc((100vw - 5rem) / 4), 75vw">
          </div>
        
      
    </div>

    
      <div class="break-word mt-5" aria-hidden="true">
        樹の鞄  おちびさん-green version-
      </div>

      
      
      <div class="m-0">
        <p class=" m-0 text-theme-basic">
  
    <span
      
    >
      ¥209,000
    </span>
  
  
</p>



      </div>
    
  </div>
</li>
<li
  class="block pb-10 px-5 lg:px-0 lg:w-auto lg:pb-0 text-theme-basic"
  
>
  <div
    class="group relative normal-case   "
    
  >
    <a
      class="absolute inset-0 z-10"
      href="/products/%E6%A8%B9%E3%81%AE%E9%9E%84-shiny-brown"
    >
      <span class="sr-only">樹の鞄  shiny-brown</span>
    </a>
    <div
      class="relative"
      
    >
      

      
        <div
          class=""
          data-scale-reveal
        >
          <img src="//www.kinokaban.com/cdn/shop/files/C996E00C-C18F-428A-A88E-3BB11856EBE3_1_201_a.jpg?v=1731635889&amp;width=2000" alt="樹の鞄  shiny-brown" srcset="//www.kinokaban.com/cdn/shop/files/C996E00C-C18F-428A-A88E-3BB11856EBE3_1_201_a.jpg?v=1731635889&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/C996E00C-C18F-428A-A88E-3BB11856EBE3_1_201_a.jpg?v=1731635889&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/C996E00C-C18F-428A-A88E-3BB11856EBE3_1_201_a.jpg?v=1731635889&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/C996E00C-C18F-428A-A88E-3BB11856EBE3_1_201_a.jpg?v=1731635889&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/C996E00C-C18F-428A-A88E-3BB11856EBE3_1_201_a.jpg?v=1731635889&amp;width=2000 2000w" width="2000" height="2240" loading="lazy" class="block relative object-cover" sizes="@media (min-width: 990px) calc((100vw - 5rem) / 4), 75vw" decoding="async">
        </div>

        
          <div class="absolute inset-0 h-full w-full opacity-0 transition-opacity duration-200 group-hover:opacity-100 motion-reduce:group-hover:opacity-0">
            <img src="//www.kinokaban.com/cdn/shop/files/5E36C2A5-1D5B-4FBF-8A99-0EE03A8D1A96_1_201_a.jpg?v=1731635890&amp;width=2000" alt="樹の鞄  shiny-brown" srcset="//www.kinokaban.com/cdn/shop/files/5E36C2A5-1D5B-4FBF-8A99-0EE03A8D1A96_1_201_a.jpg?v=1731635890&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/5E36C2A5-1D5B-4FBF-8A99-0EE03A8D1A96_1_201_a.jpg?v=1731635890&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/5E36C2A5-1D5B-4FBF-8A99-0EE03A8D1A96_1_201_a.jpg?v=1731635890&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/5E36C2A5-1D5B-4FBF-8A99-0EE03A8D1A96_1_201_a.jpg?v=1731635890&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/5E36C2A5-1D5B-4FBF-8A99-0EE03A8D1A96_1_201_a.jpg?v=1731635890&amp;width=2000 2000w" width="2000" height="2240" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="@media (min-width: 990px) calc((100vw - 5rem) / 4), 75vw">
          </div>
        
      
    </div>

    
      <div class="break-word mt-5" aria-hidden="true">
        樹の鞄  shiny-brown
      </div>

      
      
      <div class="m-0">
        <p class=" m-0 text-theme-basic">
  
    <span
      
    >
      ¥253,000
    </span>
  
  
</p>



      </div>
    
  </div>
</li>
<li
  class="block pb-10 px-5 lg:px-0 lg:w-auto lg:pb-0 text-theme-basic"
  
>
  <div
    class="group relative normal-case   "
    
  >
    <a
      class="absolute inset-0 z-10"
      href="/products/%E6%A8%B9%E3%81%AE%E9%9E%84-cherry"
    >
      <span class="sr-only">樹の鞄 　Cherry</span>
    </a>
    <div
      class="relative"
      
    >
      

      
        <div
          class=""
          data-scale-reveal
        >
          <img src="//www.kinokaban.com/cdn/shop/files/FCCCD095-70B7-4456-BDC0-50DBB112687A_1_201_a.jpg?v=1770180809&amp;width=2000" alt="樹の鞄 　Cherry" srcset="//www.kinokaban.com/cdn/shop/files/FCCCD095-70B7-4456-BDC0-50DBB112687A_1_201_a.jpg?v=1770180809&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/FCCCD095-70B7-4456-BDC0-50DBB112687A_1_201_a.jpg?v=1770180809&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/FCCCD095-70B7-4456-BDC0-50DBB112687A_1_201_a.jpg?v=1770180809&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/FCCCD095-70B7-4456-BDC0-50DBB112687A_1_201_a.jpg?v=1770180809&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/FCCCD095-70B7-4456-BDC0-50DBB112687A_1_201_a.jpg?v=1770180809&amp;width=2000 2000w" width="2000" height="2240" loading="lazy" class="block relative object-cover" sizes="@media (min-width: 990px) calc((100vw - 5rem) / 4), 75vw" decoding="async">
        </div>

        
          <div class="absolute inset-0 h-full w-full opacity-0 transition-opacity duration-200 group-hover:opacity-100 motion-reduce:group-hover:opacity-0">
            <img src="//www.kinokaban.com/cdn/shop/files/CD2C1898-366D-4C45-AED6-383B4A6D0423.jpg?v=1770180854&amp;width=2000" alt="樹の鞄 　Cherry" srcset="//www.kinokaban.com/cdn/shop/files/CD2C1898-366D-4C45-AED6-383B4A6D0423.jpg?v=1770180854&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/CD2C1898-366D-4C45-AED6-383B4A6D0423.jpg?v=1770180854&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/CD2C1898-366D-4C45-AED6-383B4A6D0423.jpg?v=1770180854&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/CD2C1898-366D-4C45-AED6-383B4A6D0423.jpg?v=1770180854&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/CD2C1898-366D-4C45-AED6-383B4A6D0423.jpg?v=1770180854&amp;width=2000 2000w" width="2000" height="2240" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="@media (min-width: 990px) calc((100vw - 5rem) / 4), 75vw">
          </div>
        
      
    </div>

    
      <div class="break-word mt-5" aria-hidden="true">
        樹の鞄 　Cherry
      </div>

      
      
      <div class="m-0">
        <p class=" m-0 text-theme-basic">
  
    <span
      
    >
      ¥275,000
    </span>
  
  
</p>



      </div>
    
  </div>
</li>
<li
  class="block pb-10 px-5 lg:px-0 lg:w-auto lg:pb-0 text-theme-basic"
  
>
  <div
    class="group relative normal-case   "
    
  >
    <a
      class="absolute inset-0 z-10"
      href="/products/%E6%A8%B9%E3%81%AE%E9%9E%84-ruby-2025"
    >
      <span class="sr-only">樹の鞄 　Ruby・2025</span>
    </a>
    <div
      class="relative"
      
    >
      

      
        <div
          class=""
          data-scale-reveal
        >
          <img src="//www.kinokaban.com/cdn/shop/files/A3674562-BE1F-4D71-BA3F-686364DAB405_301746f9-ac92-457a-9ddf-b8149f1426c5.jpg?v=1779243701&amp;width=2000" alt="樹の鞄 　Ruby・2025" srcset="//www.kinokaban.com/cdn/shop/files/A3674562-BE1F-4D71-BA3F-686364DAB405_301746f9-ac92-457a-9ddf-b8149f1426c5.jpg?v=1779243701&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/A3674562-BE1F-4D71-BA3F-686364DAB405_301746f9-ac92-457a-9ddf-b8149f1426c5.jpg?v=1779243701&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/A3674562-BE1F-4D71-BA3F-686364DAB405_301746f9-ac92-457a-9ddf-b8149f1426c5.jpg?v=1779243701&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/A3674562-BE1F-4D71-BA3F-686364DAB405_301746f9-ac92-457a-9ddf-b8149f1426c5.jpg?v=1779243701&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/A3674562-BE1F-4D71-BA3F-686364DAB405_301746f9-ac92-457a-9ddf-b8149f1426c5.jpg?v=1779243701&amp;width=2000 2000w" width="2000" height="2240" loading="lazy" class="block relative object-cover" sizes="@media (min-width: 990px) calc((100vw - 5rem) / 4), 75vw" decoding="async">
        </div>

        
          <div class="absolute inset-0 h-full w-full opacity-0 transition-opacity duration-200 group-hover:opacity-100 motion-reduce:group-hover:opacity-0">
            <img src="//www.kinokaban.com/cdn/shop/files/82CD0FEE-7995-4365-A25A-A4957E8719F1_1_201_a.jpg?v=1774512388&amp;width=2000" alt="樹の鞄 　Ruby・2025" srcset="//www.kinokaban.com/cdn/shop/files/82CD0FEE-7995-4365-A25A-A4957E8719F1_1_201_a.jpg?v=1774512388&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/82CD0FEE-7995-4365-A25A-A4957E8719F1_1_201_a.jpg?v=1774512388&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/82CD0FEE-7995-4365-A25A-A4957E8719F1_1_201_a.jpg?v=1774512388&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/82CD0FEE-7995-4365-A25A-A4957E8719F1_1_201_a.jpg?v=1774512388&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/82CD0FEE-7995-4365-A25A-A4957E8719F1_1_201_a.jpg?v=1774512388&amp;width=2000 2000w" width="2000" height="2240" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="@media (min-width: 990px) calc((100vw - 5rem) / 4), 75vw">
          </div>
        
      
    </div>

    
      <div class="break-word mt-5" aria-hidden="true">
        樹の鞄 　Ruby・2025
      </div>

      
      
      <div class="m-0">
        <p class=" m-0 text-theme-basic">
  
    <span
      
    >
      ¥429,000
    </span>
  
  
</p>



      </div>
    
  </div>
</li>
<li
  class="block pb-10 px-5 lg:px-0 lg:w-auto lg:pb-0 text-theme-basic"
  
>
  <div
    class="group relative normal-case   "
    
  >
    <a
      class="absolute inset-0 z-10"
      href="/products/%E6%A8%B9%E3%81%AE%E9%9E%84-urushi-classic-r"
    >
      <span class="sr-only">樹の鞄  Urushi-classic-R</span>
    </a>
    <div
      class="relative"
      
    >
      

      
        <div
          class=""
          data-scale-reveal
        >
          <img src="//www.kinokaban.com/cdn/shop/files/IMG_4936.jpg?v=1770180117&amp;width=2000" alt="樹の鞄  Urushi-classic-R" srcset="//www.kinokaban.com/cdn/shop/files/IMG_4936.jpg?v=1770180117&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/IMG_4936.jpg?v=1770180117&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/IMG_4936.jpg?v=1770180117&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/IMG_4936.jpg?v=1770180117&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/IMG_4936.jpg?v=1770180117&amp;width=2000 2000w" width="2000" height="2240" loading="lazy" class="block relative object-cover" sizes="@media (min-width: 990px) calc((100vw - 5rem) / 4), 75vw" decoding="async">
        </div>

        
          <div class="absolute inset-0 h-full w-full opacity-0 transition-opacity duration-200 group-hover:opacity-100 motion-reduce:group-hover:opacity-0">
            <img src="//www.kinokaban.com/cdn/shop/files/IMG_4941.jpg?v=1770180117&amp;width=2000" alt="樹の鞄  Urushi-classic-R" srcset="//www.kinokaban.com/cdn/shop/files/IMG_4941.jpg?v=1770180117&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/IMG_4941.jpg?v=1770180117&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/IMG_4941.jpg?v=1770180117&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/IMG_4941.jpg?v=1770180117&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/IMG_4941.jpg?v=1770180117&amp;width=2000 2000w" width="2000" height="2240" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="@media (min-width: 990px) calc((100vw - 5rem) / 4), 75vw">
          </div>
        
      
    </div>

    
      <div class="break-word mt-5" aria-hidden="true">
        樹の鞄  Urushi-classic-R
      </div>

      
      
      <div class="m-0">
        <p class=" m-0 text-theme-basic">
  
    <span
      
    >
      ¥275,000
    </span>
  
  
</p>



      </div>
    
  </div>
</li>
<li
  class="block pb-10 px-5 lg:px-0 lg:w-auto lg:pb-0 text-theme-basic"
  
>
  <div
    class="group relative normal-case   "
    
  >
    <a
      class="absolute inset-0 z-10"
      href="/products/%E6%A8%B9%E3%81%AE%E9%9E%84-%E7%84%A1%E9%A1%8C-iii"
    >
      <span class="sr-only">樹の鞄 　無題　III</span>
    </a>
    <div
      class="relative"
      
    >
      

      
        <div
          class=""
          data-scale-reveal
        >
          <img src="//www.kinokaban.com/cdn/shop/products/IMG_9889_2ba1d732-1794-4eec-b749-61151e94dce1.jpg?v=1642337449&amp;width=2000" alt="樹の鞄 　無題　III" srcset="//www.kinokaban.com/cdn/shop/products/IMG_9889_2ba1d732-1794-4eec-b749-61151e94dce1.jpg?v=1642337449&amp;width=352 352w, //www.kinokaban.com/cdn/shop/products/IMG_9889_2ba1d732-1794-4eec-b749-61151e94dce1.jpg?v=1642337449&amp;width=832 832w, //www.kinokaban.com/cdn/shop/products/IMG_9889_2ba1d732-1794-4eec-b749-61151e94dce1.jpg?v=1642337449&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/products/IMG_9889_2ba1d732-1794-4eec-b749-61151e94dce1.jpg?v=1642337449&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/products/IMG_9889_2ba1d732-1794-4eec-b749-61151e94dce1.jpg?v=1642337449&amp;width=2000 2000w" width="2000" height="2240" loading="lazy" class="block relative object-cover" sizes="@media (min-width: 990px) calc((100vw - 5rem) / 4), 75vw" decoding="async">
        </div>

        
          <div class="absolute inset-0 h-full w-full opacity-0 transition-opacity duration-200 group-hover:opacity-100 motion-reduce:group-hover:opacity-0">
            <img src="//www.kinokaban.com/cdn/shop/products/IMG_9889_da717ee0-df62-41be-aa93-1188482231b1.jpg?v=1642337449&amp;width=2000" alt="樹の鞄 　無題　III" srcset="//www.kinokaban.com/cdn/shop/products/IMG_9889_da717ee0-df62-41be-aa93-1188482231b1.jpg?v=1642337449&amp;width=352 352w, //www.kinokaban.com/cdn/shop/products/IMG_9889_da717ee0-df62-41be-aa93-1188482231b1.jpg?v=1642337449&amp;width=832 832w, //www.kinokaban.com/cdn/shop/products/IMG_9889_da717ee0-df62-41be-aa93-1188482231b1.jpg?v=1642337449&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/products/IMG_9889_da717ee0-df62-41be-aa93-1188482231b1.jpg?v=1642337449&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/products/IMG_9889_da717ee0-df62-41be-aa93-1188482231b1.jpg?v=1642337449&amp;width=2000 2000w" width="2000" height="2240" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="@media (min-width: 990px) calc((100vw - 5rem) / 4), 75vw">
          </div>
        
      
    </div>

    
      <div class="break-word mt-5" aria-hidden="true">
        樹の鞄 　無題　III
      </div>

      
      
      <div class="m-0">
        <p class=" m-0 text-theme-basic">
  
    <span
      
    >
      ¥495,000
    </span>
  
  
</p>



      </div>
    
  </div>
</li>

    </ul>
  </div>

  
</div>

  <script
    src="//www.kinokaban.com/cdn/shop/t/9/assets/modules-slideshow.bundle.min.js?v=128299179993266984631739666955"
    type="module"
  ></script>

<link href="//www.kinokaban.com/cdn/shop/t/9/assets/modules-slideshow.bundle.css?v=77918795531471457561739666953" rel="stylesheet" type="text/css" media="all" />

  </div>
</div>

</section>


</div><div id="shopify-section-template--16237333250206__1663049899df178a7a" class="shopify-section">

<section
  class="pt-section pb-section bg-scheme-background text-scheme-text "
  data-color-scheme="scheme1"
>
  <div class="mx-auto max-w-site px-0 lg:px-10">
    <div class="lg:grid lg:gap-x-grid-gutter lg:grid-cols-4 grid-flow-dense">
      <div class="lg:col-span-3 lg:col-end-last">
        
          <img src="//www.kinokaban.com/cdn/shop/files/s4_51b08506-7c5c-46f8-9fb7-30e94bcc39a3.jpg?v=1614307680&amp;width=3000" alt="" srcset="//www.kinokaban.com/cdn/shop/files/s4_51b08506-7c5c-46f8-9fb7-30e94bcc39a3.jpg?v=1614307680&amp;width=352 352w, //www.kinokaban.com/cdn/shop/files/s4_51b08506-7c5c-46f8-9fb7-30e94bcc39a3.jpg?v=1614307680&amp;width=832 832w, //www.kinokaban.com/cdn/shop/files/s4_51b08506-7c5c-46f8-9fb7-30e94bcc39a3.jpg?v=1614307680&amp;width=1200 1200w, //www.kinokaban.com/cdn/shop/files/s4_51b08506-7c5c-46f8-9fb7-30e94bcc39a3.jpg?v=1614307680&amp;width=1920 1920w, //www.kinokaban.com/cdn/shop/files/s4_51b08506-7c5c-46f8-9fb7-30e94bcc39a3.jpg?v=1614307680&amp;width=3000 3000w" width="3000" height="1590" loading="lazy" sizes="(min-width: 989px) 75vw, 100vw">
        
      </div>

      <div class="mt-10 lg:mt-0 lg:col-start-1"><div class="lg:col-span-1">
  <div class="pb-10 pl-5 pr-20 lg:px-0 lg:pb-0">
    <h2 class="font-heading break-word text-heading-standard empty:hidden">
      
        つくり手
      
    </h2>

    
      <div class="rte rte--content-only rte--compact text-base mt-5 break-word">
        <p>1990年、最初の「樹の鞄」が生まれました。</p><p>つくり手・亀井勇樹が妻へのプレゼントとして彫ったものが第一号です。</p>
      </div>
    

    
      <div class="mt-10">
        <a class="theme-cta" href="/pages/yuuki_kamei">
          亀井勇樹について知る
        </a>
      </div>
    
  </div>
</div>
</div>
    </div>
  </div>
</section>


</div><div id="shopify-section-template--16237333250206__8cbe5533-357f-419d-9873-77c7590d6875" class="shopify-section"><section
  class="bg-scheme-background text-scheme-text pt-section pb-section "
  data-color-scheme="scheme2"
>
  <div class="mx-auto max-w-site lg:px-10">
    <div class="lg:grid lg:gap-x-grid-gutter lg:grid-cols-4"><div class="lg:col-span-1">
  <div class="pb-10 pl-5 pr-20 lg:px-0 lg:pb-0">
    <h2 class="font-heading break-word text-heading-standard empty:hidden">
      
        お客様の声
      
    </h2>

    
      <div class="rte rte--content-only rte--compact text-base mt-5 break-word">
        <p>樹の鞄をお使いいただいているお客様のお声の一部を紹介します。</p>
      </div>
    

    
  </div>
</div>


      
<div
  id="slideshow-template--16237333250206__8cbe5533-357f-419d-9873-77c7590d6875"
  class="lg:col-span-3 lg:col-end-last no-splide"
>
  <div class=" ">
    <ul
      class="lg:grid lg:gap-y-14 lg:gap-x-grid-gutter lg:grid-cols-2 "
      role="list"
    >
      
        
<div class="block pb-10 px-5 lg:px-0 lg:w-auto lg:pb-0  text-theme-basic" >
            <div class="mx-auto text-left relative text-left">
              
              <blockquote><div class="rte rte--content-only rte--compact break-word quotes-container">
                  <p>『これ、使えるのかしら？』と最初は思っていました。でも、使ってみると周りから声をかけられます。『それは何？ 木？』『ステキね、すごい！』と声をかけられるので、お出かけが楽しくなりました</p>
                </div>
                
              </blockquote>
              
          </div>
          </div>
        
<div class="block pb-10 px-5 lg:px-0 lg:w-auto lg:pb-0  text-theme-basic" >
            <div class="mx-auto text-left relative text-left">
              
              <blockquote><div class="rte rte--content-only rte--compact break-word quotes-container">
                  <p>あまり入らないのでは？と思っていたけれど、意外に収納力があります。シンプルで開けやすく、中身がぱっと見えて整理しやすいんですよ</p>
                </div>
                
              </blockquote>
              
          </div>
          </div>
        
<div class="block pb-10 px-5 lg:px-0 lg:w-auto lg:pb-0  text-theme-basic" >
            <div class="mx-auto text-left relative text-left">
              
              <blockquote><div class="rte rte--content-only rte--compact break-word quotes-container">
                  <p>樹の鞄を20年以上使っています。経年変化が楽しみで、そのしっとりとした味わいはとても豊かな気持ちにしてくれます</p>
                </div>
                
              </blockquote>
              
          </div>
          </div>
        
<div class="block pb-10 px-5 lg:px-0 lg:w-auto lg:pb-0  text-theme-basic" >
            <div class="mx-auto text-left relative text-left">
              
              <blockquote><div class="rte rte--content-only rte--compact break-word quotes-container">
                  <p>電車で座った時、底の模様に周囲の目が一気に集まるのを感じます。会計の時に鞄を開けると驚かれ『中をちょっと見せて』と言われます</p>
                </div>
                
              </blockquote>
              
          </div>
          </div>
        
      
    </ul>
  </div>

  
</div>

  <script
    src="//www.kinokaban.com/cdn/shop/t/9/assets/modules-slideshow.bundle.min.js?v=128299179993266984631739666955"
    type="module"
  ></script>

<link href="//www.kinokaban.com/cdn/shop/t/9/assets/modules-slideshow.bundle.css?v=77918795531471457561739666953" rel="stylesheet" type="text/css" media="all" />

    </div>
  </div>
</section>


</div><div id="shopify-section-template--16237333250206__16630230456ca803ab" class="shopify-section section-blog"><section
  class="bg-scheme-background text-scheme-text pt-section  disable-section-color-transition disable-section-color-transition-source"
  data-color-scheme="scheme1"
>
  <div class="mx-auto max-w-site lg:px-10">
    <div class="lg:grid lg:gap-x-grid-gutter lg:grid-cols-4"><div class="lg:col-span-1">
  <div class="pb-10 pl-5 pr-20 lg:px-0 lg:pb-0">
    <h2 class="font-heading break-word text-heading-standard empty:hidden">
      
        NEWS
      
    </h2>

    

    
  </div>
</div>


      
<div
  id="slideshow-template--16237333250206__16630230456ca803ab"
  class="lg:col-span-3 lg:col-end-last splide"
>
  <div class=" splide__track  lg:-mr-10">
    <ul
      class="lg:grid lg:gap-y-14 lg:gap-x-grid-gutter lg:grid-cols-3  splide__list "
      role="list"
    >
      


<li
  class="group relative  block pb-10 px-5 lg:px-0 w-3/4 lg:w-3/8 lg:pb-14 splide__slide text-theme-basic  "
  
>
  
    <a class="absolute inset-0 z-10" href="/blogs/news/2026-%E6%98%A5%E3%81%AE%E4%BD%9C%E5%93%81%E5%B1%95%E3%81%AE%E3%81%94%E6%A1%88%E5%86%85"
      ><span class="sr-only">2026 春の作品展のご案内</span></a
    >
  

  
    
    <div class="image-wrapper image-wrapper-none" data-scale-reveal data-zoom-on-hover>
      <img src="//www.kinokaban.com/cdn/shop/articles/EC14D000-529F-4C8B-BD1F-2B00AD3C48E2.jpg?v=1775961023&amp;width=1000" alt="2026 春の作品展のご案内" srcset="//www.kinokaban.com/cdn/shop/articles/EC14D000-529F-4C8B-BD1F-2B00AD3C48E2.jpg?v=1775961023&amp;width=352 352w, //www.kinokaban.com/cdn/shop/articles/EC14D000-529F-4C8B-BD1F-2B00AD3C48E2.jpg?v=1775961023&amp;width=832 832w, //www.kinokaban.com/cdn/shop/articles/EC14D000-529F-4C8B-BD1F-2B00AD3C48E2.jpg?v=1775961023&amp;width=1000 1000w" width="1000" height="1250" loading="lazy" sizes="50vw, (min-width: 768px) calc(100vw / 3)" decoding="async">
    </div>
  
  

  
    <div class="mt-5 text-sm">
      2026 春の作品展のご案内
    </div>
  
</li>



<li
  class="group relative  block pb-10 px-5 lg:px-0 w-3/4 lg:w-3/8 lg:pb-14 splide__slide text-theme-basic  "
  
>
  
    <a class="absolute inset-0 z-10" href="/blogs/news/%E3%82%A2%E3%83%88%E3%83%AA%E3%82%A8%E3%82%AE%E3%83%A3%E3%83%A9%E3%83%AA%E3%83%BC-4%E6%9C%881%E6%97%A5%E3%82%88%E3%82%8A%E3%83%AA%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%A2%E3%83%AB%E3%82%AA%E3%83%BC%E3%83%97%E3%83%B3"
      ><span class="sr-only">アトリエギャラリー・4月1日よりオープンします</span></a
    >
  

  
    
    <div class="image-wrapper image-wrapper-none" data-scale-reveal data-zoom-on-hover>
      <img src="//www.kinokaban.com/cdn/shop/articles/78D0C1D4-568E-484F-8388-038A65924915_b3bf510a-a636-4067-97e1-3be43bab299b.jpg?v=1775892494&amp;width=1000" alt="アトリエギャラリー・4月1日よりオープンします" srcset="//www.kinokaban.com/cdn/shop/articles/78D0C1D4-568E-484F-8388-038A65924915_b3bf510a-a636-4067-97e1-3be43bab299b.jpg?v=1775892494&amp;width=352 352w, //www.kinokaban.com/cdn/shop/articles/78D0C1D4-568E-484F-8388-038A65924915_b3bf510a-a636-4067-97e1-3be43bab299b.jpg?v=1775892494&amp;width=832 832w, //www.kinokaban.com/cdn/shop/articles/78D0C1D4-568E-484F-8388-038A65924915_b3bf510a-a636-4067-97e1-3be43bab299b.jpg?v=1775892494&amp;width=1000 1000w" width="1000" height="1250" loading="lazy" sizes="50vw, (min-width: 768px) calc(100vw / 3)" decoding="async">
    </div>
  
  

  
    <div class="mt-5 text-sm">
      アトリエギャラリー・4月1日よりオープンします
    </div>
  
</li>



<li
  class="group relative  block pb-10 px-5 lg:px-0 w-3/4 lg:w-3/8 lg:pb-14 splide__slide text-theme-basic  "
  
>
  
    <a class="absolute inset-0 z-10" href="/blogs/news/2026%E5%B9%B4-%E5%85%AB%E3%83%B6%E5%B2%B3%E3%82%A2%E3%83%88%E3%83%AA%E3%82%A8-%E3%82%AE%E3%83%A3%E3%83%A9%E3%83%AA%E3%83%BC%E3%81%AE%E5%96%B6%E6%A5%AD%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6"
      ><span class="sr-only">2026年　八ヶ岳アトリエ・ギャラリーの営業について</span></a
    >
  

  
    
    <div class="image-wrapper image-wrapper-none" data-scale-reveal data-zoom-on-hover>
      <img src="//www.kinokaban.com/cdn/shop/articles/AEE836AA-7181-4F73-985E-E34034DF79A5_cbb304b6-5951-4f83-9d5e-63afc73a4f25.jpg?v=1767768238&amp;width=1000" alt="2026年　八ヶ岳アトリエ・ギャラリーの営業について" srcset="//www.kinokaban.com/cdn/shop/articles/AEE836AA-7181-4F73-985E-E34034DF79A5_cbb304b6-5951-4f83-9d5e-63afc73a4f25.jpg?v=1767768238&amp;width=352 352w, //www.kinokaban.com/cdn/shop/articles/AEE836AA-7181-4F73-985E-E34034DF79A5_cbb304b6-5951-4f83-9d5e-63afc73a4f25.jpg?v=1767768238&amp;width=832 832w, //www.kinokaban.com/cdn/shop/articles/AEE836AA-7181-4F73-985E-E34034DF79A5_cbb304b6-5951-4f83-9d5e-63afc73a4f25.jpg?v=1767768238&amp;width=1000 1000w" width="1000" height="1250" loading="lazy" sizes="50vw, (min-width: 768px) calc(100vw / 3)" decoding="async">
    </div>
  
  

  
    <div class="mt-5 text-sm">
      2026年　八ヶ岳アトリエ・ギャラリーの営業について
    </div>
  
</li>

    </ul>
  </div>

  
    <div class="splide__arrows pr-5 lg:pr-0">
      <button class="splide__arrow splide__arrow--prev mr-1 p-1">
        <span class="sr-only">前のスライド</span>
        <div class="h-8 w-8">
          <svg
  class="theme-icon"
  viewBox="0 0 48 48"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M40.5 24H7.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M21 10.5L7.5 24L21 37.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

        </div>
      </button>
      <button class="splide__arrow splide__arrow--next p-1">
        <span class="sr-only">次のスライド</span>
        <div class="h-8 w-8">
          <svg
  class="theme-icon"
  viewBox="0 0 48 48"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M7.5 24H40.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M27 10.5L40.5 24L27 37.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

        </div>
      </button>
    </div>
  
</div>

  <script
    src="//www.kinokaban.com/cdn/shop/t/9/assets/modules-slideshow.bundle.min.js?v=128299179993266984631739666955"
    type="module"
  ></script>

<link href="//www.kinokaban.com/cdn/shop/t/9/assets/modules-slideshow.bundle.css?v=77918795531471457561739666953" rel="stylesheet" type="text/css" media="all" />

    </div>
  </div>
</section>


</div><div id="shopify-section-template--16237333250206__17397969170fb3a485" class="shopify-section">
  
    <div id="shopify-block-Ac29acEU5Z1Q2NjA4T__instafeed_app_block_LitdJH" class="shopify-block shopify-app-block">



  











<style>
      div[id*="instafeed_app_block"] {
        width: 100%;
      }
      div.shopify-section:has(> [id*="instafeed_app_block"]) {
      width: 100%;
      }
      body #insta-feed {
          

          
          margin-bottom: 0px!important;
          

          

          

          
            color: #000000;
          
          text-align: center;
      }
      
      #insta-feed h2 {
        
          color: #000000;
        
        
      }
      

      
      
</style>











  <div id="insta-feed"></div>
  <script>
    if (typeof instafeedLocalTitle === 'undefined') var instafeedLocalTitle = "";
    
  </script>










</div>
  




</div>
    </div>

    <!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--16237332824222__footer" class="shopify-section shopify-section-group-footer-group mt-auto">

<section
  class="bg-scheme-background pb-10 pt-10 text-scheme-text "
  data-color-scheme="scheme2"
>
  <div class="mx-auto grid max-w-site gap-5 gap-y-10 px-5 lg:grid-cols-7 lg:gap-10 lg:px-10">
    
      <div class="logo grid gap-5 lg:row-span-full lg:row-start-1 ">
        <div class="logo">
          
            
            
            <a href="/" class="block lg:max-w-[75%]">
              <img src="//www.kinokaban.com/cdn/shop/files/7E59E756-F96A-4D9D-9DAB-D1FB134066D6.png?v=1614326164&amp;width=300" alt="KINOKABAN" srcset="//www.kinokaban.com/cdn/shop/files/7E59E756-F96A-4D9D-9DAB-D1FB134066D6.png?v=1614326164&amp;width=300 300w" width="300" height="341" loading="lazy" style="max-width: 100px" sizes="34vw, (min-width: 990px) calc(100vw / 7)">
            </a>
          
        </div>
      </div>
    

    
      <div class="blocks lg:col-span-6 mb-10 grid grid-cols-1 gap-5 gap-y-10 lg:grid-cols-10 lg:gap-10">
        
          <div
            class="
                lg:col-start-1
              

              

              
                lg:col-span-5
              
            "
            
          >
            
                <div class="rte rte--content-only rte--compact text-theme-basic">
                  <p>樹の鞄 KINOKABAN</p><p>〒409-1502 山梨県北杜市大泉町谷戸5993−1</p><p>info@kinokaban.com<br/>0551-38-2741</p><p>八ヶ岳アトリエ・ギャラリーはご予約制にて承ります。メールにてご希望の2日前までにお問合せください。</p><p>＊なお只今改修工事のため一部お見苦しい場所やご不便をおかけいたしますがご容赦いただきますようお願い申し上げます。</p>
                </div>

                
                  
                  <div class="mt-10">
                    <ul class="-m-2 flex flex-wrap justify-end lg:justify-start">
                      
                        <li class="m-2 h-[1.125rem] w-[1.125rem]">
                          <a href="https://www.facebook.com/kinokabn.yuuki.kamei/"><svg
  aria-hidden="true"
  focusable="false"
  viewBox="0 0 24 24"
  fill="none"
  class="h-full w-full fill-current"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M11.9998 2.0368C6.47711 2.0368 2 6.51391 2 12.0366C2 16.7261 5.22874 20.6612 9.58425 21.742V15.0925H7.52229V12.0366H9.58425V10.7198C9.58425 7.3163 11.1246 5.73873 14.4662 5.73873C15.0997 5.73873 16.1929 5.86313 16.6401 5.98713V8.75707C16.4041 8.73227 15.9941 8.71987 15.4849 8.71987C13.8454 8.71987 13.2118 9.34106 13.2118 10.9558V12.0366H16.4781L15.9169 15.0925H13.2118V21.9632C18.1633 21.3652 22 17.1493 22 12.0366C21.9996 6.51391 17.5225 2.0368 11.9998 2.0368Z" fill="currentColor"/>
</svg>
</a>
                        </li>
                      
                        <li class="m-2 h-[1.125rem] w-[1.125rem]">
                          <a href="https://www.instagram.com/kinokaban.since1990/"><svg
  aria-hidden="true"
  focusable="false"
  viewBox="0 0 24 24"
  fill="none"
  class="h-full w-full fill-current"
  xmlns="http://www.w3.org/2000/svg"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0059 3.80113C14.6783 3.80113 14.9947 3.81285 16.0457 3.85974C17.0225 3.90272 17.5499 4.06681 17.9015 4.20356C18.3665 4.38328 18.7025 4.60207 19.0502 4.9498C19.4018 5.30143 19.6167 5.63352 19.7964 6.09846C19.9332 6.45009 20.0973 6.98144 20.1403 7.95429C20.1871 9.00918 20.1989 9.32565 20.1989 11.9941C20.1989 14.6665 20.1871 14.983 20.1403 16.034C20.0973 17.0107 19.9332 17.5382 19.7964 17.8898C19.6167 18.3548 19.3979 18.6908 19.0502 19.0385C18.6986 19.3901 18.3665 19.605 17.9015 19.7847C17.5499 19.9215 17.0186 20.0856 16.0457 20.1285C14.9908 20.1754 14.6743 20.1871 12.0059 20.1871C9.33346 20.1871 9.01699 20.1754 7.96601 20.1285C6.98925 20.0856 6.46181 19.9215 6.11018 19.7847C5.64524 19.605 5.30924 19.3862 4.96151 19.0385C4.60988 18.6869 4.395 18.3548 4.21527 17.8898C4.07853 17.5382 3.91443 17.0068 3.87146 16.034C3.82457 14.9791 3.81285 14.6626 3.81285 11.9941C3.81285 9.32174 3.82457 9.00527 3.87146 7.95429C3.91443 6.97753 4.07853 6.45009 4.21527 6.09846C4.395 5.63352 4.61379 5.29752 4.96151 4.9498C5.31314 4.59816 5.64524 4.38328 6.11018 4.20356C6.46181 4.06681 6.99316 3.90272 7.96601 3.85974C9.01699 3.81285 9.33346 3.80113 12.0059 3.80113ZM12.0059 2C9.29048 2 8.95057 2.01172 7.88396 2.05861C6.82125 2.10549 6.09064 2.2774 5.4577 2.52354C4.79742 2.7814 4.23872 3.12131 3.68392 3.68002C3.12522 4.23481 2.78531 4.79351 2.52745 5.44989C2.2813 6.08674 2.1094 6.81344 2.06251 7.87615C2.01563 8.94667 2.00391 9.28658 2.00391 12.002C2.00391 14.7173 2.01563 15.0572 2.06251 16.1239C2.1094 17.1866 2.2813 17.9172 2.52745 18.5501C2.78531 19.2104 3.12522 19.7691 3.68392 20.3239C4.23872 20.8787 4.79742 21.2225 5.4538 21.4765C6.09064 21.7226 6.81734 21.8945 7.88005 21.9414C8.94667 21.9883 9.28657 22 12.0019 22C14.7173 22 15.0572 21.9883 16.1238 21.9414C17.1866 21.8945 17.9172 21.7226 18.5501 21.4765C19.2065 21.2225 19.7652 20.8787 20.32 20.3239C20.8748 19.7691 21.2186 19.2104 21.4725 18.554C21.7187 17.9172 21.8906 17.1905 21.9375 16.1278C21.9844 15.0611 21.9961 14.7212 21.9961 12.0059C21.9961 9.29049 21.9844 8.95058 21.9375 7.88396C21.8906 6.82125 21.7187 6.09064 21.4725 5.45771C21.2264 4.79351 20.8865 4.23481 20.3278 3.68002C19.773 3.12522 19.2143 2.7814 18.5579 2.52745C17.9211 2.2813 17.1944 2.1094 16.1317 2.06251C15.0611 2.01172 14.7212 2 12.0059 2ZM12.0059 6.86423C9.16937 6.86423 6.86814 9.16546 6.86814 12.002C6.86814 14.8384 9.16937 17.1397 12.0059 17.1397C14.8423 17.1397 17.1436 14.8384 17.1436 12.002C17.1436 9.16546 14.8423 6.86423 12.0059 6.86423ZM12.0059 15.3346C10.1657 15.3346 8.67317 13.8422 8.67317 12.002C8.67317 10.1618 10.1657 8.66927 12.0059 8.66927C13.8461 8.66927 15.3385 10.1618 15.3385 12.002C15.3385 13.8422 13.8461 15.3346 12.0059 15.3346ZM17.3467 7.86048C18.007 7.86048 18.5462 7.32522 18.5462 6.66103C18.5462 6.00074 18.007 5.46157 17.3467 5.46157C16.6865 5.46157 16.1473 5.99683 16.1473 6.66103C16.1473 7.32131 16.6825 7.86048 17.3467 7.86048Z" fill="currentColor"/>
</svg>
</a>
                        </li>
                      
                        <li class="m-2 h-[1.125rem] w-[1.125rem]">
                          <a href="https://www.youtube.com/@kinokaban9196"><svg
  aria-hidden="true"
  focusable="false"
  viewBox="0 0 24 24"
  class="h-full w-full fill-current"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M21.8008 8.00195C21.8008 8.00195 21.6055 6.62305 21.0039 6.01758C20.2422 5.2207 19.3906 5.2168 19 5.16992C16.2031 4.9668 12.0039 4.9668 12.0039 4.9668H11.9961C11.9961 4.9668 7.79688 4.9668 5 5.16992C4.60938 5.2168 3.75781 5.2207 2.99609 6.01758C2.39453 6.62305 2.20312 8.00195 2.20312 8.00195C2.20312 8.00195 2 9.62305 2 11.2402V12.7559C2 14.373 2.19922 15.9941 2.19922 15.9941C2.19922 15.9941 2.39453 17.373 2.99219 17.9785C3.75391 18.7754 4.75391 18.748 5.19922 18.834C6.80078 18.9863 12 19.0332 12 19.0332C12 19.0332 16.2031 19.0254 19 18.8262C19.3906 18.7793 20.2422 18.7754 21.0039 17.9785C21.6055 17.373 21.8008 15.9941 21.8008 15.9941C21.8008 15.9941 22 14.377 22 12.7559V11.2402C22 9.62305 21.8008 8.00195 21.8008 8.00195ZM9.93359 14.5957V8.97461L15.3359 11.7949L9.93359 14.5957Z" fill="currentColor"/>
</svg>
</a>
                        </li>
                      
                        <li class="m-2 h-[1.125rem] w-[1.125rem]">
                          <a href="info@kinokaban.com"><svg
  aria-hidden="true"
  focusable="false"
  viewBox="0 0 24 24"
  fill="none"
  class="h-full w-full fill-current"
  xmlns="http://www.w3.org/2000/svg"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M2.70796 4.65487C2.31697 4.65487 2 4.97184 2 5.36283V18.6372C2 19.0282 2.31697 19.3451 2.70796 19.3451H21.292C21.683 19.3451 22 19.0282 22 18.6372V5.36283C22 4.97184 21.683 4.65487 21.292 4.65487H2.70796ZM3.41593 7.05651V17.9292H20.5841V7.0565L14.2166 11.9541C13.5811 12.4429 12.8018 12.708 12 12.708C11.1982 12.708 10.4189 12.4429 9.78337 11.9541L3.41593 7.05651ZM19.5432 6.0708H4.45682L10.6467 10.8318L10.6467 10.8318C11.0347 11.1303 11.5105 11.2921 12 11.2921C12.4895 11.2921 12.9653 11.1303 13.3533 10.8318L13.3533 10.8318L19.5432 6.0708Z" fill="currentColor"/>
</svg>
</a>
                        </li>
                      
                    </ul>
                  </div>
                
              
          </div>
        
          <div
            class="

              
                lg:col-end-last
              

              
                lg:col-span-5
              
            "
            
          >
            
                
                <div
                  class=""
                >
                  
                    <ul class=" flex flex-wrap  -mx-2 -my-1 text-theme-basic">
  
    <li class="break-word mx-2 my-1">
      <a
        href="/pages/about"
        class="underline-offset-basic hover:underline"
      >
        樹の鞄について
      </a>
    </li>
  
    <li class="break-word mx-2 my-1">
      <a
        href="/pages/yuuki_kamei"
        class="underline-offset-basic hover:underline"
      >
        亀井勇樹について
      </a>
    </li>
  
    <li class="break-word mx-2 my-1">
      <a
        href="/collections"
        class="underline-offset-basic hover:underline"
      >
        オンラインストア
      </a>
    </li>
  
    <li class="break-word mx-2 my-1">
      <a
        href="/blogs/news"
        class="underline-offset-basic hover:underline"
      >
        NEWS
      </a>
    </li>
  
    <li class="break-word mx-2 my-1">
      <a
        href="/pages/maintenance"
        class="underline-offset-basic hover:underline"
      >
        お手入れについて
      </a>
    </li>
  
    <li class="break-word mx-2 my-1">
      <a
        href="/pages/faq"
        class="underline-offset-basic hover:underline"
      >
        よくあるご質問
      </a>
    </li>
  
    <li class="break-word mx-2 my-1">
      <a
        href="/pages/sustainability"
        class="underline-offset-basic hover:underline"
      >
        環境への取り組み
      </a>
    </li>
  
    <li class="break-word mx-2 my-1">
      <a
        href="/pages/testimonials"
        class="underline-offset-basic hover:underline"
      >
        お客様の声
      </a>
    </li>
  
    <li class="break-word mx-2 my-1">
      <a
        href="/pages/access"
        class="underline-offset-basic hover:underline"
      >
        アクセス
      </a>
    </li>
  
    <li class="break-word mx-2 my-1">
      <a
        href="/pages/contact"
        class="underline-offset-basic hover:underline"
      >
        お問い合わせ
      </a>
    </li>
  
</ul>

                  

                  
                </div>
              
          </div>
        
      </div>
    

    <div class="copyright-and-payment-icons-and-markets md:items-top flex flex-col md:flex-row-reverse lg:col-span-7">
      
        <div class="payment-and-markets  lg:row-start-last  flex flex-col  items-start lg:items-end">
          <div class="-my-3">
            
              <div class="markets my-3">
                <form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/index.css" /><div class="-m-1 flex flex-row flex-wrap items-center justify-start lg:justify-end">
    
      <div class="m-1">
        <h2 class="sr-only" id="lang-heading">
          言語
        </h2>

        <div
          class="relative"
          x-data="{ expanded: false }"
          @keydown.escape.prevent.stop="expanded = false"
          @click.outside="expanded = false"
        >
          <button
            type="button"
            class="flex items-center justify-between rounded-button border border-scheme-text p-3 text-sm"
            :aria-expanded="expanded"
            aria-controls="lang-list"
            aria-describedby="lang-heading"
            @click.prevent="expanded = ! expanded"
          >
            日本語
            <div class="ml-3 h-4 w-4" x-show="! expanded"><svg
  class="theme-icon"
  viewBox="0 0 48 48"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M39 18L24 33L9 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

            </div>
            <div class="ml-3 h-4 w-4" x-show="expanded" x-cloak><svg
  class="theme-icon"
  viewBox="0 0 48 48"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M9 30L24 15L39 30" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

            </div>
          </button>
          <ul
            id="lang-list"
            class="absolute bottom-[calc(100%_+_0.5rem)] left-0 right-auto z-10 max-h-[60vh] snap-y snap-mandatory overflow-y-auto border border-scheme-text bg-scheme-background p-3 md:left-auto md:right-0"
            x-show="expanded"
            :aria-hidden="! expanded"
            x-cloak
          >
            
              <li class="w-40 snap-start text-sm first:-mt-2 last:-mb-2">
                <a
                  class="block py-2"
                  href="#"
                  lang="ja"
                  
                    aria-current="true"
                  
                  @click.prevent="$refs.input.value = 'ja'; $root.closest('form').submit();"
                >
                  <span class=" underline-offset-basic">日本語</span>
                </a>
              </li>
              <li class="w-40 snap-start text-sm first:-mt-2 last:-mb-2">
                <a
                  class="block py-2"
                  href="#"
                  lang="en"
                  
                  @click.prevent="$refs.input.value = 'en'; $root.closest('form').submit();"
                >
                  <span class=" underline-offset-basic">English</span>
                </a>
              </li></ul>
          <input
            x-ref="input"
            type="hidden"
            name="locale_code"
            id="LocaleSelector"
            value="ja"
          >
        </div>
      </div>
    
    
  </div></form>
              </div>
            
          </div>
        </div>
      
      <div class="ml-0 mr-auto mt-10 text-left text-xs lg:mt-auto">
        <p>
          &copy; 2026
          <a href="/">KINOKABAN</a
          ><span class="powered-by powered_by_link mt-1"
            ><span class="mx-2">&#183;</span>Powered by Shopify</span>
        </p>

        
          <div class="payments ml-0 mr-auto mt-5 max-w-[80%] lg:ml-auto lg:mr-0 lg:max-w-full">
            <span class="sr-only">利用可能な支払い方法</span>
            <ul class="-mx-2 flex flex-wrap justify-start lg:justify-end">
              
                <li class="mx-2 mb-5">
                  <svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewBox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"/><path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></svg>

                </li>
              
                <li class="mx-2 mb-5">
                  <svg class="payment-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>

                </li>
              
                <li class="mx-2 mb-5">
                  <svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg>

                </li>
              
                <li class="mx-2 mb-5">
                  <svg class="payment-icon" width="38" height="24" role="img" aria-labelledby="pi-jcb" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg"><title id="pi-jcb">JCB</title><g fill="none" fill-rule="evenodd"><g fill-rule="nonzero"><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/></g><path d="M11.5 5H15v11.5a2.5 2.5 0 0 1-2.5 2.5H9V7.5A2.5 2.5 0 0 1 11.5 5z" fill="#006EBC"/><path d="M18.5 5H22v11.5a2.5 2.5 0 0 1-2.5 2.5H16V7.5A2.5 2.5 0 0 1 18.5 5z" fill="#F00036"/><path d="M25.5 5H29v11.5a2.5 2.5 0 0 1-2.5 2.5H23V7.5A2.5 2.5 0 0 1 25.5 5z" fill="#2AB419"/><path d="M10.755 14.5c-1.06 0-2.122-.304-2.656-.987l.78-.676c.068 1.133 3.545 1.24 3.545-.19V9.5h1.802v3.147c0 .728-.574 1.322-1.573 1.632-.466.144-1.365.221-1.898.221zm8.116 0c-.674 0-1.388-.107-1.965-.366-.948-.425-1.312-1.206-1.3-2.199.012-1.014.436-1.782 1.468-2.165 1.319-.49 3.343-.261 3.926.27v.972c-.572-.521-1.958-.898-2.919-.46-.494.226-.737.917-.744 1.448-.006.56.245 1.252.744 1.497.953.467 2.39.04 2.919-.441v1.01c-.358.255-1.253.434-2.129.434zm8.679-2.587c.37-.235.582-.567.582-1.005 0-.438-.116-.687-.348-.939-.206-.207-.58-.469-1.238-.469H23v5h3.546c.696 0 1.097-.23 1.315-.415.283-.25.426-.53.426-.96 0-.431-.155-.908-.737-1.212zm-1.906-.281h-1.428v-1.444h1.495c.956 0 .944 1.444-.067 1.444zm.288 2.157h-1.716v-1.513h1.716c.986 0 1.083 1.513 0 1.513z" fill="#FFF" fill-rule="nonzero"/></g></svg>
                </li>
              
                <li class="mx-2 mb-5">
                  <svg class="payment-icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg>
                </li>
              
                <li class="mx-2 mb-5">
                  <svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg>

                </li>
              
                <li class="mx-2 mb-5">
                  <svg class="payment-icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg>
                </li>
              
            </ul>
          </div>
        
      </div>
    </div>
  </div>
</section>


</div>
<!-- END sections: footer-group --><!-- BEGIN sections: overlay-group -->
<div id="shopify-section-sections--16237332922526__popup" class="shopify-section shopify-section-group-overlay-group contents">
  



  <script
    src="//www.kinokaban.com/cdn/shop/t/9/assets/sections-promo-popup.bundle.min.js?v=83848344301123715231739666958"
    type="module"
  ></script>



</div><div id="shopify-section-sections--16237332922526__cookies-banner" class="shopify-section shopify-section-group-overlay-group">
  <section
    class="fixed bottom-0 grid w-full items-center gap-5 bg-scheme-background p-5 text-theme-basic text-scheme-text md:grid-cols-[1fr,_auto]"
    data-color-scheme="scheme2"
    x-cloak
    x-data="
      Theme_CookiesBanner(
        {
          enabled: true,
          sectionId: 'sections--16237332922526__cookies-banner'
        }
      )
    "
    x-show="shown"
    x-transition:enter="transition ease-gentle duration-[444ms]"
    x-transition:enter-start="translate-y-full"
    x-transition:enter-end="translate-y-0"
    x-transition:leave="transition ease-gentle duration-[444ms]"
    x-transition:leave-start="translate-y-0"
    x-transition:leave-end="translate-y-full"
  >
    <p class="block md:max-w-[24rem]">
      このウェブサイトはCookieを利用しています
    </p>
    <div class="">
      <button
        class="theme-button theme-button--solid mr-3"
        type="button"
        @click="accept"
      >
        受け入れる
      </button>
      <button
        class="theme-button"
        type="button"
        @click="decline"
      >
        拒否する
      </button>
    </div>
  </section>



  <script src="//www.kinokaban.com/cdn/shop/t/9/assets/cookies-banner.js?v=50042305829643112131739666948" type="module"></script>



</div>
<!-- END sections: overlay-group -->

    <div
      id="screenreader-announce"
      class="sr-only"
      aria-live="polite"
      role="status"
    ></div>

    <ul hidden>
      <li id="a11y-refresh-page-message">
        Choosing a selection results in a full page refresh.
      </li>
      <li id="a11y-selection-message">
        Press the space key then arrow keys to make a selection.
      </li>
    </ul>

    
    <aside x-data>
  <template x-teleport="body">
    <div
      x-show="$store.modals.leftDrawer.open"
      @keydown.escape.prevent.stop="$store.modals.close('leftDrawer')"
      @click="$store.modals.close('leftDrawer')"
      class="fixed inset-0 z-110"
      data-color-scheme="scheme2"
      id="modals-leftDrawer"
      @left-drawer-is-open.window="setTimeout(() => { $focus.first() }, 120)"
    >
      <div
        x-show="$store.modals.leftDrawer.open"
        x-transition.opacity.duration.500ms
        class="fixed inset-0 bg-scheme-text/50"
      >
        <!-- Overlay -->
      </div>
      <div
        @click.stop
        x-show="$store.modals.leftDrawer.open"
        x-transition:enter="transition ease-energetic duration-[300ms]"
        x-transition:enter-start="-translate-x-full"
        x-transition:enter-end="translate-x-0"
        x-transition:leave="transition ease-energetic duration-[300ms] is-leaving"
        x-transition:leave-start="translate-x-0"
        x-transition:leave-end="-translate-x-full"
        x-trap.noscroll.inert="$store.modals.leftDrawer.open"
        class="relative mr-auto h-full w-11/12 overflow-y-auto bg-scheme-background px-5 text-scheme-text md:w-7/12 lg:w-5/12 lg:px-10"
        :class="{ 'max-w-sm': $store.modals.leftDrawer.contents === 'filters' }"
        id="left-drawer-slot"
        role="dialog"
        aria-modal="true"
        :aria-label="getModalLabel('leftDrawer', $el)"
        tabindex="-1"
      >
        <!-- Modal content is teleported here -->
      </div>
    </div>
  </template>
</aside>
<aside x-data>
  <template x-teleport="body">
    <div
      x-show="$store.modals.rightDrawer.open"
      @keydown.escape.prevent.stop="$store.modals.close('rightDrawer')"
      @click="$store.modals.close('rightDrawer')"
      class="fixed inset-0 z-110"
      data-color-scheme="scheme2"
      id="modals-rightDrawer"
      @right-drawer-is-open.window="setTimeout(() => { $focus.first() }, 120)"
    >
      <div
        x-show="$store.modals.rightDrawer.open"
        class="fixed inset-0 bg-scheme-text/50"
        x-transition.opacity.duration.500ms
      >
        <!-- Overlay -->
      </div>
      <div
        @click.stop
        x-show="$store.modals.rightDrawer.open"
        x-transition:enter="transition ease-energetic duration-[300ms]"
        x-transition:enter-start="translate-x-full"
        x-transition:enter-end="translate-x-0"
        x-transition:leave="transition ease-energetic duration-[300ms]"
        x-transition:leave-start="translate-x-0"
        x-transition:leave-end="translate-x-full"
        x-trap.noscroll.inert="$store.modals.rightDrawer.open"
        class="relative ml-auto h-full w-11/12 overflow-y-auto bg-scheme-background text-scheme-text md:w-7/12 lg:w-5/12"
        id="right-drawer-slot"
        role="dialog"
        aria-modal="true"
        :aria-label="getModalLabel('rightDrawer', $el)"
        tabindex="-1"
      >
        <!-- Modal content is teleported here -->
      </div>
    </div>
  </template>
</aside>
<div x-data>
  <template x-teleport="body">
    <div
      x-show="$store.modals.modal.open"
      @keydown.escape.prevent.stop="$store.modals.close('modal')"
      @click="$store.modals.close('modal')"
      class="fixed inset-0 z-110"
      data-color-scheme="scheme2"
      id="modals-modal"
      @modal-is-open.window="setTimeout(() => { $focus.first() }, 120)"
    >
      <div
        x-show="$store.modals.modal.open"
        class="flex h-full w-full"
      >
        <div
          @click.stop
          x-show="$store.modals.modal.open"
          x-transition:enter="transition ease-gentle duration-[600ms] delay-75"
          x-transition:enter-start="translate-y-6 scale-[0.99] opacity-0"
          x-transition:enter-end="translate-y-0 scale-100 opacity-100"
          x-transition:leave="transition ease-gentle duration-[600ms]"
          x-transition:leave-start="scale-100 opacity-100"
          x-transition:leave-end="scale-[0.98] opacity-0"
          x-trap.noscroll.inert="$store.modals.modal.open"
          class="relative m-auto h-full w-full overflow-y-auto bg-scheme-background text-scheme-text"
          id="modal-slot"
          role="dialog"
          aria-modal="true"
          :aria-label="getModalLabel('modal', $el)"
          tabindex="-1"
        >
          <!-- Modal content is teleported here -->
        </div>
      </div>
    </div>
  </template>
</div>
<div
  x-data
>
  <template x-teleport="body">
    <div
      x-show="$store.modals.promo.open"
      class="pointer-events-none fixed inset-0 z-110"
      data-color-scheme="scheme2"
      id="modals-promo"
    >
      <div
        x-show="$store.modals.promo.open"
        class="flex h-full w-full"
      >
        <div
          x-show="$store.modals.promo.open"
          x-transition:enter="transition ease-gentle duration-[300ms] delay-75"
          x-transition:enter-start="translate-y-4 scale-[0.99] opacity-0"
          x-transition:enter-end="translate-y-0 opacity-100"
          x-transition:leave="transition ease-gentle duration-[300ms]"
          x-transition:leave-start="scale-100 opacity-100"
          x-transition:leave-end="scale-[0.925] opacity-0"
          class="pointer-events-auto relative bottom-0 left-0 right-0 top-auto ml-auto mr-auto mt-auto overflow-y-auto bg-scheme-background text-scheme-text md:left-auto md:mb-12 md:mr-12"
          id="promo-slot"
          role="dialog"
          aria-modal="true"
          :aria-label="getModalLabel('promo', $el)"
          tabindex="-1"
        >
          <!-- Modal content is teleported here -->
        </div>
      </div>
    </div>
  </template>
</div>
<div x-data>
  <template x-teleport="body">
    <div
      x-show="$store.modals.popup.open"
      @keydown.escape.prevent.stop="$store.modals.close('popup')"
      @click="$store.modals.close('popup')"
      class="fixed inset-0 z-110"
      data-color-scheme="scheme2"
      id="modals-popup"
      @popup-is-open.window="setTimeout(() => { $focus.first() }, 120)"
    >
      <div
        x-show="$store.modals.popup.open"
        x-transition:enter.opacity.duration.200ms
        x-transition:leave.opacity.duration.225ms.delay.125ms
        class="fixed inset-0 bg-scheme-text/50"
      >
        <!-- Overlay -->
      </div>
      <div
        x-show="$store.modals.popup.open"
        class="flex h-full w-full"
      >
        <div
          @click.stop
          x-show="$store.modals.popup.open"
          x-transition:enter="transition ease-gentle duration-[300ms] delay-75"
          x-transition:enter-start="translate-y-4 scale-[0.99] opacity-0"
          x-transition:enter-end="translate-y-0 opacity-100"
          x-transition:leave="transition ease-gentle duration-[300ms]"
          x-transition:leave-start="scale-100 opacity-100"
          x-transition:leave-end="scale-[0.925] opacity-0"
          x-trap.noscroll.inert="$store.modals.popup.open"
          class="relative m-auto h-5/6 w-9/12 overflow-y-auto bg-scheme-background px-5 text-scheme-text md:px-5 lg:px-10"
          id="popup-slot"
          role="dialog"
          aria-modal="true"
          :aria-label="getModalLabel('popup', $el)"
          tabindex="-1"
        >
          <!-- Modal content is teleported here -->
        </div>
      </div>
    </div>
  </template>
</div>

    <script src="//www.kinokaban.com/cdn/shop/t/9/assets/modals.js?v=50287774283380226301739666952" type="module"></script>

    
    
      <div
  x-data="ThemeModule_ModalCart({openOnAddToCart: true})"
  x-cloak
>
  <div>
    <template x-teleport="#right-drawer-slot">
      <div
        class="flex h-screen max-h-full flex-col overflow-hidden overflow-y-auto"
        :data-modal-label="`Shopping Card - ${$store.cart_count.countWithText()}`"
        x-show="$store.modals.rightDrawer.contents === 'cart'"
      >
        <div class="sticky top-0 bg-scheme-background px-5 lg:px-10">
          <div class="relative mt-5 flex items-center justify-between border-b border-scheme-text py-4">
            <h2 class="text-theme-basic" class="" tabindex="-1">
              Shopping Card
            </h2>
            <button
              @click.prevent="$store.modals.close('cart')"
              class="top-0 block"
            >
              <span class="sr-only">Close (esc)</span>
              <span class="inline-block h-6 w-6"><svg
  class="theme-icon"
  viewBox="0 0 48 48"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M37.5 10.5L10.5 37.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M37.5 37.5L10.5 10.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
            </button>
          </div>
        </div>

        <div class="flex flex-auto flex-col px-5 lg:px-10 [&_.cart-items-list]:mb-5">
          <div
  x-data="ThemeModule_CartItems"
  data-cart-items
  class="flex flex-auto flex-col"
>
  
    <div class="py-section text-center">
      <p>カートが空です。</p>
    </div>
  
</div>
<p
  class="sr-only"
  id="cart-live-region-text"
  aria-live="polite"
  role="status"
  aria-hidden="true"
>
  新しい小計:
  ¥0 JPY
</p>

          
<div
  x-data="ThemeModule_CartFooter"
  class="contents"
  data-cart-footer
>
  
</div>

        </div>
      </div>
    </template>
  </div>
</div>
<script src="//www.kinokaban.com/cdn/shop/t/9/assets/modal-cart.js?v=25780699710082738261691616532" type="module"></script>

    
    <script
      src="//www.kinokaban.com/cdn/shop/t/9/assets/alpine.bundle.min.js?v=156022417360474147081739666946"
      type="module"
    ></script>
  <script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>
