<!doctype html>
<html
  
  lang="ja"
>
  <head><link
        rel="icon"
        type="image/png"
        href="//www.bigjohn.co.jp/cdn/shop/files/BJ.png?crop=center&height=32&v=1750932334&width=32"
      >
    
    
      <link
        rel="expect"
        href="#MainContent"
        blocking="render"
        id="view-transition-render-blocker"
      >
    


<meta charset="utf-8">
<meta
  http-equiv="X-UA-Compatible"
  content="IE=edge"
>
<meta
  name="viewport"
  content="width=device-width,initial-scale=1"
>
<meta
  name="view-transition"
  content="same-origin"
>
<meta
  name="theme-color"
  content=""
>

<meta
  property="og:site_name"
  content="BIG JOHN【公式】オンラインショップ"
>
<meta
  property="og:url"
  content="https://bigjohn.co.jp/"
>
<meta
  property="og:title"
  content="BIG JOHN【公式】オンラインショップ"
>
<meta
  property="og:type"
  content="website"
>
<meta
  property="og:description"
  content="伝統を重んじ、しきたりを壊す。ビッグジョンのコレクションは、デニムへの深い本物をもとに製作しており、ビンテージの研究データと現代的なデザインを組み合わせ、他にはないユニークで優れたアイテムを作り出しています。"
><meta
  name="twitter:card"
  content="summary_large_image"
>
<meta
  name="twitter:title"
  content="BIG JOHN【公式】オンラインショップ"
>
<meta
  name="twitter:description"
  content="伝統を重んじ、しきたりを壊す。ビッグジョンのコレクションは、デニムへの深い本物をもとに製作しており、ビンテージの研究データと現代的なデザインを組み合わせ、他にはないユニークで優れたアイテムを作り出しています。"
>

<title>
  BIG JOHN【公式】オンラインショップ
</title>

<link
  rel="canonical"
  href="https://bigjohn.co.jp/"
>


  <meta
    name="description"
    content="伝統を重んじ、しきたりを壊す。ビッグジョンのコレクションは、デニムへの深い本物をもとに製作しており、ビンテージの研究データと現代的なデザインを組み合わせ、他にはないユニークで優れたアイテムを作り出しています。"
  >

<link href="//www.bigjohn.co.jp/cdn/shop/t/29/assets/overflow-list.css?v=16727044177065489451776848208" as="style" rel="preload">
<link href="//www.bigjohn.co.jp/cdn/shop/t/29/assets/base.css?v=110558660533795380521776848219" rel="stylesheet" type="text/css" media="all" />

<link
    rel="preload"
    as="font"
    href="//www.bigjohn.co.jp/cdn/fonts/noto_sans_japanese/notosansjapanese_n5.a1e978aad0e9144c0f0306d9ef6b2aa3e7a325ad.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//www.bigjohn.co.jp/cdn/fonts/noto_sans_japanese/notosansjapanese_n8.f4ebff36bf61ae89f8aea77acb4dc3fc4003b483.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//www.bigjohn.co.jp/cdn/fonts/noto_sans_japanese/notosansjapanese_n9.6e5d29c504d2683cd604008ce36faf7e719890b5.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  >


<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script type="importmap">
  {
    "imports": {
      "@theme/overflow-list": "//www.bigjohn.co.jp/cdn/shop/t/29/assets/overflow-list.js?v=46858356770684902511776848219",
      "@theme/product-title": "//www.bigjohn.co.jp/cdn/shop/t/29/assets/product-title-truncation.js?v=81744426891537421781776848209",
      "@theme/component": "//www.bigjohn.co.jp/cdn/shop/t/29/assets/component.js?v=184240237101443119871776848224",
      "@theme/dialog": "//www.bigjohn.co.jp/cdn/shop/t/29/assets/dialog.js?v=150888536568694194021776848196",
      "@theme/events": "//www.bigjohn.co.jp/cdn/shop/t/29/assets/events.js?v=1118589085892804011776848202",
      "@theme/focus": "//www.bigjohn.co.jp/cdn/shop/t/29/assets/focus.js?v=60436577539430446401776848221",
      "@theme/morph": "//www.bigjohn.co.jp/cdn/shop/t/29/assets/morph.js?v=104045809772310330131776848212",
      "@theme/paginated-list": "//www.bigjohn.co.jp/cdn/shop/t/29/assets/paginated-list.js?v=95298315036233333871776848216",
      "@theme/performance": "//www.bigjohn.co.jp/cdn/shop/t/29/assets/performance.js?v=171015751390534793081776848207",
      "@theme/product-form": "//www.bigjohn.co.jp/cdn/shop/t/29/assets/product-form.js?v=142170751179338062901776848229",
      "@theme/recently-viewed-products": "//www.bigjohn.co.jp/cdn/shop/t/29/assets/recently-viewed-products.js?v=94729125001750262651776848221",
      "@theme/scrolling": "//www.bigjohn.co.jp/cdn/shop/t/29/assets/scrolling.js?v=162288454571026455011776848209",
      "@theme/section-renderer": "//www.bigjohn.co.jp/cdn/shop/t/29/assets/section-renderer.js?v=123311117485513785771776848201",
      "@theme/section-hydration": "//www.bigjohn.co.jp/cdn/shop/t/29/assets/section-hydration.js?v=108434990705342316311776848228",
      "@theme/money-formatting": "//www.bigjohn.co.jp/cdn/shop/t/29/assets/money-formatting.js?v=182191346160333327151776848224",
      "@theme/utilities": "//www.bigjohn.co.jp/cdn/shop/t/29/assets/utilities.js?v=28506172887375975941776848203",
      "@theme/variant-picker": "//www.bigjohn.co.jp/cdn/shop/t/29/assets/variant-picker.js?v=24924540959574313291776848199",
      "@theme/media-gallery": "//www.bigjohn.co.jp/cdn/shop/t/29/assets/media-gallery.js?v=14624021005636302161776848225",
      "@theme/quick-add": "//www.bigjohn.co.jp/cdn/shop/t/29/assets/quick-add.js?v=114575661933533593881776848211",
      "@theme/paginated-list-aspect-ratio": "//www.bigjohn.co.jp/cdn/shop/t/29/assets/paginated-list-aspect-ratio.js?v=25254270272143792451776848206",
      "@theme/popover-polyfill": "//www.bigjohn.co.jp/cdn/shop/t/29/assets/popover-polyfill.js?v=119029313658895111201776848198",
      "@theme/component-quantity-selector": "//www.bigjohn.co.jp/cdn/shop/t/29/assets/component-quantity-selector.js?v=67906657287482036641776848215",
      "@theme/comparison-slider": "//www.bigjohn.co.jp/cdn/shop/t/29/assets/comparison-slider.js?v=106705562947035711941776848211",
      "@theme/sticky-add-to-cart": "//www.bigjohn.co.jp/cdn/shop/t/29/assets/sticky-add-to-cart.js?v=48956925339276737091776848222",
      "@theme/fly-to-cart": "//www.bigjohn.co.jp/cdn/shop/t/29/assets/fly-to-cart.js?v=48483246440248933081776848216"
    }
  }
</script>

<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/view-transitions.js?v=7106414069516106341776848205"
  async
  
    blocking="render"
  
></script>

<link
  rel="modulepreload"
  href="//www.bigjohn.co.jp/cdn/shop/t/29/assets/utilities.js?v=28506172887375975941776848203"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//www.bigjohn.co.jp/cdn/shop/t/29/assets/component.js?v=184240237101443119871776848224"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//www.bigjohn.co.jp/cdn/shop/t/29/assets/section-renderer.js?v=123311117485513785771776848201"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//www.bigjohn.co.jp/cdn/shop/t/29/assets/section-hydration.js?v=108434990705342316311776848228"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//www.bigjohn.co.jp/cdn/shop/t/29/assets/morph.js?v=104045809772310330131776848212"
  fetchpriority="low"
>



<link
  rel="modulepreload"
  href="//www.bigjohn.co.jp/cdn/shop/t/29/assets/focus.js?v=60436577539430446401776848221"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//www.bigjohn.co.jp/cdn/shop/t/29/assets/recently-viewed-products.js?v=94729125001750262651776848221"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//www.bigjohn.co.jp/cdn/shop/t/29/assets/scrolling.js?v=162288454571026455011776848209"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//www.bigjohn.co.jp/cdn/shop/t/29/assets/events.js?v=1118589085892804011776848202"
  fetchpriority="low"
>
<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/popover-polyfill.js?v=119029313658895111201776848198"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/overflow-list.js?v=46858356770684902511776848219"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/quick-add.js?v=114575661933533593881776848211"
  type="module"
  fetchpriority="low"
></script>

  <script
    src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/cart-discount.js?v=107077853990124422021776848208"
    type="module"
    fetchpriority="low"
  ></script>


<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/dialog.js?v=150888536568694194021776848196"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/variant-picker.js?v=24924540959574313291776848199"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/product-card.js?v=28695665944407642501776848217"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/product-form.js?v=142170751179338062901776848229"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/fly-to-cart.js?v=48483246440248933081776848216"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/accordion-custom.js?v=97588419883090888471776848205"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/media.js?v=37825095869491791421776848215"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/product-price.js?v=83480980452100801711776848213"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/product-sku.js?v=121804655373531320511776848199"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/product-title-truncation.js?v=81744426891537421781776848209"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/product-inventory.js?v=81520546963552472391776848227"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/show-more.js?v=94563802205717136101776848197"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/slideshow.js?v=168726587398279102001776848226"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/layered-slideshow.js?v=30135417790894624731776848230"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/anchored-popover.js?v=95953304814728754461776848226"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/floating-panel.js?v=151277338116891310371776848204"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/video-background.js?v=25237992823806706551776848213"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/component-quantity-selector.js?v=67906657287482036641776848215"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/media-gallery.js?v=14624021005636302161776848225"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/rte-formatter.js?v=40306132146590816021776848230"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/volume-pricing.js?v=15442793518842484731776848217"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/price-per-item.js?v=144512917617120124431776848210"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/volume-pricing-info.js?v=94479640769665442661776848195"
  type="module"
  fetchpriority="low"
></script>





<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/auto-close-details.js?v=58350291535404441581776848211"
  defer="defer"
></script>

<script>
  const Theme = {
    translations: {
      placeholder_image: `プレースホルダーの画像`,
      added: `追加済み`,
      recipient_form_fields_visible: `受信者フォームフィールドが表示されました`,
      recipient_form_fields_hidden: `受信者フォームフィールドが非表示になりました`,
      recipient_form_error: `フォームの送信の際にエラーが発生しました`,
      items_added_to_cart_one: `1個のアイテムがカートに追加されました`,
      items_added_to_cart_other: `{{ count }}個のアイテムがカートに追加されました`,
      cart_count: `カート内の合計アイテム数`,
    },
    routes: {
      cart_add_url: '/cart/add.js',
      cart_change_url: '/cart/change',
      cart_update_url: '/cart/update',
      cart_url: '/cart',
      predictive_search_url: '/search/suggest',
      search_url: '/search',
    },
    template: {
      name: 'index',
    },
  };
</script>
<style data-shopify>
@font-face {
  font-family: "Noto Sans Japanese";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("//www.bigjohn.co.jp/cdn/fonts/noto_sans_japanese/notosansjapanese_n5.a1e978aad0e9144c0f0306d9ef6b2aa3e7a325ad.woff2") format("woff2"),
       url("//www.bigjohn.co.jp/cdn/fonts/noto_sans_japanese/notosansjapanese_n5.c4a324dae2ef31aa5d8845f82138a71765d32f37.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//www.bigjohn.co.jp/cdn/fonts/noto_sans_japanese/notosansjapanese_n7.1abda075dc6bf08053b865d23e5712ef6cfa899b.woff2") format("woff2"),
       url("//www.bigjohn.co.jp/cdn/fonts/noto_sans_japanese/notosansjapanese_n7.aa2be2df2112f4742b97ac4fa9dca5bb760e3ab4.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url("//www.bigjohn.co.jp/cdn/fonts/noto_sans_japanese/notosansjapanese_n8.f4ebff36bf61ae89f8aea77acb4dc3fc4003b483.woff2") format("woff2"),
       url("//www.bigjohn.co.jp/cdn/fonts/noto_sans_japanese/notosansjapanese_n8.087cd082edb1cf8a85e59c7879281377f1973c73.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: url("//www.bigjohn.co.jp/cdn/fonts/noto_sans_japanese/notosansjapanese_n9.6e5d29c504d2683cd604008ce36faf7e719890b5.woff2") format("woff2"),
       url("//www.bigjohn.co.jp/cdn/fonts/noto_sans_japanese/notosansjapanese_n9.886afd478bcffe64b47f949026177c0c057e67e4.woff") format("woff");
}


  :root {
    /* Page Layout */
    --sidebar-width: 25rem;
    --narrow-content-width: 36rem;
    --normal-content-width: 42rem;
    --wide-content-width: 46rem;
    --narrow-page-width: 90rem;
    --normal-page-width: 120rem;
    --wide-page-width: 150rem;

    /* Section Heights */
    --section-height-small: 15rem;
    --section-height-medium: 25rem;
    --section-height-large: 35rem;

    @media screen and (min-width: 40em) {
      --section-height-small: 40svh;
      --section-height-medium: 55svh;
      --section-height-large: 70svh;
    }

    @media screen and (min-width: 60em) {
      --section-height-small: 50svh;
      --section-height-medium: 65svh;
      --section-height-large: 80svh;
    }

    /* Letter spacing */
    --letter-spacing-sm: 0.06em;
    --letter-spacing-md: 0.13em;

    /* Font families */
    --font-body--family: "system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --font-body--style: normal;
    --font-body--weight: 400;
    --font-subheading--family: "Noto Sans Japanese", sans-serif;
    --font-subheading--style: normal;
    --font-subheading--weight: 500;
    --font-heading--family: "Noto Sans Japanese", sans-serif;
    --font-heading--style: normal;
    --font-heading--weight: 800;
    --font-accent--family: "Noto Sans Japanese", sans-serif;
    --font-accent--style: normal;
    --font-accent--weight: 900;

    /* Margin sizes */
    --font-heading--spacing: 0.25em;
    --font-h1--spacing: var(--font-heading--spacing);
    --font-h2--spacing: var(--font-heading--spacing);
    --font-h3--spacing: var(--font-heading--spacing);
    --font-h4--spacing: var(--font-heading--spacing);
    --font-h5--spacing: var(--font-heading--spacing);
    --font-h6--spacing: var(--font-heading--spacing);
    --font-paragraph--spacing: 0.5em;

    /* Heading colors */
    --font-h1--color: var(--color-foreground-heading);
    --font-h2--color: var(--color-foreground-heading);
    --font-h3--color: var(--color-foreground-heading);
    --font-h4--color: var(--color-foreground-heading);
    --font-h5--color: var(--color-foreground-heading);
    --font-h6--color: var(--color-foreground-heading);

    /** Z-Index / Layering */
    --layer-section-background: -2;
    --layer-lowest: -1;
    --layer-base: 0;
    --layer-flat: 1;
    --layer-raised: 2;
    --layer-heightened: 4;
    --layer-sticky: 8;
    --layer-window-overlay: 10;
    --layer-header-menu: 12;
    --layer-overlay: 16;
    --layer-menu-drawer: 18;
    --layer-temporary: 20;

    /* Max-width / Measure */
    --max-width--body-normal: 32.5em;
    --max-width--body-narrow: 22.75em;

    --max-width--heading-normal: 32.5em;
    --max-width--heading-narrow: 19.5em;

    --max-width--display-normal: 13em;
    --max-width--display-narrow: 9.75em;
    --max-width--display-tight: 3.25em;

    /* Letter-spacing / Tracking */
    --letter-spacing--display-tight: -0.03em;
    --letter-spacing--display-normal: 0em;
    --letter-spacing--display-loose: 0.03em;

    --letter-spacing--heading-tight: -0.03em;
    --letter-spacing--heading-normal: 0em;
    --letter-spacing--heading-loose: 0.03em;

    --letter-spacing--body-tight: -0.03em;
    --letter-spacing--body-normal: 0em;
    --letter-spacing--body-loose: 0.03em;

    /* Line height / Leading */
    --line-height: 1;

    --line-height--display-tight: 1;
    --line-height--display-normal: 1.1;
    --line-height--display-loose: 1.2;

    --line-height--heading-tight: 1.15;
    --line-height--heading-normal: 1.25;
    --line-height--heading-loose: 1.35;

    --line-height--body-tight: 1.2;
    --line-height--body-normal: 1.4;
    --line-height--body-loose: 1.6;

    /* Typography presets */
    --font-size--paragraph: 0.875rem;--font-size--h1: 2.0rem;--font-size--h2: 2.0rem;--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 0.875rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-accent--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-accent--family);--font-h1--style: var(--font-accent--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-loose);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-tight);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-tight);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-loose);

    /* Hardcoded font sizes */
    --font-size--3xs: 0.625rem;
    --font-size--2xs: 0.75rem;
    --font-size--xs: 0.8125rem;
    --font-size--sm: 0.875rem;
    --font-size--md: 1rem;
    --font-size--lg: 1.125rem;
    --font-size--xl: 1.25rem;
    --font-size--2xl: 1.5rem;
    --font-size--3xl: 2rem;
    --font-size--4xl: 2.5rem;
    --font-size--5xl: 3rem;
    --font-size--6xl: 3.5rem;

    /* Menu font sizes */
    --menu-font-sm--size: 0.875rem;
    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
    --menu-font-md--size: 1rem;
    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
    --menu-font-lg--size: 1.125rem;
    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
    --menu-font-xl--size: 1.25rem;
    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
    --menu-font-2xl--size: 1.75rem;
    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));

    /* Colors */
    --color-error: #8B0000;
    --color-success: #006400;
    --color-white: #FFFFFF;
    --color-white-rgb: 255 255 255;
    --color-black: #000000;
    --color-instock: #3ED660;
    --color-lowstock: #EE9441;
    --color-outofstock: #C8C8C8;

    /* Opacity */
    --opacity-5: 0.05;
    --opacity-8: 0.08;
    --opacity-10: 0.1;
    --opacity-15: 0.15;
    --opacity-20: 0.2;
    --opacity-25: 0.25;
    --opacity-30: 0.3;
    --opacity-40: 0.4;
    --opacity-50: 0.5;
    --opacity-60: 0.6;
    --opacity-70: 0.7;
    --opacity-80: 0.8;
    --opacity-85: 0.85;
    --opacity-90: 0.9;
    --opacity-subdued-text: var(--opacity-70);

    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);

    /* Spacing */
    --margin-3xs: 0.125rem;
    --margin-2xs: 0.3rem;
    --margin-xs: 0.5rem;
    --margin-sm: 0.7rem;
    --margin-md: 0.8rem;
    --margin-lg: 1rem;
    --margin-xl: 1.25rem;
    --margin-2xl: 1.5rem;
    --margin-3xl: 1.75rem;
    --margin-4xl: 2rem;
    --margin-5xl: 3rem;
    --margin-6xl: 5rem;

    --scroll-margin: 50px;

    --padding-3xs: 0.125rem;
    --padding-2xs: 0.25rem;
    --padding-xs: 0.5rem;
    --padding-sm: 0.7rem;
    --padding-md: 0.8rem;
    --padding-lg: 1rem;
    --padding-xl: 1.25rem;
    --padding-2xl: 1.5rem;
    --padding-3xl: 1.75rem;
    --padding-4xl: 2rem;
    --padding-5xl: 3rem;
    --padding-6xl: 4rem;

    --gap-3xs: 0.125rem;
    --gap-2xs: 0.3rem;
    --gap-xs: 0.5rem;
    --gap-sm: 0.7rem;
    --gap-md: 0.9rem;
    --gap-lg: 1rem;
    --gap-xl: 1.25rem;
    --gap-2xl: 2rem;
    --gap-3xl: 3rem;

    --spacing-scale-sm: 0.6;
    --spacing-scale-md: 0.7;
    --spacing-scale-default: 1.0;

    /* Checkout buttons gap */
    --checkout-button-gap: 10px;

    /* Borders */
    --style-border-width: 1px;
    --style-border-radius-xs: 0.2rem;
    --style-border-radius-sm: 0.6rem;
    --style-border-radius-md: 0.8rem;
    --style-border-radius-50: 50%;
    --style-border-radius-lg: 1rem;
    --style-border-radius-pills: 40px;
    --style-border-radius-inputs: 4px;
    --style-border-radius-buttons-primary: 14px;
    --style-border-radius-buttons-secondary: 14px;
    --style-border-width-primary: 0px;
    --style-border-width-secondary: 1px;
    --style-border-width-inputs: 1px;
    --style-border-radius-popover: 14px;
    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
    --style-border-swatch-opacity: 10%;
    --style-border-swatch-width: 1px;
    --style-border-swatch-style: solid;

    /* Animation */
    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --animation-speed-fast: 0.0625s;
    --animation-speed: 0.125s;
    --animation-speed-slow: 0.2s;
    --animation-speed-medium: 0.15s;
    --animation-easing: ease-in-out;
    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
    --drawer-animation-speed: 0.2s;
    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
    --animation-values: var(--animation-speed) var(--animation-easing);
    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
    /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
    --spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%);
    --spring-d300-b0-duration: 0.4980s;
    --spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%);
    --spring-d280-b0-duration: 0.4648s;
    --spring-d260-b0-easing: linear(0, 0.0058, 0.0216 2.15%, 0.0748 4.29%, 0.4646 15.03%, 0.5673, 0.655, 0.7279, 0.7872, 0.8349, 0.8727 34.36%, 0.9107, 0.9379 42.95%, 0.9609 48.31%, 0.9778 54.76%, 0.9887 62.27%, 0.9948 70.86%, 0.9983 82.67%, 0.9997 99.85%);
    --spring-d260-b0-duration: 0.4316s;
    --spring-d220-b0-easing: linear(
      0,
      0.0093 1.37%,
      0.0696 4.12%,
      0.4667 15.09%,
      0.6322 20.58%,
      0.6986 23.32%,
      0.7793 27.44%,
      0.8219 30.18%,
      0.8721,
      0.9089 38.42%,
      0.9427,
      0.9644,
      0.978 54.88%,
      0.9881 61.74%,
      0.9944 69.97%,
      0.998 80.95%,
      0.9996 98.78%
    );
    --spring-d220-b0-duration: 0.3818s;
    --spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%);
    --spring-d180-b0-duration: 0.2988s;

    /* View transitions */
    /* View transition old */
    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;

    /* View transition new */
    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;

    /* Focus */
    --focus-outline-width: 0.09375rem;
    --focus-outline-offset: 0.2em;

    /* Badges */
    --badge-blob-padding-block: 1px;
    --badge-blob-padding-inline: 12px 8px;
    --badge-rectangle-padding-block: 1px;
    --badge-rectangle-padding-inline: 6px;
    @media screen and (min-width: 750px) {
      --badge-blob-padding-block: 4px;
      --badge-blob-padding-inline: 16px 12px;
      --badge-rectangle-padding-block: 4px;
      --badge-rectangle-padding-inline: 10px;
    }

    /* Icons */
    --icon-size-2xs: 0.6rem;
    --icon-size-xs: 0.85rem;
    --icon-size-sm: 1.25rem;
    --icon-size-md: 1.375rem;
    --icon-size-lg: 1.5rem;
    --icon-stroke-width: 1.5px;

    /* Input */
    --input-email-min-width: 200px;
    --input-search-max-width: 650px;
    --input-padding-y: 0.8rem;
    --input-padding-x: 0.8rem;
    --input-padding: var(--input-padding-y) var(--input-padding-x);
    --input-box-shadow-width: var(--style-border-width-inputs);
    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
    --input-textarea-min-height: 55px;

    /* Checkbox */
    --checkbox-size: 22px;
    --checkbox-border-radius: 7px;
    --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
    --checkbox-label-padding: 8px;

    @media screen and (min-width: 750px) {
      --checkbox-size: 16px;
      --checkbox-border-radius: 5px;
      --checkbox-label-padding: 6px;
    }

    /* Button size */
    --button-size-sm: 30px;
    --button-size-md: 36px;
    --button-size: var(--minimum-touch-target);
    --button-padding-inline: 24px;
    --button-padding-block: 16px;

    /* Button font-family */
    --button-font-family-primary: var(--font-body--family);
    --button-font-family-secondary: var(--font-body--family);

    /* Button text case */
    --button-text-case: ;
    --button-text-case-primary: default;
    --button-text-case-secondary: default;

    /* Borders */
    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
    --border-width-sm: 1px;
    --border-width-md: 2px;
    --border-width-lg: 5px;
    --border-radius-sm: 0.25rem;

    /* Drawers */
    --drawer-inline-padding: 25px;
    --drawer-menu-inline-padding: 2.5rem;
    --drawer-header-block-padding: 20px;
    --drawer-content-block-padding: 10px;
    --drawer-header-desktop-top: 0rem;
    --drawer-padding: calc(var(--padding-sm) + 7px);
    --drawer-height: 100dvh;
    --drawer-width: 95vw;
    --drawer-max-width: 500px;

    /* Variant Picker Swatches */
    --variant-picker-swatch-width-unitless: 34;
    --variant-picker-swatch-height-unitless: 34;
    --variant-picker-swatch-width: 34px;
    --variant-picker-swatch-height: 34px;
    --variant-picker-swatch-radius: 32px;
    --variant-picker-border-width: 1px;
    --variant-picker-border-style: solid;
    --variant-picker-border-opacity: 10%;

    /* Variant Picker Buttons */
    --variant-picker-button-radius: 14px;
    --variant-picker-button-border-width: 1px;

    /* Slideshow */
    --slideshow-controls-size: 3.5rem;
    --slideshow-controls-icon: 2rem;
    --peek-next-slide-size: 3rem;

    /* Utilities */
    --backdrop-opacity: 0.15;
    --backdrop-color-rgb: var(--color-shadow-rgb);
    --minimum-touch-target: 44px;
    --disabled-opacity: 0.5;
    --skeleton-opacity: 0.025;

    /* Shapes */
    --shape--circle: circle(50% at center);
    --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);

    /* Buy buttons */
    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));

    /* Card image width and height variables */
    --card-width-small: 10rem;

    --height-small: 10rem;
    --height-medium: 11.5rem;
    --height-large: 13rem;
    --height-full: 100vh;

    @media screen and (min-width: 750px) {
      --height-small: 17.5rem;
      --height-medium: 21.25rem;
      --height-large: 25rem;
    }

    /* Modal */
    --modal-max-height: 65dvh;
    --quick-add-modal-height: min(38.5rem, 96vh);
    --quick-add-modal-width: min(54rem, 96vw);
    --quick-add-modal-gallery-width: 24rem;

    /* Card styles for search */
    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));

    /* Cart */
    --cart-primary-font-family: var(--font-body--family);
    --cart-primary-font-style: var(--font-body--style);
    --cart-primary-font-weight: var(--font-body--weight);
    --cart-secondary-font-family: var(--font-subheading--family);
    --cart-secondary-font-style: var(--font-subheading--style);
    --cart-secondary-font-weight: var(--font-subheading--weight);
  }
</style>


<style data-shopify>
  
    
      :root,
    
    
    
    .color-scheme-1 {
        --color-background: rgb(255 255 255 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 255 255 255;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 0.81);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 0.81);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(0 0 0 / 0.06);
        --color-border-rgb: 0 0 0;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.06);
        --color-secondary-button-border: rgb(0 0 0 / 0.06);
        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(51 51 51 / 1.0);
        --color-input-text-rgb: 51 51 51;
        --color-input-border: rgb(155 155 155 / 0.81);
        --color-input-hover-background: rgb(0 0 0 / 0.01);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(0 0 0 / 0.13);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-2 {
        --color-background: rgb(245 245 245 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 245 245 245;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 0.81);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 0.81);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(0 0 0 / 0.81);
        --color-border-rgb: 0 0 0;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(255 255 255 / 0.69);
        --color-secondary-button-border: rgb(255 255 255 / 0.69);
        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
        --color-input-background: rgb(0 0 0 / 0.0);
        --color-input-text: rgb(0 0 0 / 0.53);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 0.13);
        --color-input-hover-background: rgb(255 255 255 / 0.36);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-3 {
        --color-background: rgb(238 241 234 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 238 241 234;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 0.81);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 0.81);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(0 0 0 / 0.81);
        --color-border-rgb: 0 0 0;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(255 255 255 / 0.69);
        --color-secondary-button-border: rgb(255 255 255 / 0.69);
        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
        --color-input-background: rgb(0 0 0 / 0.0);
        --color-input-text: rgb(0 0 0 / 0.81);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 0.81);
        --color-input-hover-background: rgb(255 255 255 / 0.36);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-4 {
        --color-background: rgb(225 237 245 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 225 237 245;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 0.81);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 0.81);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(29 54 134 / 0.5);
        --color-border-rgb: 29 54 134;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(29 54 134 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(255 255 255 / 0.69);
        --color-secondary-button-border: rgb(0 0 0 / 0.81);
        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
        --color-input-background: rgb(0 0 0 / 0.0);
        --color-input-text: rgb(0 0 0 / 0.81);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 0.81);
        --color-input-hover-background: rgb(255 255 255 / 0.36);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-5 {
        --color-background: rgb(51 51 51 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 51 51 51;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(255 255 255 / 1.0);
        --color-foreground-rgb: 255 255 255;
        --color-foreground-heading: rgb(255 255 255 / 1.0);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: rgb(255 255 255 / 1.0);
        --color-primary-rgb: 255 255 255;
        --color-primary-hover: rgb(255 255 255 / 0.69);
        --color-primary-hover-rgb: 255 255 255;
        --color-border: rgb(255 255 255 / 0.69);
        --color-border-rgb: 255 255 255;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(0 0 0 / 1.0);
        --color-primary-button-background: rgb(255 255 255 / 1.0);
        --color-primary-button-border: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(255 255 255 / 0.69);
        --color-secondary-button-border: rgb(255 255 255 / 0.69);
        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
        --color-input-background: rgb(51 51 51 / 1.0);
        --color-input-text: rgb(255 255 255 / 0.93);
        --color-input-text-rgb: 255 255 255;
        --color-input-border: rgb(255 255 255 / 0.69);
        --color-input-hover-background: rgb(255 255 255 / 0.04);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-6 {
        --color-background: rgb(0 0 0 / 0.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 0 0 0;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(255 255 255 / 1.0);
        --color-foreground-rgb: 255 255 255;
        --color-foreground-heading: rgb(255 255 255 / 1.0);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: rgb(255 255 255 / 1.0);
        --color-primary-rgb: 255 255 255;
        --color-primary-hover: rgb(255 255 255 / 0.69);
        --color-primary-hover-rgb: 255 255 255;
        --color-border: rgb(230 230 230 / 1.0);
        --color-border-rgb: 230 230 230;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(0 0 0 / 1.0);
        --color-primary-button-background: rgb(255 255 255 / 1.0);
        --color-primary-button-border: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(255 255 255 / 0.69);
        --color-secondary-button-border: rgb(255 255 255 / 0.69);
        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 0.53);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 0.13);
        --color-input-hover-background: rgb(250 250 250 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
        --color-background: rgb(0 0 0 / 0.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 0 0 0;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(0 0 0 / 1.0);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 1.0);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 0.53);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(230 230 230 / 1.0);
        --color-border-rgb: 230 230 230;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.06);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 0.53);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 0.13);
        --color-input-hover-background: rgb(250 250 250 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  

  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
    color: var(--color-foreground);
    background-color: var(--color-background);
  }
</style>


    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="oO8pR5mAQbgGmcC0xqjACJ7GNPuvuAzsiliLZ2qWjIQ">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/6204260442/digital_wallets/dialog">
<script async="async" src="/checkouts/internal/preloads.js?locale=ja-JP"></script>
<script id="shopify-features" type="application/json">{"accessToken":"761e7f89a2512e99f7df08813e8fae9a","betas":["rich-media-storefront-analytics"],"domain":"www.bigjohn.co.jp","predictiveSearch":false,"shopId":6204260442,"locale":"ja"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "bigjohnjeans.myshopify.com";
Shopify.locale = "ja";
Shopify.currency = {"active":"JPY","rate":"1.0"};
Shopify.country = "JP";
Shopify.theme = {"name":"BIG JOHN カスタム20260422","id":152251629747,"schema_name":"Horizon","schema_version":"3.5.1","theme_store_id":2481,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "www.bigjohn.co.jp/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.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.bigjohn.co.jp/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.ja.esm.js"></script>
<script type="module">
  await import("//www.bigjohn.co.jp/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.ja.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":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:\/\/formbuilder.hulkapps.com\/skeletopapp.js?shop=bigjohnjeans.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":6204260442,"offset":32400,"reqid":"69c0181e-b530-45f1-a796-dd7852c2d248-1780996050","pageurl":"www.bigjohn.co.jp\/index.xml","u":"c0a9a738f901","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.bigjohn.co.jp/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></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.bigjohn.co.jp/cdn/shopifycloud/portable-wallets/latest/portable-wallets.ja.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<script async="async" integrity="sha256-hlq21VGceRKy8z+Fjhropk1BwDPACP0RdQ5rBrATyUo=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-67b41cb9.js" crossorigin="anonymous"></script>
<script async crossorigin src="/cdn/shopifycloud/autosizes-uploader/autosizes.1.0.0.js"></script>
<link rel="compression-dictionary" href="//www.bigjohn.co.jp/cdn/shop/t/29/compiled_assets/styles.css?v=28773759296090554651776848254" crossorigin="anonymous">
<link rel="stylesheet" media="screen" href="//www.bigjohn.co.jp/cdn/shop/t/29/compiled_assets/styles.css?v=28773759296090554651776848254&subset=AD4AAAABAAAwAAAAEJIAwFH8BJADAEGGalwTQA" crossorigin="anonymous">
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
    
  <!-- BEGIN app block: shopify://apps/geo-pro-geolocation/blocks/geopro/16fc5313-7aee-4e90-ac95-f50fc7c8b657 --><!-- This snippet is used to load Geo:Pro data on the storefront -->
<meta class='geo-ip' content='eyJwYXJhbWV0ZXJzIjp7ImxheW91dC1zZWxlY3RvciI6InJlZGlyZWN0IiwicGVybWFuZW50LXJlZGlyZWN0Ijp0cnVlLCJwb3B1cF9kZWxheSI6IjAiLCJkb21haW5zX2xpc3QiOmZhbHNlLCJzdG9yZV90aXRsZSI6IkJJRyBKT0hOXHUzMDEwXHU1MTZjXHU1ZjBmXHUzMDExXHUzMGFhXHUzMGYzXHUzMGU5XHUzMGE0XHUzMGYzXHUzMGI3XHUzMGU3XHUzMGMzXHUzMGQ3IiwicmVkaXJlY3RfdGV4dCI6Ikl0IHNlZW1zIHlvdSYjMzlyZSBpbiAlQ09VTlRSWSUuIFJlZGlyZWN0IHRvICVTVE9SRU5BTUUlPyIsInllcyI6IlllcywgcGxlYXNlIiwibm8iOiJObywgdGhhbmtzIiwiYmFja2dyb3VuZC1jb2xvciI6ImZmZmZmZiIsInRleHQtY29sb3IiOiIwMDAwMDAiLCJ5ZXMtYmFja2dyb3VuZC1jb2xvciI6IjAwMDAwMCIsInllcy10ZXh0LWNvbG9yIjoiZmZmZmZmIiwibm8tYmFja2dyb3VuZC1jb2xvciI6Ijg4ODg4OCIsIm5vLXRleHQtY29sb3IiOiJmZmZmZmYiLCJsb2NhbGl6YXRpb24iOltdLCJvd25lcl9pcCI6IjEzMy4yMDEuMTQuMjI1Iiwib3duZXJfaXBfbW9kZSI6dHJ1ZSwic2hvd19wb3B1cF9mb3Jfc2FtZV93ZWJzaXRlIjpmYWxzZSwiaGlkZV90aGVfbm9fYnV0dG9uIjpmYWxzZSwicmVwZWF0X3N3aXRjaGVyIjpmYWxzZSwicmVwZWF0X3BlcmlvZCI6IjEiLCJkaXNhYmxlZF9zdGF0ZSI6ZmFsc2UsImxhc3RfZW1iZWRkZWRfYXQiOiIyMDI2LTA0LTIyIDA4OjU3OjAzIn0sInJ1bGVzTGlzdCI6W3sicnVsZV9pZCI6IjI5MjI3IiwiY291bnRyaWVzIjoiQWxhbmQgSXNsYW5kcyxBbGJhbmlhLEFuZG9ycmEsQXJtZW5pYSxBdXN0cmlhLEJlbGFydXMsQmVsZ2l1bSxCb3NuaWEgQW5kIEhlcnplZ292aW5hLEJ1bGdhcmlhLENyb2F0aWEsQ3lwcnVzLEN6ZWNoaWEsRGVubWFyayxFc3RvbmlhLEZhcm9lIElzbGFuZHMsRmlubGFuZCxGcmFuY2UsR2VvcmdpYSxHZXJtYW55LEdpYnJhbHRhcixHcmVlY2UsR3JlZW5sYW5kLEd1YWRlbG91cGUsR3Vlcm5zZXksSHVuZ2FyeSxJY2VsYW5kLElyZWxhbmQsSXNsZSBPZiBNYW4sSXRhbHksSmVyc2V5LEtvc292byxMYXR2aWEsTGllY2h0ZW5zdGVpbixMaXRodWFuaWEsTHV4ZW1ib3VyZyxNYWx0YSxNYXlvdHRlLE1vbGRvdmEsTW9uYWNvLE1vbnRlbmVncm8sTmV0aGVybGFuZHMsTm9ydGggTWFjZWRvbmlhLE5vcndheSxQb2xhbmQsUG9ydHVnYWwsUmV1bmlvbixSb21hbmlhLFNhbiBNYXJpbm8sU2VyYmlhLFNsb3Zha2lhLFNsb3ZlbmlhLFNwYWluLFN2YWxiYXJkIEFuZCBKYW4gTWF5ZW4sU3dlZGVuLFN3aXR6ZXJsYW5kLFR1cmtleSxVa3JhaW5lLFVuaXRlZCBLaW5nZG9tLFZhdGljYW4gQ2l0eSxBZmdoYW5pc3RhbixBemVyYmFpamFuLEJhaHJhaW4sQmFuZ2xhZGVzaCxCaHV0YW4sQnJpdGlzaCBJbmRpYW4gT2NlYW4gVGVycml0b3J5LEJydW5laSxDYW1ib2RpYSxDaGluYSxDaHJpc3RtYXMgSXNsYW5kLENvY29zIChLZWVsaW5nKSBJc2xhbmRzLEhvbmcgS29uZyxJbmRpYSxJbmRvbmVzaWEsSXJhbixJcmFxLElzcmFlbCxKb3JkYW4sS2F6YWtoc3RhbixLb3JlYSxUaGUgRGVtb2NyYXRpYyBQZW9wbGVcdTIwMTlzIFJlcHVibGljLEt1d2FpdCxLeXJneXpzdGFuLExhb3MsTGViYW5vbixNYWNhbyxNYWxheXNpYSxNYWxkaXZlcyxNb25nb2xpYSxNeWFubWFyLE5lcGFsLE9tYW4sUGFraXN0YW4sUGFsZXN0aW5pYW4gVGVycml0b3JpZXMsUGhpbGlwcGluZXMsUWF0YXIsUnVzc2lhLFNhdWRpIEFyYWJpYSxTaW5nYXBvcmUsU291dGggS29yZWEsU3JpIExhbmthLFN5cmlhLFRhaXdhbixUYWppa2lzdGFuLFRoYWlsYW5kLFR1cmttZW5pc3RhbixVbml0ZWQgQXJhYiBFbWlyYXRlcyxVemJla2lzdGFuLFZpZXRuYW0sWWVtZW4sQWxnZXJpYSxBbmdvbGEsQmVuaW4sQm90c3dhbmEsQnVya2luYSBGYXNvLEJ1cnVuZGksQ2FtZXJvb24sQ2FwZSBWZXJkZSxDZW50cmFsIEFmcmljYW4gUmVwdWJsaWMsQ2hhZCxDb21vcm9zLENvbmdvLENvbmdvLCBUaGUgRGVtb2NyYXRpYyBSZXB1YmxpYyxDb3RlIEQnSXZvaXJlLERqaWJvdXRpLEVneXB0LEVxdWF0b3JpYWwgR3VpbmVhLEVyaXRyZWEsRXN3YXRpbmksRXRoaW9waWEsR2Fib24sR2FtYmlhLEdoYW5hLEd1aW5lYSxHdWluZWEgQmlzc2F1LEtlbnlhLExlc290aG8sTGliZXJpYSxMaWJ5YSxNYWRhZ2FzY2FyLE1hbGF3aSxNYWxpLE1hdXJpdGFuaWEsTWF1cml0aXVzLE1vcm9jY28sTW96YW1iaXF1ZSxOYW1pYmlhLE5pZ2VyLE5pZ2VyaWEsUndhbmRhLFNhbyBUb21lIEFuZCBQcmluY2lwZSxTZW5lZ2FsLFNleWNoZWxsZXMsU2llcnJhIExlb25lLFNvbWFsaWEsU291dGggQWZyaWNhLFNvdXRoIFN1ZGFuLFNhaW50IEhlbGVuYSxTdWRhbixUYW56YW5pYSxUb2dvLFR1bmlzaWEsVWdhbmRhLFdlc3Rlcm4gU2FoYXJhLFphbWJpYSxaaW1iYWJ3ZSxDYW5hZGEsTWV4aWNvLFVuaXRlZCBTdGF0ZXMsQW5ndWlsbGEsQW50aWd1YSBBbmQgQmFyYnVkYSxBcnViYSxCYWhhbWFzLEJhcmJhZG9zLEJlbGl6ZSxCZXJtdWRhLEJyaXRpc2ggVmlyZ2luIElzbGFuZHMsQ2F5bWFuIElzbGFuZHMsQ29zdGEgUmljYSxDdWJhLEN1cmFcdTAwZTdhbyxEb21pbmljYSxEb21pbmljYW4gUmVwdWJsaWMsRWwgU2FsdmFkb3IsR3JlbmFkYSxHdWF0ZW1hbGEsSGFpdGksSG9uZHVyYXMsSmFtYWljYSxNYXJ0aW5pcXVlLE1vbnRzZXJyYXQsTmljYXJhZ3VhLFBhbmFtYSxTaW50IE1hYXJ0ZW4sU2FpbnQgQmFydGhlbGVteSxTYWludCBLaXR0cyBBbmQgTmV2aXMsU2FpbnQgTHVjaWEsU2FpbnQgTWFydGluLFNhaW50IFBpZXJyZSBBbmQgTWlxdWVsb24sU2FpbnQgVmluY2VudCAmIEdyZW5hZGluZXMsVHJpbmlkYWQgYW5kIFRvYmFnbyxUdXJrcyBhbmQgQ2FpY29zIElzbGFuZHMsVS5TLiBPdXRseWluZyBJc2xhbmRzLEFyZ2VudGluYSxCb2xpdmlhLEJyYXppbCxDYXJpYmJlYW4gTmV0aGVybGFuZHMsQ2hpbGUsQ29sb21iaWEsRWN1YWRvcixGYWxrbGFuZCBJc2xhbmRzLEZyZW5jaCBHdWlhbmEsR3V5YW5hLEhlYXJkIElzbGFuZCBBbmQgTWNkb25hbGQgSXNsYW5kcyxQYXJhZ3VheSxQZXJ1LFN1cmluYW1lLFVydWd1YXksVmVuZXp1ZWxhLEF1c3RyYWxpYSxDb29rIElzbGFuZHMsRmlqaSxGcmVuY2ggUG9seW5lc2lhLEtpcmliYXRpLE5hdXJ1LE5ldyBDYWxlZG9uaWEsTmV3IFplYWxhbmQsTml1ZSxOb3Jmb2xrIElzbGFuZCxQYXB1YSBOZXcgR3VpbmVhLFBpdGNhaXJuLFNhbW9hLFNvbG9tb24gSXNsYW5kcyxUaW1vciBMZXN0ZSxUb2tlbGF1LFRvbmdhLFR1dmFsdSxWYW51YXR1LFdhbGxpcyBBbmQgRnV0dW5hLEJvdXZldCBJc2xhbmQsRnJlbmNoIFNvdXRoZXJuIFRlcnJpdG9yaWVzLFNvdXRoIEdlb3JnaWEgJiBTb3V0aCBTYW5kd2ljaCBJc2xhbmRzIiwiZXhjZXB0aW9ucyI6IiIsImlwIjoiIiwic3RvcmVfbmFtZSI6IklOVEwiLCJpcF9leGNlcHRpb25zIjoiIiwibGluayI6Imh0dHBzOlwvXC9iaWdqb2huLWplYW5zLmNvbVwvIiwiZG9tYWluX3JlZGlyZWN0IjoiMSIsIm1hcmtldF9pZCI6IjAifV19'>
<!-- This snippet initializes the plugin -->
<script async>
  // geopro loading script
  !function(){function e(e,t,o){try{if("function"!=typeof fetch)return;if("undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.indexOf("Baiduspider")>=0)return;var r="https://aa4cacd33be28673d7e69be559ce7ad7@o4506196830715904.ingest.us.sentry.io/4507550373445632",n=r.match(/^https:\/\/([^@]+)@([^/]+)\/(.+)$/),i={message:e,level:"error",environment:"production",transaction:location.href,user:{id:window.Shopify&&window.Shopify.shop?window.Shopify.shop:"unknown",ip_address:String.fromCharCode(123,123)+"auto"+String.fromCharCode(125,125)},extra:o||{},logger:"GeoProInline",exception:{type:t&&t.name?t.name:"Error",value:t&&t.message?t.message:String(t)}};fetch("https://"+n[2]+"/api/"+n[3]+"/envelope/?sentry_key="+n[1],{method:"POST",body:JSON.stringify({dsn:r,sent_at:(new Date).toISOString(),event_id:Math.random().toString(16).slice(2)})+'\n{"type":"event"}\n'+JSON.stringify(i)+"\n",headers:{"Content-Type":"text/plain"},keepalive:!0,referrerPolicy:"no-referrer",mode:"no-cors"}).catch(function(){})}catch(e){}}function t(){window.geopro_cancel="1"}try{var o=navigator&&navigator.userAgent?navigator.userAgent:"";!(r=o.toLowerCase())||/bot|crawl|spider|slurp|search|fetch|monitor|scrape|http|lighthouse|headless|phantom|selenium|playwright|puppeteer|wget|curl|python|java(?!script)|ruby|perl|go-http|axios|node-fetch|preview|facebookexternalhit|whatsapp|telegram|discord|embedly|skype|pingdom|uptimerobot|gtmetrix|pagespeed|chrome-lighthouse|ahrefs|semrush|mj12|dotbot|petalbot|yandex|baiduspider|bingpreview|duckduck|applebot|googlebot|bingbot/i.test(r)||["el-geoip-location-admin","el-geoip-location"].some(function(e){try{var t=JSON.parse(localStorage.getItem(e));return t&&t.expires>Date.now()}catch(e){return!1}})||function(){function o(o){try{if(!o||o.isCrawler||"success"!==o.message)return void t();var r=o.isAdmin?"el-geoip-location-admin":"el-geoip-location",n=Date.now()+36e5;localStorage.setItem(r,JSON.stringify({value:o.data,expires:n})),o.isAdmin&&localStorage.setItem("el-geoip-admin",JSON.stringify({value:"1",expires:n}))}catch(r){e("GeoPro inline runtime error",r,{phase:"callback",response:o}),t()}}var r="https://geo.geoproapp.com?x-api-key=91e359ab7-2b63-539e-1de2-c4bf731367a7",n=new XMLHttpRequest;n.open("GET",r,!0),n.responseType="json",n.timeout=5e3;var i=!1;function a(t){i||(i=!0,e("GeoPro inline XHR failed",new Error("XHR request failed: "+t),{url:r,eventType:t,status:n.status,readyState:n.readyState,timeout:n.timeout,responseURL:n.responseURL||null}),o(null))}n.onload=function(){if(200===n.status)return i=!0,void o(n.response);a("load")},n.onerror=function(){a("error")},n.ontimeout=function(){a("timeout")},n.onabort=function(){a("abort")},n.send()}()}catch(o){e("GeoPro inline runtime error",o,{phase:"load"}),t()}var r}();
</script>
<script src="https://cdn.shopify.com/extensions/019ea753-304c-7ae9-b46d-044dbc4d0923/easylocation-258/assets/easylocation-storefront.min.js" type="text/javascript" async></script>


<!-- END app block --><!-- BEGIN app block: shopify://apps/hulk-product-options/blocks/app-embed/380168ef-9475-4244-a291-f66b189208b5 --><!-- BEGIN app snippet: hulkapps_product_options --><script>
    
        window.hulkapps = {
        shop_slug: "bigjohnjeans",
        store_id: "bigjohnjeans.myshopify.com",
        money_format: "¥{{amount_no_decimals}}",
        cart: null,
        product: null,
        product_collections: null,
        product_variants: null,
        is_volume_discount: null,
        is_product_option: true,
        product_id: null,
        page_type: null,
        po_url: "https://productoption.hulkapps.com",
        po_proxy_url: "https://bigjohn.co.jp",
        vd_url: "https://volumediscount.hulkapps.com",
        customer: null,
        hulkapps_extension_js: true

    }
    window.is_hulkpo_installed=true
    

      window.hulkapps.page_type = "cart";
      window.hulkapps.cart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"JPY","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}
      if (typeof window.hulkapps.cart.items == "object") {
        for (var i=0; i<window.hulkapps.cart.items.length; i++) {
          ["sku", "grams", "vendor", "url", "image", "handle", "requires_shipping", "product_type", "product_description"].map(function(a) {
            delete window.hulkapps.cart.items[i][a]
          })
        }
      }
      window.hulkapps.cart_collections = {}
      

    

</script>

<!-- END app snippet --><!-- END app block --><!-- BEGIN app block: shopify://apps/ta-banner-pop-up/blocks/bss-banner-popup/2db47c8b-7637-4260-aa84-586b08e92aea --><script id='bss-banner-config-data'>
	if(typeof BSS_BP == "undefined") {
	  window.BSS_BP = {
	  	app_id: "155531739137",
			shop_id: "14722",
			is_watermark: "false",
			customer: null,
			shopDomain: "bigjohnjeans.myshopify.com",
			storefrontAccessToken: "c32ec56963875057020b2321f8eedb61",
			popup: {
				configs: [],
			},
			banner: {
				configs: []
			},
			window_popup: {
				configs: []
			},
			popupSettings: {
				delay_time: 2,
				gap_time: 3,
			},
			page_type: "index",
			productPageId: "",
			collectionPageId: "",
			noImageAvailableImgUrl: "https://cdn.shopify.com/extensions/019e804c-f6f5-7c9f-bf27-cd6042c669c5/version_4c5fc7cf-2026-06-01_06h09m/assets/no-image-available.png",
			currentLocale: {
				name: "日本語",
				primary: true,
				iso_code: "ja",
			},
			country: {
				name: "日本",
				iso_code: "JP",
				currencySymbol: "¥",
				market_id: "1680605363",
			},
			is_locked: false,
			partner_development: false,
			excluded_ips: '[]',
			current_page_ids: {
				product: "gid://shopify/Product/",
				collection: "gid://shopify/Collection/",
				page: "gid://shopify/Page/",
				blog: "gid://shopify/Blog/",
				article: "gid://shopify/Article/"
			},
			watermarkLogo: "https://cdn.shopify.com/extensions/019e804c-f6f5-7c9f-bf27-cd6042c669c5/version_4c5fc7cf-2026-06-01_06h09m/assets/watermark_128.png",
		}
		Object.defineProperty(BSS_BP, 'plan_code', {
			enumerable: false,
			configurable: false,
			writable: false,
			value: "free",
		});
		Object.defineProperty(BSS_BP, 'is_exceed_quota', {
			enumerable: false,
			configurable: false,
			writable: false,
			value: "",
		});
		Object.defineProperty(BSS_BP, 'is_legacy', {
			enumerable: false,
			configurable: false,
			writable: false,
			value: "true",
		});
	}
</script>



<!-- BEGIN app snippet: support-code -->
<!-- END app snippet -->


	<script
		id='init_script'
		defer
		src='https://cdn.shopify.com/extensions/019e804c-f6f5-7c9f-bf27-cd6042c669c5/version_4c5fc7cf-2026-06-01_06h09m/assets/bss.bp.index.js'
	></script>



<!-- END app block --><!-- BEGIN app block: shopify://apps/instafeed/blocks/head-block/c447db20-095d-4a10-9725-b5977662c9d5 -->

  
    <script>
      document.addEventListener('DOMContentLoaded', function () {
        var instafeedScript = document.createElement('script');
        instafeedScript.async = true;
        instafeedScript.src = "https:\/\/cdn.nfcube.com\/instafeed-e3bb2310649cfb273c0eb790c296acf4.js";
        document.body.appendChild(instafeedScript);
      });
    </script>
  





<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/clarity_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
<script type="text/javascript">
  (function (c, l, a, r, i, t, y) {
    c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); };
    t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=shopify";
    y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);

    c.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], error => {
      if (error) {
        console.error("Error loading Shopify features:", error);
        return;
      }

      c[a]('consentv2', {
        ad_Storage: c.Shopify.customerPrivacy.marketingAllowed() ? "granted" : "denied",
        analytics_Storage: c.Shopify.customerPrivacy.analyticsProcessingAllowed() ? "granted" : "denied",
        source: 101,
      });
    });

    l.addEventListener("visitorConsentCollected", function (e) {
      c[a]('consentv2', {
        ad_Storage: e.detail.marketingAllowed ? "granted" : "denied",
        analytics_Storage: e.detail.analyticsAllowed ? "granted" : "denied",
        source: 101,
      });
    });
  })(window, document, "clarity", "script", "r9hudmtl2z");
</script>



<!-- END app block --><script src="https://cdn.shopify.com/extensions/019e9295-0ba2-75b0-831e-2747b62e5b1e/product-options-by-hulkapps-1-193/assets/hulkcode.js" type="text/javascript" defer="defer"></script>
<link href="https://cdn.shopify.com/extensions/019e9295-0ba2-75b0-831e-2747b62e5b1e/product-options-by-hulkapps-1-193/assets/hulkcode.css" rel="stylesheet" type="text/css" media="all">
<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: 6204260442,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: 6204260442,storefrontBaseUrl: "https://bigjohn.co.jp",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","5acaffe6","86d76263","3b3c7daf","6faea013"],webPixelsConfigList: [{"id":"1549041843","configuration":"{\"projectId\":\"r9hudmtl2z\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4e27c3dfbb360ace43db5c8bd52813dd","type":"APP","apiClientId":240074326017,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1114734771","configuration":"{\"pixel_id\":\"1484745045016846\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"abff2a8add143ccb04deb20f0ebd74a9","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"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":"477626547","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-9BDRCBK02E\\\",\\\"target_country\\\":\\\"JP\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-9BDRCBK02E\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-9BDRCBK02E\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-9BDRCBK02E\\\",\\\"MC-BJ3MQD3QK6\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-9BDRCBK02E\\\",\\\"MC-BJ3MQD3QK6\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-9BDRCBK02E\\\",\\\"MC-BJ3MQD3QK6\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-9BDRCBK02E\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-9BDRCBK02E\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"f15305aac1e98c5c26a7c80e7bc37bde","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":"BIG JOHN【公式】オンラインショップ","paymentSettings":{"currencyCode":"JPY"},"myshopifyDomain":"bigjohnjeans.myshopify.com","countryCode":"JP","storefrontUrl":"https:\/\/bigjohn.co.jp"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":null,"purchasingCompany":null,"page":null},},"https://www.bigjohn.co.jp/cdn","a9664f44w6a62cec8p04af10e4mb91e3447",{"modern":"","legacy":""},{"trekkieShim":true,"apiClientId":"580111","pageType":"home","shopId":"6204260442","storefrontBaseUrl":"https:\/\/bigjohn.co.jp","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"d5bdd5d0\", \"3209b71c\", \"5acaffe6\", \"86d76263\", \"3b3c7daf\", \"6faea013\"]","isMerchantRequest":"false","hashVersion":"a9664f44w6a62cec8p04af10e4mb91e3447","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":"69c0181e-b530-45f1-a796-dd7852c2d248-1780996050"}};
  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: 6204260442,
      theme_id: 152251629747,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//www.bigjohn.co.jp/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js"});

  };
  scriptFallback.async = true;
  scriptFallback.src = '//www.bigjohn.co.jp/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js';
  first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//www.bigjohn.co.jp/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js';
first.parentNode.insertBefore(script, first);

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":6204260442,"isMerchantRequest":null,"themeId":152251629747,"themeCityHash":"8065599841112189944","contentLanguage":"ja","currency":"JPY","eventMetadataId":"1ba3a181-6352-4292-90fc-812f3397e426"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"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":"69c0181e-b530-45f1-a796-dd7852c2d248-1780996050","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.bigjohn.co.jp/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
  <script>
  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
    window.ga = function ga() {
      (window.ga.q = window.ga.q || []).push(arguments);
      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
      }
      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
    };
    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
    }
  }
</script>
<script
  defer
  src="https://www.bigjohn.co.jp/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.5.0.min.js"
  data-application="storefront-renderer"
  data-shop-id="6204260442"
  data-render-region="gcp-us-central1"
  data-page-type="index"
  data-theme-instance-id="152251629747"
  data-theme-name="Horizon"
  data-theme-version="3.5.1"
  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.bigjohn.co.jp/api/collect"
></script>
<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script><script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"6204260442","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"ログインするか、アカウントを作成する"},{"key":"account_menu.signed_out_state.section_divider","value":"その他のログイン方法"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"メール"},{"key":"account_menu.signed_out_state.orders_button","value":"注文"},{"key":"account_menu.signed_out_state.profile_button","value":"プロファイル"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Shopでログイン"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Googleで続行"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Facebookで続行"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"ニュースとオファーをメールで受け取る"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"{{first_name}}様"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"アカウント"},{"key":"account_menu.signed_in_state.orders_button","value":"注文"},{"key":"account_menu.signed_in_state.profile_button","value":"プロファイル"},{"key":"account_menu.location_picker.sheet_title","value":"ロケーション"},{"key":"account_menu.location_picker.search_field_placeholder","value":"検索"},{"key":"account_menu.aria_labels.close_menu","value":"メニューを閉じる"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"{{title}}からメインメニューに戻る"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}、サブメニューを開く"},{"key":"account_menu.aria_labels.loading_menu","value":"メニューを読み込み中"},{"key":"account_menu.aria_labels.account","value":"アカウント"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"メールアドレスでログインする"},{"key":"account_menu.aria_labels.sign_in","value":"ログインする"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":true},"visitor":{"country":"JP","language":"ja"}}</script>
</head>

  <body class="page-width-narrow card-hover-effect-lift">
    <a
  class="skip-to-content-link button-secondary"
  href="#MainContent"
>
  コンテンツにスキップ
</a>



    <div id="header-group">
      <!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--20276969930931__header_announcements_JdT8it" class="shopify-section shopify-section-group-header-group">


  <script
    src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/announcement-bar.js?v=34024675399582161451776848208"
    type="module"
    fetchpriority="low"
  ></script>


<div class="section-background color-scheme-5"></div>
<aside
  class="announcement-bar spacing-style section section--page-width color-scheme-5"
  style="--padding-block-start: 10px; --padding-block-end:10px; 
--padding-inline-start:0px; --padding-inline-end:0px; 
; --border-bottom-width: 0px;"
>
  

  <announcement-bar-component
    class="announcement-bar__slider"
    
      autoplay="5" aria-live="polite"
    
  >
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-chevron
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="前のスライド"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-chevron
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="次のスライド"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>


</slideshow-arrows>



    

    <div class="announcement-bar__slides">
      
<slideshow-slide
    ref="slides[]"
    class="
      announcement-bar__slide
      text-block
      text-block--AVERPRVZEd2pSZTNIU__announcement_6Nyykb
      text-block--align-center
      text-block--full-width
      custom-typography
      custom-font-size
      
    "
    style="
      
--color: ;--font-size: 0.75rem;      --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
      --width: 100%;
      --text-align: center;
      --line-height: 1;
    "
    
    aria-hidden="false"
  >
    <p class="announcement-bar__text">
      児島本店・倉敷美観地区店スタッフ募集のお知らせ
    </p>

    
      <a
        class="announcement-bar__link"
        href="/pages/recruit2026"
      >
        <span class="visually-hidden">
          児島本店・倉敷美観地区店スタッフ募集のお知らせ
        </span>
      </a>
    
  </slideshow-slide>



<slideshow-slide
    ref="slides[]"
    class="
      announcement-bar__slide
      text-block
      text-block--ANDlFaml6dHQ4S1orO__announcement_zKVHci
      text-block--align-center
      text-block--full-width
      custom-typography
      custom-font-size
      
    "
    style="
      
--color: ;--font-size: 0.75rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
      --width: 100%;
      --text-align: center;
      --line-height: 1;
    "
    
    aria-hidden="true"
  >
    <p class="announcement-bar__text">
      税抜価格10,000円以上お買い上げの場合、送料無料となります。
    </p>

    
  </slideshow-slide>



    </div>
  </announcement-bar-component>
</aside>




</div><header id="shopify-section-sections--20276969930931__header_section" class="shopify-section shopify-section-group-header-group header-section">









<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "BIG JOHN【公式】オンラインショップ",
    
      "logo": "https:\/\/www.bigjohn.co.jp\/cdn\/shop\/files\/BIG_JOHN_BLK.png?v=1750932334\u0026width=500",
    
    "url": "https:\/\/www.bigjohn.co.jp"
  }
</script>

<header-component
  id="header-component"
  class="header color-scheme-6"
  data-theme-color="rgb(255 255 255)"
  
    transparent="not-sticky"
  
  
    sticky="always"
  
  data-skip-node-update
  data-scroll-direction="none"
  
  
  style="
    --color-scheme-top-row: rgba(255 255 255 / 1.0);
    --color-scheme-bottom-row: rgba(255 255 255 / 1.0);
    
  "
>
  <div class="header__underlay header__underlay-closed"></div>
  <div
    class="header__underlay header__underlay-open"
  ></div><h1 class="visually-hidden">BIG JOHN【公式】オンラインショップ</h1>
    

    

    
    
      <div
        class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-width"
        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
        <div class="header__columns spacing-style">
          <div
      class="header__column header__column--left"
      data-testid="header-top-left"
    >
      
        
          
              



    <div
      class="header__drawer"
      ref="headerDrawerContainer"
      data-hydration-key="header-drawer-mobile"
      
    >
      

<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/header-drawer.js?v=121243031541024704371776848218"
  type="module"
  fetchpriority="low"
></script>

<header-drawer
  class="header-drawer "
  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
>
  <details
    id="Details-menu-drawer-container"
    data-skip-node-update="true"
    class="menu-drawer-container"
    ref="details"
    scroll-lock
  >
    <summary
      class="header__icon header__icon--menu header__icon--summary"
      aria-label="メニュー"
      on:click="/toggle"
    >
      <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
    </summary>
    <div
      ref="menuDrawer"
      class="
        menu-drawer
        color-scheme-1
      "
    >
      <button
        class="button close-button menu-drawer__close-button"
        type="button"
        aria-label="閉じる"
        on:click="/close"
      >
        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      </button>
      <nav
        class="menu-drawer__navigation"
        style="--menu-top-level-font-family: var(--font-heading--family);
--menu-top-level-font-size-desktop: 0.75rem; --menu-top-level-font-style: var(--font-heading--style); --menu-top-level-font-weight: var(--font-heading--weight); --menu-top-level-font-case:none;

  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
  var(--menu-font-2xl--line-height);

--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);

--menu-parent-font-family: var(--font-heading--family); --menu-parent-font-style:
var(--font-heading--style); --menu-parent-font-weight: var(--font-heading--weight); --menu-parent-font-case:
none;

    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
  
--menu-child-font-family: var(--font-heading--family); --menu-child-font-style:
var(--font-heading--style); --menu-child-font-weight: var(--font-heading--weight); --menu-child-font-case:
none;

    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text));
  

        "
        aria-label="プライマリー"
      >
        <ul
          class="menu-drawer__menu has-submenu"
          role="list"
        >


              <li
                class="menu-drawer__list-item"
                style="--menu-drawer-animation-index: 1;"
              ><a
                    id="HeaderDrawer-new"
                    href="/collections/new-arrival"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">New</span>
                  </a></li>
              <li
                class="menu-drawer__list-item"
                style="--menu-drawer-animation-index: 2;"
              ><details
                    id="Details-menu-drawer-menu-item-2"
                    class="menu-drawer__menu-container menu-drawer__menu-container--divider"
                  >
                    <summary
                      id="HeaderDrawer-メンズ"
                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                      on:click="header-drawer/open/submenu"
                    >
                      <span class="menu-drawer__menu-item-text wrap-text">メンズ</span>
                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                    </summary>
                    <div
                      id="link-メンズ"
                      class="menu-drawer__submenu has-submenu"
                      tabindex="-1"
                      style="--menu-drawer-animation-index: 2;"
                    >
                      <div class="menu-drawer__inner-submenu">
                        <div class="menu-drawer__nav-buttons">
                          <button
                            class="button menu-drawer__back-button focus-inset"
                            on:click="header-drawer/back"
                            aria-label="メンズ に戻る"
                          >
                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                            <span class="menu-drawer__menu-item-text wrap-text">メンズ</span>
                          </button>
                          <button
                            class="button button-unstyled close-button menu-drawer__close-button"
                            type="button"
                            aria-label="閉じる"
                            on:click="header-drawer/close"
                          >
                            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                          </button>
                        </div>
                        
                        <ul
                          class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__menu--grid"
                          role="list"
                          tabindex="-1"
                        >
                          <li
                              class="
                                menu-drawer__list-item
                                 menu-drawer__list-item--divider
                              "
                            ><a
                                  id="HeaderDrawer-メンズ-メンズジーンズ"
                                  href="/collections/mens-all"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                    


  
    <img src="//www.bigjohn.co.jp/cdn/shop/collections/1_04da7475-f1f9-47dc-b619-097003b893f7.jpg?v=1671498679&amp;width=800" alt="MENS ALL" srcset="//www.bigjohn.co.jp/cdn/shop/collections/1_04da7475-f1f9-47dc-b619-097003b893f7.jpg?v=1671498679&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/1_04da7475-f1f9-47dc-b619-097003b893f7.jpg?v=1671498679&amp;width=800 800w" width="800" height="533" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">メンズジーンズ</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                 menu-drawer__list-item--divider
                              "
                            ><a
                                  id="HeaderDrawer-メンズ-綿100-デニム"
                                  href="/collections/%E7%B6%BF100-%E3%83%87%E3%83%8B%E3%83%A0"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                    


  
    <img src="//www.bigjohn.co.jp/cdn/shop/collections/main_ee21680f-8512-48b4-bbaa-da0c090219aa.jpg?v=1772633854&amp;width=800" alt="Pure Cotton Denim" srcset="//www.bigjohn.co.jp/cdn/shop/collections/main_ee21680f-8512-48b4-bbaa-da0c090219aa.jpg?v=1772633854&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/main_ee21680f-8512-48b4-bbaa-da0c090219aa.jpg?v=1772633854&amp;width=800 800w" width="800" height="533" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">綿100%デニム</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                 menu-drawer__list-item--divider
                              "
                            ><a
                                  id="HeaderDrawer-メンズ-ストレッチジーンズ"
                                  href="/collections/stretch-jeans"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                    


  
    <img src="//www.bigjohn.co.jp/cdn/shop/collections/WLY0526323.jpg?v=1770356396&amp;width=800" alt="STRETCH JEANS" srcset="//www.bigjohn.co.jp/cdn/shop/collections/WLY0526323.jpg?v=1770356396&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/WLY0526323.jpg?v=1770356396&amp;width=800 800w" width="800" height="533" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">ストレッチジーンズ</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                 menu-drawer__list-item--divider
                              "
                            ><a
                                  id="HeaderDrawer-メンズ-チノパン"
                                  href="/collections/chinos"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                    


  
    <img src="//www.bigjohn.co.jp/cdn/shop/collections/main2_cd9b1d95-1fca-4b73-9cea-ece32b27713a.jpg?v=1736993519&amp;width=800" alt="Chinos" srcset="//www.bigjohn.co.jp/cdn/shop/collections/main2_cd9b1d95-1fca-4b73-9cea-ece32b27713a.jpg?v=1736993519&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/main2_cd9b1d95-1fca-4b73-9cea-ece32b27713a.jpg?v=1736993519&amp;width=800 800w" width="800" height="533" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">チノパン</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                 menu-drawer__list-item--divider
                              "
                            ><a
                                  id="HeaderDrawer-メンズ-ショーツ"
                                  href="/collections/world-workers"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                    


  
    <img src="//www.bigjohn.co.jp/cdn/shop/collections/1.jpg?v=1689655448&amp;width=800" alt="World Workers 新定番ショーツ" srcset="//www.bigjohn.co.jp/cdn/shop/collections/1.jpg?v=1689655448&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/1.jpg?v=1689655448&amp;width=800 800w" width="800" height="533" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">ショーツ</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                 menu-drawer__list-item--divider
                              "
                            ><a
                                  id="HeaderDrawer-メンズ-トップス"
                                  href="/collections/tops"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                    


  
    <img src="//www.bigjohn.co.jp/cdn/shop/collections/DSC042952.webp?v=1671516042&amp;width=800" alt="トップス" srcset="//www.bigjohn.co.jp/cdn/shop/collections/DSC042952.webp?v=1671516042&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/DSC042952.webp?v=1671516042&amp;width=800 800w" width="800" height="533" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">トップス</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                 menu-drawer__list-item--divider
                              "
                            ><a
                                  id="HeaderDrawer-メンズ-アクセサリー"
                                  href="/collections/acc-%E9%9B%91%E8%B2%A8"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                    


  
    <img src="//www.bigjohn.co.jp/cdn/shop/collections/Acc.jpg?v=1660093329&amp;width=800" alt="ACC / 雑貨" srcset="//www.bigjohn.co.jp/cdn/shop/collections/Acc.jpg?v=1660093329&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/Acc.jpg?v=1660093329&amp;width=800 800w" width="800" height="533" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">アクセサリー</span>
                                </a></li></ul>
                        
                      </div>
                    </div>
                  </details></li>
              <li
                class="menu-drawer__list-item"
                style="--menu-drawer-animation-index: 3;"
              ><details
                    id="Details-menu-drawer-menu-item-3"
                    class="menu-drawer__menu-container menu-drawer__menu-container--divider"
                  >
                    <summary
                      id="HeaderDrawer-ウィメンズ"
                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                      on:click="header-drawer/open/submenu"
                    >
                      <span class="menu-drawer__menu-item-text wrap-text">ウィメンズ</span>
                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                    </summary>
                    <div
                      id="link-ウィメンズ"
                      class="menu-drawer__submenu has-submenu"
                      tabindex="-1"
                      style="--menu-drawer-animation-index: 3;"
                    >
                      <div class="menu-drawer__inner-submenu">
                        <div class="menu-drawer__nav-buttons">
                          <button
                            class="button menu-drawer__back-button focus-inset"
                            on:click="header-drawer/back"
                            aria-label="ウィメンズ に戻る"
                          >
                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                            <span class="menu-drawer__menu-item-text wrap-text">ウィメンズ</span>
                          </button>
                          <button
                            class="button button-unstyled close-button menu-drawer__close-button"
                            type="button"
                            aria-label="閉じる"
                            on:click="header-drawer/close"
                          >
                            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                          </button>
                        </div>
                        
                        <ul
                          class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__menu--grid"
                          role="list"
                          tabindex="-1"
                        >
                          <li
                              class="
                                menu-drawer__list-item
                                 menu-drawer__list-item--divider
                              "
                            ><a
                                  id="HeaderDrawer-ウィメンズ-women全て見る"
                                  href="/collections/%E3%83%AC%E3%83%87%E3%82%A3%E3%83%BC%E3%82%B9"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                    


  
    <img src="//www.bigjohn.co.jp/cdn/shop/collections/36086171_661367604221296_7170117140945567744_n.jpg?v=1731382029&amp;width=800" alt="WOMENS ALL" srcset="//www.bigjohn.co.jp/cdn/shop/collections/36086171_661367604221296_7170117140945567744_n.jpg?v=1731382029&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/36086171_661367604221296_7170117140945567744_n.jpg?v=1731382029&amp;width=800 800w" width="800" height="533" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">WOMEN全て見る</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                 menu-drawer__list-item--divider
                              "
                            ><a
                                  id="HeaderDrawer-ウィメンズ-コットン-微ストレッチ"
                                  href="/collections/women-big-john"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                    


  
    <img src="//www.bigjohn.co.jp/cdn/shop/collections/DSC00303.jpg?v=1731383532&amp;width=800" alt="WOMEN / Non-Stretch - Light Stretch" srcset="//www.bigjohn.co.jp/cdn/shop/collections/DSC00303.jpg?v=1731383532&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/DSC00303.jpg?v=1731383532&amp;width=800 800w" width="800" height="533" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">コットン/微ストレッチ</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                 menu-drawer__list-item--divider
                              "
                            ><a
                                  id="HeaderDrawer-ウィメンズ-ハイパーストレッチ"
                                  href="/collections/women-complete-free"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                    


  
    <img src="//www.bigjohn.co.jp/cdn/shop/collections/BIG_JOHN_COMPLETE_FREE_Leaflet_9df052d6-3258-41de-a512-55b802bcd90f.jpg?v=1731383350&amp;width=800" alt="WOMEN/ HYPER STRETCH" srcset="//www.bigjohn.co.jp/cdn/shop/collections/BIG_JOHN_COMPLETE_FREE_Leaflet_9df052d6-3258-41de-a512-55b802bcd90f.jpg?v=1731383350&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/BIG_JOHN_COMPLETE_FREE_Leaflet_9df052d6-3258-41de-a512-55b802bcd90f.jpg?v=1731383350&amp;width=800 800w" width="800" height="533" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">ハイパーストレッチ</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                 menu-drawer__list-item--divider
                              "
                            ><a
                                  id="HeaderDrawer-ウィメンズ-雑貨-acc"
                                  href="/collections/acc-%E9%9B%91%E8%B2%A8"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                    


  
    <img src="//www.bigjohn.co.jp/cdn/shop/collections/Acc.jpg?v=1660093329&amp;width=800" alt="ACC / 雑貨" srcset="//www.bigjohn.co.jp/cdn/shop/collections/Acc.jpg?v=1660093329&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/Acc.jpg?v=1660093329&amp;width=800 800w" width="800" height="533" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">雑貨 / ACC</span>
                                </a></li></ul>
                        
                      </div>
                    </div>
                  </details></li>
              <li
                class="menu-drawer__list-item"
                style="--menu-drawer-animation-index: 4;"
              ><details
                    id="Details-menu-drawer-menu-item-4"
                    class="menu-drawer__menu-container menu-drawer__menu-container--divider"
                  >
                    <summary
                      id="HeaderDrawer-シルエット"
                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                      on:click="header-drawer/open/submenu"
                    >
                      <span class="menu-drawer__menu-item-text wrap-text">シルエット</span>
                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                    </summary>
                    <div
                      id="link-シルエット"
                      class="menu-drawer__submenu has-submenu"
                      tabindex="-1"
                      style="--menu-drawer-animation-index: 4;"
                    >
                      <div class="menu-drawer__inner-submenu">
                        <div class="menu-drawer__nav-buttons">
                          <button
                            class="button menu-drawer__back-button focus-inset"
                            on:click="header-drawer/back"
                            aria-label="シルエット に戻る"
                          >
                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                            <span class="menu-drawer__menu-item-text wrap-text">シルエット</span>
                          </button>
                          <button
                            class="button button-unstyled close-button menu-drawer__close-button"
                            type="button"
                            aria-label="閉じる"
                            on:click="header-drawer/close"
                          >
                            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                          </button>
                        </div>
                        
                        <ul
                          class="menu-drawer__menu menu-drawer__menu--childlist"
                          role="list"
                          tabindex="-1"
                        >
                          <li
                              class="
                                menu-drawer__list-item
                                menu-drawer__list-item--flat menu-drawer__list-item--divider
                              "
                            >
                                
<a
                                    id="HeaderDrawer-シルエット-メンズ"
                                    href="/collections"
                                    class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                    
                                  >
                                    <span class="menu-drawer__menu-item-text wrap-text">メンズ</span>
                                  </a>
                                  
                                  <ul
                                    class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content menu-drawer__menu--grid"
                                    role="list"
                                    tabindex="-1"
                                  ><li
                                        class="menu-drawer__list-item"
                                        style="--menu-drawer-animation-index: 1;"
                                      >
                                        <a
                                          id="HeaderDrawer-シルエット-メンズ-ストレート"
                                          href="/collections/straight"
                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                          
                                        >
                                          
                                            


  
    <img src="//www.bigjohn.co.jp/cdn/shop/files/DSC07416-2.jpg?v=1741918432&amp;width=800" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC07416-2.jpg?v=1741918432&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/DSC07416-2.jpg?v=1741918432&amp;width=800 800w" width="800" height="1200" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                                          
                                          <span class="menu-drawer__menu-item-text wrap-text">ストレート</span>
                                        </a>
                                      </li><li
                                        class="menu-drawer__list-item"
                                        style="--menu-drawer-animation-index: 2;"
                                      >
                                        <a
                                          id="HeaderDrawer-シルエット-メンズ-スリム-テーパード"
                                          href="/collections/slim"
                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                          
                                        >
                                          
                                            


  
    <img src="//www.bigjohn.co.jp/cdn/shop/files/DSC07436.jpg?v=1741918474&amp;width=800" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC07436.jpg?v=1741918474&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/DSC07436.jpg?v=1741918474&amp;width=800 800w" width="800" height="1200" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                                          
                                          <span class="menu-drawer__menu-item-text wrap-text">スリム/テーパード</span>
                                        </a>
                                      </li><li
                                        class="menu-drawer__list-item"
                                        style="--menu-drawer-animation-index: 3;"
                                      >
                                        <a
                                          id="HeaderDrawer-シルエット-メンズ-スキニー"
                                          href="/collections/skinny"
                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                          
                                        >
                                          
                                            


  
    <img src="//www.bigjohn.co.jp/cdn/shop/files/DSC02068.jpg?v=1711698864&amp;width=800" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC02068.jpg?v=1711698864&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/DSC02068.jpg?v=1711698864&amp;width=800 800w" width="800" height="1200" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                                          
                                          <span class="menu-drawer__menu-item-text wrap-text">スキニー</span>
                                        </a>
                                      </li><li
                                        class="menu-drawer__list-item"
                                        style="--menu-drawer-animation-index: 4;"
                                      >
                                        <a
                                          id="HeaderDrawer-シルエット-メンズ-ベルボトム"
                                          href="/collections/stretch-bellbottom"
                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                          
                                        >
                                          
                                            


  
    <img src="//www.bigjohn.co.jp/cdn/shop/collections/1_c7b361b5-46ef-407e-96e3-bd0fe031b689.jpg?v=1728523679&amp;width=800" alt="Bell bottom" srcset="//www.bigjohn.co.jp/cdn/shop/collections/1_c7b361b5-46ef-407e-96e3-bd0fe031b689.jpg?v=1728523679&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/1_c7b361b5-46ef-407e-96e3-bd0fe031b689.jpg?v=1728523679&amp;width=800 800w" width="800" height="533" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                                          
                                          <span class="menu-drawer__menu-item-text wrap-text">ベルボトム</span>
                                        </a>
                                      </li><li
                                        class="menu-drawer__list-item"
                                        style="--menu-drawer-animation-index: 5;"
                                      >
                                        <a
                                          id="HeaderDrawer-シルエット-メンズ-ジャケット-ベスト"
                                          href="/collections/jacket-vest"
                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                          
                                        >
                                          
                                            


  
    <img src="//www.bigjohn.co.jp/cdn/shop/files/DSC02236.jpg?v=1756732890&amp;width=800" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC02236.jpg?v=1756732890&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/DSC02236.jpg?v=1756732890&amp;width=800 800w" width="800" height="1200" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                                          
                                          <span class="menu-drawer__menu-item-text wrap-text">ジャケット/ベスト</span>
                                        </a>
                                      </li><li
                                        class="menu-drawer__list-item"
                                        style="--menu-drawer-animation-index: 6;"
                                      >
                                        <a
                                          id="HeaderDrawer-シルエット-メンズ-トップス"
                                          href="/collections/tops"
                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                          
                                        >
                                          
                                            


  
    <img src="//www.bigjohn.co.jp/cdn/shop/collections/DSC042952.webp?v=1671516042&amp;width=800" alt="トップス" srcset="//www.bigjohn.co.jp/cdn/shop/collections/DSC042952.webp?v=1671516042&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/DSC042952.webp?v=1671516042&amp;width=800 800w" width="800" height="533" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                                          
                                          <span class="menu-drawer__menu-item-text wrap-text">トップス</span>
                                        </a>
                                      </li></ul></li><li
                              class="
                                menu-drawer__list-item
                                menu-drawer__list-item--flat menu-drawer__list-item--divider
                              "
                            >
                                
<a
                                    id="HeaderDrawer-シルエット-ウィメンズ"
                                    href="/collections/%E3%83%AC%E3%83%87%E3%82%A3%E3%83%BC%E3%82%B9"
                                    class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                    
                                  >
                                    <span class="menu-drawer__menu-item-text wrap-text">ウィメンズ</span>
                                  </a>
                                  
                                  <ul
                                    class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content menu-drawer__menu--grid"
                                    role="list"
                                    tabindex="-1"
                                  ><li
                                        class="menu-drawer__list-item"
                                        style="--menu-drawer-animation-index: 1;"
                                      >
                                        <a
                                          id="HeaderDrawer-シルエット-ウィメンズ-ジャケット"
                                          href="/collections/%E3%82%B8%E3%83%A3%E3%82%B1%E3%83%83%E3%83%88-1"
                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                          
                                        >
                                          
                                            


  
    <img src="//www.bigjohn.co.jp/cdn/shop/files/DSC09871.jpg?v=1751183270&amp;width=800" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC09871.jpg?v=1751183270&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/DSC09871.jpg?v=1751183270&amp;width=800 800w" width="800" height="1200" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                                          
                                          <span class="menu-drawer__menu-item-text wrap-text">ジャケット</span>
                                        </a>
                                      </li><li
                                        class="menu-drawer__list-item"
                                        style="--menu-drawer-animation-index: 2;"
                                      >
                                        <a
                                          id="HeaderDrawer-シルエット-ウィメンズ-スキニー"
                                          href="/collections/skinny-jeans"
                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                          
                                        >
                                          
                                            


  
    <img src="//www.bigjohn.co.jp/cdn/shop/files/DSC09934_e2b37785-eca6-45a3-a93c-0bf2f50853e0.jpg?v=1751183525&amp;width=800" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC09934_e2b37785-eca6-45a3-a93c-0bf2f50853e0.jpg?v=1751183525&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/DSC09934_e2b37785-eca6-45a3-a93c-0bf2f50853e0.jpg?v=1751183525&amp;width=800 800w" width="800" height="1200" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                                          
                                          <span class="menu-drawer__menu-item-text wrap-text">スキニー</span>
                                        </a>
                                      </li><li
                                        class="menu-drawer__list-item"
                                        style="--menu-drawer-animation-index: 3;"
                                      >
                                        <a
                                          id="HeaderDrawer-シルエット-ウィメンズ-ストレート-ボーイフレンド"
                                          href="/collections/%E3%82%B9%E3%83%88%E3%83%AC%E3%83%BC%E3%83%88"
                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                          
                                        >
                                          
                                            


  
    <img src="//www.bigjohn.co.jp/cdn/shop/files/DSC09840_f58e4226-3207-4935-bb2e-df603ecd5705.jpg?v=1751183536&amp;width=800" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC09840_f58e4226-3207-4935-bb2e-df603ecd5705.jpg?v=1751183536&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/DSC09840_f58e4226-3207-4935-bb2e-df603ecd5705.jpg?v=1751183536&amp;width=800 800w" width="800" height="1200" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                                          
                                          <span class="menu-drawer__menu-item-text wrap-text">ストレート/ボーイフレンド</span>
                                        </a>
                                      </li><li
                                        class="menu-drawer__list-item"
                                        style="--menu-drawer-animation-index: 4;"
                                      >
                                        <a
                                          id="HeaderDrawer-シルエット-ウィメンズ-スリムテーパード"
                                          href="/collections/slim-1"
                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                          
                                        >
                                          
                                            


  
    <img src="//www.bigjohn.co.jp/cdn/shop/files/DSC09840_f58e4226-3207-4935-bb2e-df603ecd5705.jpg?v=1751183536&amp;width=800" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC09840_f58e4226-3207-4935-bb2e-df603ecd5705.jpg?v=1751183536&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/DSC09840_f58e4226-3207-4935-bb2e-df603ecd5705.jpg?v=1751183536&amp;width=800 800w" width="800" height="1200" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                                          
                                          <span class="menu-drawer__menu-item-text wrap-text">スリムテーパード</span>
                                        </a>
                                      </li><li
                                        class="menu-drawer__list-item"
                                        style="--menu-drawer-animation-index: 5;"
                                      >
                                        <a
                                          id="HeaderDrawer-シルエット-ウィメンズ-オーバーオール"
                                          href="/collections/overalls"
                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                          
                                        >
                                          
                                            


  
    <img src="//www.bigjohn.co.jp/cdn/shop/collections/DSC08659.jpg?v=1631963000&amp;width=800" alt="【Overall】" srcset="//www.bigjohn.co.jp/cdn/shop/collections/DSC08659.jpg?v=1631963000&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/DSC08659.jpg?v=1631963000&amp;width=800 800w" width="800" height="1200" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                                          
                                          <span class="menu-drawer__menu-item-text wrap-text">オーバーオール</span>
                                        </a>
                                      </li></ul></li></ul>
                        
                      </div>
                    </div>
                  </details></li>
              <li
                class="menu-drawer__list-item"
                style="--menu-drawer-animation-index: 5;"
              ><details
                    id="Details-menu-drawer-menu-item-5"
                    class="menu-drawer__menu-container menu-drawer__menu-container--divider"
                  >
                    <summary
                      id="HeaderDrawer-ショップ"
                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                      on:click="header-drawer/open/submenu"
                    >
                      <span class="menu-drawer__menu-item-text wrap-text">ショップ</span>
                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                    </summary>
                    <div
                      id="link-ショップ"
                      class="menu-drawer__submenu has-submenu"
                      tabindex="-1"
                      style="--menu-drawer-animation-index: 5;"
                    >
                      <div class="menu-drawer__inner-submenu">
                        <div class="menu-drawer__nav-buttons">
                          <button
                            class="button menu-drawer__back-button focus-inset"
                            on:click="header-drawer/back"
                            aria-label="ショップ に戻る"
                          >
                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                            <span class="menu-drawer__menu-item-text wrap-text">ショップ</span>
                          </button>
                          <button
                            class="button button-unstyled close-button menu-drawer__close-button"
                            type="button"
                            aria-label="閉じる"
                            on:click="header-drawer/close"
                          >
                            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                          </button>
                        </div>
                        
                        <ul
                          class="menu-drawer__menu menu-drawer__menu--childlist"
                          role="list"
                          tabindex="-1"
                        >
                          <li
                              class="
                                menu-drawer__list-item
                                 menu-drawer__list-item--divider
                              "
                            ><a
                                  id="HeaderDrawer-ショップ-直営店営業日情報"
                                  href="/blogs/%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%B9"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">直営店営業日情報</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                 menu-drawer__list-item--divider
                              "
                            ><a
                                  id="HeaderDrawer-ショップ-取扱店舗"
                                  href="/pages/shop-stockist"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">取扱店舗</span>
                                </a></li></ul>
                        
                      </div>
                    </div>
                  </details></li>
        </ul>
      </nav>
      <div
        class="menu-drawer__utility-links menu-drawer__animated-element"
        style="--menu-drawer-animation-index: 5;"
      >
        
        </div>

      
    </div>
    <div
      class="menu-drawer__backdrop"
      on:click="header-drawer/close"
    ></div>
  </details>
</header-drawer>



    </div>

  

<style data-shopify>
  .header__underlay {
    --color-submenu: rgb(255 255 255 / 1.0);
  }
</style>




            
        
      
        
          
              
  <search-button
    class="search-action search-action--hidden-on-menu"
  >
    <button
      on:click="#search-modal/showDialog"
      class="button-unstyled header-actions__action"
      aria-label="検索"
      aria-haspopup="dialog"
    >
      <span class="hidden">
        検索
      </span>

      <span class="svg-wrapper ">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

      </span>
    </button>
  </search-button>




            
        
      
        
          
              




<a
  
  href="/"
  class="size-style spacing-style header-logo"
  style="
    --size-style-width: ;--size-style-height: ;
    --padding-block-start: 0px;--padding-block-end: 0px;
    --font-family: var(--font-body--family);
    --font-style: var(--font-body--style);
    --font-weight: 600;
  "
  
>
  

  <span
    class="header-logo__image-container header-logo__image-container--original"
    data-testid="header-logo"
  >
    
  
  
  
  

  

  

  

  <img src="//www.bigjohn.co.jp/cdn/shop/files/BIG_JOHN_BLK.png?height=48&amp;v=1750932334" alt="BIG JOHN【公式】オンラインショップ - ホーム" width="117" height="48" class="header-logo__image" srcset="//www.bigjohn.co.jp/cdn/shop/files/BIG_JOHN_BLK.png?height=48&amp;v=1750932334 1x, //www.bigjohn.co.jp/cdn/shop/files/BIG_JOHN_BLK.png?height=96&amp;v=1750932334 2x, //www.bigjohn.co.jp/cdn/shop/files/BIG_JOHN_BLK.png?height=144&amp;v=1750932334 3x" style="--header-logo-image-width: 118px;--header-logo-image-width-mobile: 93px; --header-logo-image-height: 48px; --header-logo-image-height-mobile: 38px;">


  </span>

  
    <span
      class="header-logo__image-container header-logo__image-container--inverse"
      data-testid="header-logo-inverse"
    >
      
  
  
  
  

  

  

  

  <img src="//www.bigjohn.co.jp/cdn/shop/files/BIG_JOHN_WHITE.png?height=48&amp;v=1750932334" alt="BIG JOHN【公式】オンラインショップ - ホーム" width="117" height="48" class="header-logo__image" srcset="//www.bigjohn.co.jp/cdn/shop/files/BIG_JOHN_WHITE.png?height=48&amp;v=1750932334 1x, //www.bigjohn.co.jp/cdn/shop/files/BIG_JOHN_WHITE.png?height=96&amp;v=1750932334 2x, //www.bigjohn.co.jp/cdn/shop/files/BIG_JOHN_WHITE.png?height=144&amp;v=1750932334 3x" style="--header-logo-image-width: 118px;--header-logo-image-width-mobile: 93px; --header-logo-image-height: 48px; --header-logo-image-height-mobile: 38px;">


    </span>
  
</a>





            
        
      
        
          
              



    

    

    <header-menu
      ref="headerMenu"
      class="header-menu"
      
      data-hydration-key="header-menu"
    >
      <div class="header-menu__inner">
        <nav
          class="menu-list"
          aria-label="プライマリー"
          style="--menu-top-level-font-family: var(--font-heading--family);
--menu-top-level-font-size-desktop: 0.75rem; --menu-top-level-font-style: var(--font-heading--style); --menu-top-level-font-weight: var(--font-heading--weight); --menu-top-level-font-case:none;

  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
  var(--menu-font-sm--line-height);

--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
"
        >
          
          <overflow-list
  
    ref="overflowMenu"
  
  
    class="overflow-menu color-scheme-matches-parent"
  
  
    minimum-items="2"
  
  
    data-testid="header-menu-overflow-list"
  
  
    data-skip-node-update
  
>
  <template shadowrootmode="open">
    <link href="//www.bigjohn.co.jp/cdn/shop/t/29/assets/overflow-list.css?v=16727044177065489451776848208" rel="stylesheet" type="text/css" media="all" />

    <ul part="list">
      <slot></slot>
      <slot
        name="more"
        part="more"
        hidden
        
      >
        <li
          part="more"
        >
          <button
            class="button"
            type="button"
            tabindex="0"
            
          >
            さらに表示する
          </button>
        </li>
      </slot>
      <li
        part="placeholder"
        hidden
      ></li>
    </ul>

    <div part="overflow">
      <ul part="overflow-list">
        <slot name="overflow"></slot>
      </ul>
    </div>
  </template>

  
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/collections/new-arrival"
            data-skip-node-update="true"
            class="menu-list__link"
            ref="menuitem"
          >
            <span class="menu-list__link-title">New</span>
          </a></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/collections/mens-all"
            data-skip-node-update="true"
            class="menu-list__link"aria-controls="submenu-2"
              aria-haspopup="true"
              aria-expanded="false"
            ref="menuitem"
          >
            <span class="menu-list__link-title">メンズ</span>
          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
              <div
                id="submenu-2"
                class="menu-list__submenu-inner"
                style="--menu-parent-font-family: var(--font-heading--family); --menu-parent-font-style:
var(--font-heading--style); --menu-parent-font-weight: var(--font-heading--weight); --menu-parent-font-case:
none;

    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
  
--menu-child-font-family: var(--font-heading--family); --menu-child-font-style:
var(--font-heading--style); --menu-child-font-weight: var(--font-heading--weight); --menu-child-font-case:
none;

    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text));
  
"
              >
                
                <div class="mega-menu section section--full-width-margin section--page-width">
                  <div
                    class="mega-menu__grid"
                    data-menu-grid-id="MegaMenuList-2"
                  >
                    
<ul
  data-menu-list-id="MegaMenuList-2"
  class="mega-menu__list list-unstyled"
  style="--menu-image-border-radius: 0px;"
>
  
    <li class="mega-menu__column ">
    <div>
      <a
        href="/collections/mens-all"
        class="mega-menu__link "
      >
        



  
    <img src="//www.bigjohn.co.jp/cdn/shop/collections/1_04da7475-f1f9-47dc-b619-097003b893f7.jpg?v=1671498679&amp;width=800" alt="MENS ALL" srcset="//www.bigjohn.co.jp/cdn/shop/collections/1_04da7475-f1f9-47dc-b619-097003b893f7.jpg?v=1671498679&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/1_04da7475-f1f9-47dc-b619-097003b893f7.jpg?v=1671498679&amp;width=800 800w" width="800" height="533" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 95rem) calc((90rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)
">
  


        
        <span class="wrap-text">メンズジーンズ</span>
      </a>
      
    </div>

    </li>
  
    <li class="mega-menu__column ">
    <div>
      <a
        href="/collections/%E7%B6%BF100-%E3%83%87%E3%83%8B%E3%83%A0"
        class="mega-menu__link "
      >
        



  
    <img src="//www.bigjohn.co.jp/cdn/shop/collections/main_ee21680f-8512-48b4-bbaa-da0c090219aa.jpg?v=1772633854&amp;width=800" alt="Pure Cotton Denim" srcset="//www.bigjohn.co.jp/cdn/shop/collections/main_ee21680f-8512-48b4-bbaa-da0c090219aa.jpg?v=1772633854&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/main_ee21680f-8512-48b4-bbaa-da0c090219aa.jpg?v=1772633854&amp;width=800 800w" width="800" height="533" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 95rem) calc((90rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)
">
  


        
        <span class="wrap-text">綿100%デニム</span>
      </a>
      
    </div>

    </li>
  
    <li class="mega-menu__column ">
    <div>
      <a
        href="/collections/stretch-jeans"
        class="mega-menu__link "
      >
        



  
    <img src="//www.bigjohn.co.jp/cdn/shop/collections/WLY0526323.jpg?v=1770356396&amp;width=800" alt="STRETCH JEANS" srcset="//www.bigjohn.co.jp/cdn/shop/collections/WLY0526323.jpg?v=1770356396&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/WLY0526323.jpg?v=1770356396&amp;width=800 800w" width="800" height="533" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 95rem) calc((90rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)
">
  


        
        <span class="wrap-text">ストレッチジーンズ</span>
      </a>
      
    </div>

    </li>
  
    <li class="mega-menu__column ">
    <div>
      <a
        href="/collections/chinos"
        class="mega-menu__link "
      >
        



  
    <img src="//www.bigjohn.co.jp/cdn/shop/collections/main2_cd9b1d95-1fca-4b73-9cea-ece32b27713a.jpg?v=1736993519&amp;width=800" alt="Chinos" srcset="//www.bigjohn.co.jp/cdn/shop/collections/main2_cd9b1d95-1fca-4b73-9cea-ece32b27713a.jpg?v=1736993519&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/main2_cd9b1d95-1fca-4b73-9cea-ece32b27713a.jpg?v=1736993519&amp;width=800 800w" width="800" height="533" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 95rem) calc((90rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)
">
  


        
        <span class="wrap-text">チノパン</span>
      </a>
      
    </div>

    </li>
  
    <li class="mega-menu__column ">
    <div>
      <a
        href="/collections/world-workers"
        class="mega-menu__link "
      >
        



  
    <img src="//www.bigjohn.co.jp/cdn/shop/collections/1.jpg?v=1689655448&amp;width=800" alt="World Workers 新定番ショーツ" srcset="//www.bigjohn.co.jp/cdn/shop/collections/1.jpg?v=1689655448&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/1.jpg?v=1689655448&amp;width=800 800w" width="800" height="533" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 95rem) calc((90rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)
">
  


        
        <span class="wrap-text">ショーツ</span>
      </a>
      
    </div>

    </li>
  
    <li class="mega-menu__column ">
    <div>
      <a
        href="/collections/tops"
        class="mega-menu__link "
      >
        



  
    <img src="//www.bigjohn.co.jp/cdn/shop/collections/DSC042952.webp?v=1671516042&amp;width=800" alt="トップス" srcset="//www.bigjohn.co.jp/cdn/shop/collections/DSC042952.webp?v=1671516042&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/DSC042952.webp?v=1671516042&amp;width=800 800w" width="800" height="533" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 95rem) calc((90rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)
">
  


        
        <span class="wrap-text">トップス</span>
      </a>
      
    </div>

    </li>
  
    <li class="mega-menu__column ">
    <div>
      <a
        href="/collections/acc-%E9%9B%91%E8%B2%A8"
        class="mega-menu__link "
      >
        



  
    <img src="//www.bigjohn.co.jp/cdn/shop/collections/Acc.jpg?v=1660093329&amp;width=800" alt="ACC / 雑貨" srcset="//www.bigjohn.co.jp/cdn/shop/collections/Acc.jpg?v=1660093329&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/Acc.jpg?v=1660093329&amp;width=800 800w" width="800" height="533" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 95rem) calc((90rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)
">
  


        
        <span class="wrap-text">アクセサリー</span>
      </a>
      
    </div>

    </li>
  
</ul>



<style data-shopify>
  [data-menu-grid-id="MegaMenuList-2"] {
    
      --menu-columns-desktop: 6;
      --menu-columns-tablet: 4;
    
  }

  [data-menu-list-id="MegaMenuList-2"] {
    
      --menu-columns-desktop: 6;
      --menu-columns-tablet: 4;
    
  }
</style>



                  </div>
                </div>
              </div>
            </div></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/collections/%E3%83%AC%E3%83%87%E3%82%A3%E3%83%BC%E3%82%B9"
            data-skip-node-update="true"
            class="menu-list__link"aria-controls="submenu-3"
              aria-haspopup="true"
              aria-expanded="false"
            ref="menuitem"
          >
            <span class="menu-list__link-title">ウィメンズ</span>
          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
              <div
                id="submenu-3"
                class="menu-list__submenu-inner"
                style="--menu-parent-font-family: var(--font-heading--family); --menu-parent-font-style:
var(--font-heading--style); --menu-parent-font-weight: var(--font-heading--weight); --menu-parent-font-case:
none;

    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
  
--menu-child-font-family: var(--font-heading--family); --menu-child-font-style:
var(--font-heading--style); --menu-child-font-weight: var(--font-heading--weight); --menu-child-font-case:
none;

    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text));
  
"
              >
                
                <div class="mega-menu section section--full-width-margin section--page-width">
                  <div
                    class="mega-menu__grid"
                    data-menu-grid-id="MegaMenuList-3"
                  >
                    
<ul
  data-menu-list-id="MegaMenuList-3"
  class="mega-menu__list list-unstyled"
  style="--menu-image-border-radius: 0px;"
>
  
    <li class="mega-menu__column mega-menu__column--wide-collection-image">
    <div>
      <a
        href="/collections/%E3%83%AC%E3%83%87%E3%82%A3%E3%83%BC%E3%82%B9"
        class="mega-menu__link "
      >
        



  
    <img src="//www.bigjohn.co.jp/cdn/shop/collections/36086171_661367604221296_7170117140945567744_n.jpg?v=1731382029&amp;width=800" alt="WOMENS ALL" srcset="//www.bigjohn.co.jp/cdn/shop/collections/36086171_661367604221296_7170117140945567744_n.jpg?v=1731382029&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/36086171_661367604221296_7170117140945567744_n.jpg?v=1731382029&amp;width=800 800w" width="800" height="533" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 95rem) calc((90rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4)
">
  


        
        <span class="wrap-text">WOMEN全て見る</span>
      </a>
      
    </div>

    </li>
  
    <li class="mega-menu__column mega-menu__column--wide-collection-image">
    <div>
      <a
        href="/collections/women-big-john"
        class="mega-menu__link "
      >
        



  
    <img src="//www.bigjohn.co.jp/cdn/shop/collections/DSC00303.jpg?v=1731383532&amp;width=800" alt="WOMEN / Non-Stretch - Light Stretch" srcset="//www.bigjohn.co.jp/cdn/shop/collections/DSC00303.jpg?v=1731383532&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/DSC00303.jpg?v=1731383532&amp;width=800 800w" width="800" height="533" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 95rem) calc((90rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4)
">
  


        
        <span class="wrap-text">コットン/微ストレッチ</span>
      </a>
      
    </div>

    </li>
  
    <li class="mega-menu__column mega-menu__column--wide-collection-image">
    <div>
      <a
        href="/collections/women-complete-free"
        class="mega-menu__link "
      >
        



  
    <img src="//www.bigjohn.co.jp/cdn/shop/collections/BIG_JOHN_COMPLETE_FREE_Leaflet_9df052d6-3258-41de-a512-55b802bcd90f.jpg?v=1731383350&amp;width=800" alt="WOMEN/ HYPER STRETCH" srcset="//www.bigjohn.co.jp/cdn/shop/collections/BIG_JOHN_COMPLETE_FREE_Leaflet_9df052d6-3258-41de-a512-55b802bcd90f.jpg?v=1731383350&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/BIG_JOHN_COMPLETE_FREE_Leaflet_9df052d6-3258-41de-a512-55b802bcd90f.jpg?v=1731383350&amp;width=800 800w" width="800" height="533" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 95rem) calc((90rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4)
">
  


        
        <span class="wrap-text">ハイパーストレッチ</span>
      </a>
      
    </div>

    </li>
  
    <li class="mega-menu__column mega-menu__column--wide-collection-image">
    <div>
      <a
        href="/collections/acc-%E9%9B%91%E8%B2%A8"
        class="mega-menu__link "
      >
        



  
    <img src="//www.bigjohn.co.jp/cdn/shop/collections/Acc.jpg?v=1660093329&amp;width=800" alt="ACC / 雑貨" srcset="//www.bigjohn.co.jp/cdn/shop/collections/Acc.jpg?v=1660093329&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/Acc.jpg?v=1660093329&amp;width=800 800w" width="800" height="533" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 95rem) calc((90rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4)
">
  


        
        <span class="wrap-text">雑貨 / ACC</span>
      </a>
      
    </div>

    </li>
  
</ul>



<style data-shopify>
  [data-menu-grid-id="MegaMenuList-3"] {
    
      --menu-columns-desktop: 8;
      --menu-columns-tablet: 4;
    
  }

  [data-menu-list-id="MegaMenuList-3"] {
    
      --menu-columns-desktop: 8;
      --menu-columns-tablet: 4;
    
  }
</style>



                  </div>
                </div>
              </div>
            </div></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/collections/mens-all"
            data-skip-node-update="true"
            class="menu-list__link"aria-controls="submenu-4"
              aria-haspopup="true"
              aria-expanded="false"
            ref="menuitem"
          >
            <span class="menu-list__link-title">シルエット</span>
          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
              <div
                id="submenu-4"
                class="menu-list__submenu-inner"
                style="--menu-parent-font-family: var(--font-heading--family); --menu-parent-font-style:
var(--font-heading--style); --menu-parent-font-weight: var(--font-heading--weight); --menu-parent-font-case:
none;

    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
  
--menu-child-font-family: var(--font-heading--family); --menu-child-font-style:
var(--font-heading--style); --menu-child-font-weight: var(--font-heading--weight); --menu-child-font-case:
none;

    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text));
  
"
              >
                
                <div class="mega-menu section section--full-width-margin section--page-width">
                  <div
                    class="mega-menu__grid"
                    data-menu-grid-id="MegaMenuList-4"
                  >
                    
<ul
  data-menu-list-id="MegaMenuList-4"
  class="mega-menu__list list-unstyled"
  style="--menu-image-border-radius: 0px;"
>
  
    <li class="mega-menu__column mega-menu__column--wide-collection-image">
    <div>
      <a
        href="/collections"
        class="mega-menu__link mega-menu__link--parent"
      >
        



  
  
    <img src="//www.bigjohn.co.jp/cdn/shop/products/DSC07969.jpg?v=1751183222&amp;width=800" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/products/DSC07969.jpg?v=1751183222&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/products/DSC07969.jpg?v=1751183222&amp;width=800 800w" width="800" height="1150" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 95rem) calc((90rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4)
">
  


        
        <span class="wrap-text">メンズ</span>
      </a>
      
        <ul
          class="list-unstyled"
          
        >
          
            
            <li
              
            >
              <a
                href="/collections/straight"
                class="mega-menu__link"
              >
                <span class="wrap-text">ストレート</span>
              </a>
            </li>
          
            
            <li
              
            >
              <a
                href="/collections/slim"
                class="mega-menu__link"
              >
                <span class="wrap-text">スリム/テーパード</span>
              </a>
            </li>
          
            
            <li
              
            >
              <a
                href="/collections/skinny"
                class="mega-menu__link"
              >
                <span class="wrap-text">スキニー</span>
              </a>
            </li>
          
            
            <li
              
            >
              <a
                href="/collections/stretch-bellbottom"
                class="mega-menu__link"
              >
                <span class="wrap-text">ベルボトム</span>
              </a>
            </li>
          
            
            <li
              
            >
              <a
                href="/collections/jacket-vest"
                class="mega-menu__link"
              >
                <span class="wrap-text">ジャケット/ベスト</span>
              </a>
            </li>
          
            
            <li
              
            >
              <a
                href="/collections/tops"
                class="mega-menu__link"
              >
                <span class="wrap-text">トップス</span>
              </a>
            </li>
          
        </ul>
      
    </div>

    </li>
  
    <li class="mega-menu__column mega-menu__column--wide-collection-image">
    <div>
      <a
        href="/collections/%E3%83%AC%E3%83%87%E3%82%A3%E3%83%BC%E3%82%B9"
        class="mega-menu__link mega-menu__link--parent"
      >
        



  
    <img src="//www.bigjohn.co.jp/cdn/shop/collections/36086171_661367604221296_7170117140945567744_n.jpg?v=1731382029&amp;width=800" alt="WOMENS ALL" srcset="//www.bigjohn.co.jp/cdn/shop/collections/36086171_661367604221296_7170117140945567744_n.jpg?v=1731382029&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/36086171_661367604221296_7170117140945567744_n.jpg?v=1731382029&amp;width=800 800w" width="800" height="533" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 95rem) calc((90rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4)
">
  


        
        <span class="wrap-text">ウィメンズ</span>
      </a>
      
        <ul
          class="list-unstyled"
          
        >
          
            
            <li
              
            >
              <a
                href="/collections/%E3%82%B8%E3%83%A3%E3%82%B1%E3%83%83%E3%83%88-1"
                class="mega-menu__link"
              >
                <span class="wrap-text">ジャケット</span>
              </a>
            </li>
          
            
            <li
              
            >
              <a
                href="/collections/skinny-jeans"
                class="mega-menu__link"
              >
                <span class="wrap-text">スキニー</span>
              </a>
            </li>
          
            
            <li
              
            >
              <a
                href="/collections/%E3%82%B9%E3%83%88%E3%83%AC%E3%83%BC%E3%83%88"
                class="mega-menu__link"
              >
                <span class="wrap-text">ストレート/ボーイフレンド</span>
              </a>
            </li>
          
            
            <li
              
            >
              <a
                href="/collections/slim-1"
                class="mega-menu__link"
              >
                <span class="wrap-text">スリムテーパード</span>
              </a>
            </li>
          
            
            <li
              
            >
              <a
                href="/collections/overalls"
                class="mega-menu__link"
              >
                <span class="wrap-text">オーバーオール</span>
              </a>
            </li>
          
        </ul>
      
    </div>

    </li>
  
</ul>



<style data-shopify>
  [data-menu-grid-id="MegaMenuList-4"] {
    
      --menu-columns-desktop: 8;
      --menu-columns-tablet: 4;
    
  }

  [data-menu-list-id="MegaMenuList-4"] {
    
      --menu-columns-desktop: 8;
      --menu-columns-tablet: 4;
    
  }
</style>



                  </div>
                </div>
              </div>
            </div></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/pages/shop-stockist"
            data-skip-node-update="true"
            class="menu-list__link"aria-controls="submenu-5"
              aria-haspopup="true"
              aria-expanded="false"
            ref="menuitem"
          >
            <span class="menu-list__link-title">ショップ</span>
          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
              <div
                id="submenu-5"
                class="menu-list__submenu-inner"
                style="--menu-parent-font-family: var(--font-heading--family); --menu-parent-font-style:
var(--font-heading--style); --menu-parent-font-weight: var(--font-heading--weight); --menu-parent-font-case:
none;

    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
  
--menu-child-font-family: var(--font-heading--family); --menu-child-font-style:
var(--font-heading--style); --menu-child-font-weight: var(--font-heading--weight); --menu-child-font-case:
none;

    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text));
  
"
              >
                
                <div class="mega-menu section section--full-width-margin section--page-width">
                  <div
                    class="mega-menu__grid"
                    data-menu-grid-id="MegaMenuList-5"
                  >
                    
<ul
  data-menu-list-id="MegaMenuList-5"
  class="mega-menu__list list-unstyled"
  style="--menu-image-border-radius: 0px;"
>
  
    <li class="mega-menu__column mega-menu__column--span-1">
    <div>
      <a
        href="/blogs/%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%B9"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">直営店営業日情報</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/pages/shop-stockist"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">取扱店舗</span>
      </a>
      
    </div>

    </li>
  
</ul>



<style data-shopify>
  [data-menu-grid-id="MegaMenuList-5"] {
    
      --menu-columns-desktop: 6;
      --menu-columns-tablet: 4;
    
  }

  [data-menu-list-id="MegaMenuList-5"] {
    
      --menu-columns-desktop: 6;
      --menu-columns-tablet: 4;
    
  }
</style>



                  </div>
                </div>
              </div>
            </div></li>
      
      <li
        class="menu-list__list-item"
        role="presentation"
        slot="more"
        on:focus="/activate"
        on:blur="/deactivate"
        on:pointerenter="/activate"
        on:pointerleave="/deactivate"
      >
        <button role="listitem" class="menu-list__link button-unstyled">
          <span class="menu-list__link-title">さらに表示する</span>
        </button>
      </li>
    
</overflow-list>

        </nav>
      </div>

      <script
        src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/header-menu.js?v=97820922056036071501776848223"
        type="module"
        fetchpriority="low"
      ></script>
    </header-menu>


<style data-shopify>
  .header__underlay {
    --color-submenu: rgb(255 255 255 / 1.0);
  }
</style>




            
        
      
    </div><div
      class="header__column header__column--right"
      data-testid="header-top-right"
    >
      
        
          
              
  
  

            
        
      
        
          
              
  <search-button
    class="search-action search-action--hidden-on-drawer"
  >
    <button
      on:click="#search-modal/showDialog"
      class="button-unstyled header-actions__action"
      aria-label="検索"
      aria-haspopup="dialog"
    >
      <span class="hidden">
        検索
      </span>

      <span class="svg-wrapper ">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

      </span>
    </button>
  </search-button>




            
        
      
        
          
              

<script
  type="module"
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/cart-icon.js?v=157241182139685326961776848202"
  fetchpriority="low"
></script>





<header-actions
  
>
  
    
    <div
      class="account-button header-actions__action color-scheme-1"
    >
      <shopify-store store-domain="https://www.bigjohn.co.jp" country="JP" language="ja"></shopify-store>
<shopify-account
        menu="customer-account-main-menu"
        
      >
        
          <span
            slot="signed-out-avatar"
            class="account-button__text header-actions__text-style hidden"
          >
            アカウント
          </span>

          <span
            slot="signed-out-avatar"
            class=""
            aria-hidden="true"
          >
            
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="15"
    height="17"
    viewBox="0 0 15 17"
    fill="none"
    slot="signed-out-avatar"
    class="account-button__icon"
  >
    <path
      stroke="currentColor"
      stroke-linejoin="round"
      stroke-width="var(--icon-stroke-width)"
      d="M10.375 3.813a3.063 3.063 0 1 1-6.125 0 3.063 3.063 0 0 1 6.125 0ZM7.313 9.5c-3.667 0-6.24 2.691-6.563 6.125h13.125C13.552 12.191 10.979 9.5 7.312 9.5Z"
    />
  </svg>

          </span>
        
      </shopify-account>
    </div>
  

  
    <script
      src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/cart-drawer.js?v=35649724213056774541776848229"
      type="module"
      fetchpriority="low"
    ></script>

    

    <cart-drawer-component
      class="cart-drawer"
      
      
    >
      <template id="empty-cart-template">
        
      <div class="cart-drawer__header">
        <button
          ref="closeButton"
          on:click="cart-drawer-component/close"
          class="button close-button cart-drawer__close-button button-unstyled"
          aria-label="ダイアログを閉じる"
        >
          <span class="svg-wrapper"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
        </button>
      </div>

      <div
        class="cart-drawer__content"
        aria-label="カート"
      >
        <h2
          class="cart-drawer__heading h4 cart-drawer__heading--empty"
          id="cart-drawer-heading-empty"
        >
          カートの中身が空です
        </h2>

        <div class="cart-drawer__items">
          



<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/component-cart-items.js?v=165440327125931659001776848200"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/component-cart-quantity-selector.js?v=105130809908858639751776848198"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/volume-pricing-info.js?v=94479640769665442661776848195"
  type="module"
  fetchpriority="low"
></script>

<div
  
  class="cart-items__wrapper"
  
>
  
<p>
        アカウントをお持ちですか？<a href="https://bigjohn.co.jp/customer_authentication/redirect?locale=ja&region_country=JP">ログイン</a>することで、チェックアウトがスピーディーに行えます。
      </p><a
      class="button cart-items__empty-button"
      href="/collections/all"
    >
      <span class="button-text">
        買い物を続ける
      </span>
    </a></div>



        </div>
      </div>
    
      </template>
      <button
        class="header-actions__action button-unstyled"
        on:click="/open"
        aria-haspopup="dialog"
        aria-label="カート"
        aria-describedby="cart-bubble-text"
        data-testid="cart-drawer-trigger"
      >
        
  <cart-icon
    class="header-actions__cart-icon"
    data-testid="cart-icon"
  >
    <span class="hidden">
      カート
    </span>

    <span
      class="svg-wrapper "
      aria-hidden="true"
    >
      <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>

    </span>

    <div
  ref="cartBubble"
  class="cart-bubble visually-hidden"
  
  
    data-maintain-ratio
  
>
  <span class="cart-bubble__background"></span>
  <span
    ref="cartBubbleText"
    id="cart-bubble-text"
    class="cart-bubble__text"
  >
    <span
      class="cart-bubble__text-count hidden"
      ref="cartBubbleCount"
      aria-hidden="true"
      data-testid="cart-bubble"
    >
0</span>
  </span>
</div>



  </cart-icon>

      </button>

      <dialog
        ref="dialog"
        class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
        data-testid="cart-drawer-dialog"
        aria-labelledby="cart-drawer-heading-empty"
        scroll-lock
        cart-summary-sticky="true"
      >
        <span
          ref="liveRegion"
          class="visually-hidden"
          role="status"
        ></span>
        <div
          class="cart-drawer__inner"
          data-hydration-key="cart-drawer-inner"
        >
          
          

<cart-items-component
  class="cart-items-component"
  
    data-drawer
  
  data-section-id="sections--20276969930931__header_section"
>
  

      <div class="cart-drawer__header">
        <button
          ref="closeButton"
          on:click="cart-drawer-component/close"
          class="button close-button cart-drawer__close-button button-unstyled"
          aria-label="ダイアログを閉じる"
        >
          <span class="svg-wrapper"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
        </button>
      </div>

      <div
        class="cart-drawer__content"
        aria-label="カート"
      >
        <h2
          class="cart-drawer__heading h4 cart-drawer__heading--empty"
          id="cart-drawer-heading-empty"
        >
          カートの中身が空です
        </h2>

        <div class="cart-drawer__items">
          



<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/component-cart-items.js?v=165440327125931659001776848200"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/component-cart-quantity-selector.js?v=105130809908858639751776848198"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/volume-pricing-info.js?v=94479640769665442661776848195"
  type="module"
  fetchpriority="low"
></script>

<div
  
  class="cart-items__wrapper"
  
>
  
<p>
        アカウントをお持ちですか？<a href="https://bigjohn.co.jp/customer_authentication/redirect?locale=ja&region_country=JP">ログイン</a>することで、チェックアウトがスピーディーに行えます。
      </p><a
      class="button cart-items__empty-button"
      href="/collections/all"
    >
      <span class="button-text">
        買い物を続ける
      </span>
    </a></div>



        </div>
      </div>
    

</cart-items-component>



        </div>
      </dialog>
    </cart-drawer-component>
  

  <span
    ref="liveRegion"
    class="visually-hidden"
    role="status"
    data-testid="cart-count-live-region"
  ></span>
</header-actions>

<script
  type="module"
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/header-actions.js?v=121308165565653895611776848222"
  fetchpriority="low"
></script>



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

    

    
    
  

  
    <div class="header__row header__navigation-bar-row color-scheme-1">
      



    
      <div
        class="menu-list menu-list--mobile"
        style="--menu-horizontal-gap: 15px; --mobile-nav-margin: auto;"
        data-hydration-key="header-menu-mobile-navigation-bar"
      >
        <div class="menu-list__scroll-container">
          <ul
            class="menu-list__list list-unstyled"
            role="list"
          >
            
              <li>
                <a
                  href="/collections/new-arrival"
                  id="MenuItem-new"
                  class="menu-list__item"
                  
                >New</a>
              </li>
            
              <li>
                <a
                  href="/collections/mens-all"
                  id="MenuItem-メンズ"
                  class="menu-list__item"
                  
                >メンズ</a>
              </li>
            
              <li>
                <a
                  href="/collections/%E3%83%AC%E3%83%87%E3%82%A3%E3%83%BC%E3%82%B9"
                  id="MenuItem-ウィメンズ"
                  class="menu-list__item"
                  
                >ウィメンズ</a>
              </li>
            
              <li>
                <a
                  href="/collections/mens-all"
                  id="MenuItem-シルエット"
                  class="menu-list__item"
                  
                >シルエット</a>
              </li>
            
              <li>
                <a
                  href="/pages/shop-stockist"
                  id="MenuItem-ショップ"
                  class="menu-list__item"
                  
                >ショップ</a>
              </li>
            
          </ul>
        </div>
      </div>
    
  

<style data-shopify>
  .header__underlay {
    --color-submenu: rgb(255 255 255 / 1.0);
  }
</style>




    </div>
  
</header-component>

<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/header.js?v=36718054510661947891776848203"
  type="module"
></script>




  <script type="module">
    import { hydrate } from '@theme/section-hydration';
    const url = new URL(window.location.href);
    url.searchParams.delete('page');
    hydrate('sections--20276969930931__header_section', url);
  </script>



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

    <script>
      // Inline header height and menu style calculations to prevent layout shift
      // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function
      (function setHeaderHeighCustomProperties() {
        /*
         * Header calculation functions for maintaining CSS variables
         * Mimic calculateHeaderGroupHeight() in utilities.js
         */
        const header = document.querySelector('header-component');
        const headerGroup = document.querySelector('#header-group');
        const hasHeaderSection = headerGroup?.querySelector('.header-section');

        if (!header || !headerGroup) return;

        const headerTopRow = header.querySelector('.header__row--top');
        const headerHeight = header.offsetHeight;

        // Calculate the total height of the header group
        let headerGroupHeight = 0;
        const children = headerGroup.children;
        for (let i = 0; i < children.length; i++) {
          const element = children[i];
          if (element === header || !(element instanceof HTMLElement)) continue;
          headerGroupHeight += element.offsetHeight;
        }

        // Check for transparent header special case
        if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
          headerGroupHeight += headerHeight;
        }

        // Set CSS variables
        document.body.style.setProperty('--header-height', `${headerHeight}px`);
        document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);

        if (headerTopRow) {
          window.requestAnimationFrame(function () {
            document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`);
          });
        }

        /**
         * Updates CSS custom properties for transparent header offset calculation
         * Mimic updateTransparentHeaderOffset() in utilities.js
         */

        if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
          document.body.style.setProperty('--transparent-header-offset-boolean', '0');
          return;
        }

        const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');

        const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
        document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
      })();

      (function setHeaderMenuStyle() {
        const headerComponent = document.querySelector('#header-component');
        if (headerComponent) {
          const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
          const overflowList = headerComponent?.querySelector('overflow-list');
          const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
          headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
        }
      })();
    </script>

    <main
      id="MainContent"
      class="content-for-layout"
      role="main"
      data-page-transition-enabled="true"
      data-product-transition="true"
      data-template="index"
    >
      <section id="shopify-section-template--20276969537715__hero_jVaWmY" class="shopify-section hero-wrapper section-wrapper">













<div
  id="Hero-template--20276969537715__hero_jVaWmY"
  class="hero color-scheme-6"
  style="
    --hero-border-style: ;
    --hero-border-width: px;
    --hero-border-opacity: %;
    --blur-opacity: 0.75;
    
      --hero-min-height: var(--section-height-large);
    
  "
  
  
>
  

  

  <div
    class="hero__container spacing-style section section--full-width"
    style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 100px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));"
  ><a
        href="https://bigjohn.co.jp/collections/jeans"
        class="hero__link"
        
      ></a><div
      class="hero__media-grid"
      style="--hero-media-count: 1;--hero-media-count-mobile: 1;"
      data-testid="hero-media-wrapper"
    >
      <div
  class="overlay overlay--gradient"
  style="
    --overlay-layer: var(--layer-flat);
    --overlay-color: #00000014;
    --overlay-color--end: rgba(0, 0, 0, 0);
    --overlay-direction: to bottom;"
></div>



      
  
<div class="hero__media-wrapper hero__media-wrapper--desktop hero__media-wrapper--mobile">
      <video playsinline="playsinline" autoplay="autoplay" loop="loop" muted="muted" class="hero__media" data-testid="hero-desktop-video-1" preload="metadata"><source src="//www.bigjohn.co.jp/cdn/shop/videos/c/vp/56a811e6db5f460ba756d26de3da5517/56a811e6db5f460ba756d26de3da5517.HD-1080p-7.2Mbps-83297746.mp4?v=0" type="video/mp4"><img src="//www.bigjohn.co.jp/cdn/shop/files/preview_images/56a811e6db5f460ba756d26de3da5517.thumbnail.0000000000_small.jpg?v=1777863037"></video>
    </div>
  


  
    </div>
    <div
      class="
        hero__content-wrapper
        layout-panel-flex
        layout-panel-flex--column
        mobile-column
        section-content-wrapper
        page-width
        
      "
      style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 20px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-end;
--vertical-alignment-mobile: flex-end;
"
    >
      
    </div>
  </div>
</div>




</section><div id="shopify-section-template--20276969537715__section_AFHDKY" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--full-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    
      --section-min-height: var(--section-height-small);
    

    
     --section-preview-height: 600px;
     
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 0px;--padding-block-end: 0px;
      "
      data-testid="section-content"
    >
      
  


<div
  class="
    group-block
    group-block--height-fill
    group-block--width-fill
    border-style
    spacing-style
    size-style
     color-scheme-5
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px));
    --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><a
      href="/collections/mens-all"
      class="group-block__link"
      
    ></a><div class="group-block__media-wrapper">
    
  <div
    class="background-image-container"
  >
    

      <img src="//www.bigjohn.co.jp/cdn/shop/files/WLY09935.jpg?v=1748827400&amp;width=3840" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/WLY09935.jpg?v=1748827400&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/WLY09935.jpg?v=1748827400&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/WLY09935.jpg?v=1748827400&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/WLY09935.jpg?v=1748827400&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/WLY09935.jpg?v=1748827400&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/WLY09935.jpg?v=1748827400&amp;width=3840 3840w" width="3840" height="5760" loading="eager" sizes="100vw" fetchpriority="auto" style="object-position:46.1119% 8.7052%;">
</div>




    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: center; --vertical-alignment: space-between;
--vertical-alignment-mobile: space-between;
"
  >
  



<div
  class="
    spacer-block
    spacer-block--size-pixel
    
  "
  style="
    
      --spacer-size: 16px;
    

    
  "
  
  data-testid="spacer-block"
></div>













  <div class=" spacing-style text-block text-block--AdkhLbDFyOXY1Wk4xd__text_JYBVeD h3      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h3>Mens</h3>
  </div>









<a
  
    href="/collections/mens-all"
  
  class="
    size-style
    link
    link--AZDY5eGFtSUduZVgzM__button_Vp4e6C
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  
</a>






</div>
</div>








<div
  class="
    group-block
    group-block--height-fill
    group-block--width-fill
    border-style
    spacing-style
    size-style
     color-scheme-5
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px));
    --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><a
      href="/collections/%E3%83%AC%E3%83%87%E3%82%A3%E3%83%BC%E3%82%B9"
      class="group-block__link"
      
    ></a><div class="group-block__media-wrapper">
    
  <div
    class="background-image-container"
  >
    

      <img src="//www.bigjohn.co.jp/cdn/shop/files/DSC00281.jpg?v=1731637262&amp;width=3840" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC00281.jpg?v=1731637262&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/DSC00281.jpg?v=1731637262&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/DSC00281.jpg?v=1731637262&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/DSC00281.jpg?v=1731637262&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/DSC00281.jpg?v=1731637262&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/DSC00281.jpg?v=1731637262&amp;width=3840 3840w" width="3840" height="5760" loading="eager" sizes="100vw" fetchpriority="auto" style="object-position:56.4115% 18.3727%;">
</div>




    
      <div
  class="overlay overlay--solid"
  style="
    --overlay-layer: 0;
    --overlay-color: #00000026;
    --overlay-color--end: rgba(0, 0, 0, 0);
    --overlay-direction: to top; --overlay-border-radius: 0px;"
></div>



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: center; --vertical-alignment: space-between;
--vertical-alignment-mobile: space-between;
"
  >
  



<div
  class="
    spacer-block
    spacer-block--size-pixel
    
  "
  style="
    
      --spacer-size: 16px;
    

    
  "
  
  data-testid="spacer-block"
></div>













  <div class=" spacing-style text-block text-block--ASlFtSEhacWRIcG1Eb__text_U7YtMF h3      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h3>Womens</h3>
  </div>









<a
  
    href="/collections/%E3%83%AC%E3%83%87%E3%82%A3%E3%83%BC%E3%82%B9"
  
  class="
    size-style
    link
    link--AOVV6NTd6d0RNRGtCZ__button_WKNhYG
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  
</a>






</div>
</div>







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





</div><div id="shopify-section-template--20276969537715__section_jnpbEj" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    
      --section-min-height: var(--section-height-small);
    

    
     --section-preview-height: 600px;
     
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 5px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 16px;--padding-block-end: 4px;
      "
      data-testid="section-content"
    >
      
  


<div
  class="
    group-block
    group-block--height-fill
    group-block--width-fill
    border-style
    spacing-style
    size-style
     color-scheme-5
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px));
    --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><a
      href="/collections/jeans"
      class="group-block__link"
      
    ></a><div class="group-block__media-wrapper">
    
  <div
    class="background-image-container"
  >
    

      <img src="//www.bigjohn.co.jp/cdn/shop/files/WLY07806.jpg?v=1772938795&amp;width=3840" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/WLY07806.jpg?v=1772938795&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/WLY07806.jpg?v=1772938795&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/WLY07806.jpg?v=1772938795&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/WLY07806.jpg?v=1772938795&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/WLY07806.jpg?v=1772938795&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/WLY07806.jpg?v=1772938795&amp;width=3840 3840w" width="3840" height="5760" loading="eager" sizes="(min-width: 1440px) 1440px, 100vw" fetchpriority="auto" style="object-position:45.2788% 61.2814%;">
</div>




    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: center; --vertical-alignment: space-between;
--vertical-alignment-mobile: space-between;
"
  >
  



<div
  class="
    spacer-block
    spacer-block--size-pixel
    
  "
  style="
    
      --spacer-size: 16px;
    

    
  "
  
  data-testid="spacer-block"
></div>













  <div class=" spacing-style text-block text-block--AaDNBWmM2TTFOQlNUR__text_dijhJg h3      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h3>JEANS</h3>
  </div>









<a
  
    href="/collections/all"
  
  class="
    size-style
    link
    link--AdXNpbGI1YUFzQ2w4S__button_7bYmRN
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Shop now
</a>






</div>
</div>








<div
  class="
    group-block
    group-block--height-fill
    group-block--width-fill
    border-style
    spacing-style
    size-style
     color-scheme-5
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px));
    --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><a
      href="/collections/stretch-jeans"
      class="group-block__link"
      
    ></a><div class="group-block__media-wrapper">
    
  <div
    class="background-image-container"
  >
    

      <img src="//www.bigjohn.co.jp/cdn/shop/files/DSC02421.jpg?v=1739340473&amp;width=3840" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC02421.jpg?v=1739340473&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/DSC02421.jpg?v=1739340473&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/DSC02421.jpg?v=1739340473&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/DSC02421.jpg?v=1739340473&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/DSC02421.jpg?v=1739340473&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/DSC02421.jpg?v=1739340473&amp;width=3840 3840w" width="3840" height="2560" loading="eager" sizes="(min-width: 1440px) 1440px, 100vw" fetchpriority="auto">
</div>




    
      <div
  class="overlay overlay--solid"
  style="
    --overlay-layer: 0;
    --overlay-color: #00000026;
    --overlay-color--end: rgba(0, 0, 0, 0);
    --overlay-direction: to top; --overlay-border-radius: 0px;"
></div>



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: center; --vertical-alignment: space-between;
--vertical-alignment-mobile: space-between;
"
  >
  



<div
  class="
    spacer-block
    spacer-block--size-pixel
    
  "
  style="
    
      --spacer-size: 16px;
    

    
  "
  
  data-testid="spacer-block"
></div>













  <div class=" spacing-style text-block text-block--AUEIvNmZCSGFCYTh5b__text_mB48zA h3      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h3>STRETCH</h3>
  </div>









<a
  
    href="https://bigjohn.co.jp/collections/mens-all?sort_by=best-selling&filter.p.vendor=MEN%2F+COMPLETE+FREE&filter.p.vendor=MEN%2F+COMPLETE+FREE+CHINO&filter.p.vendor=MEN%2F+M3&filter.v.price.gte=&filter.v.price.lte="
  
  class="
    size-style
    link
    link--AcWFvQzB6OEw0M0orQ__button_Qqb9ma
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Shop now
</a>






</div>
</div>







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





</div><div id="shopify-section-template--20276969537715__section_ghfgkN" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    
      --section-min-height: var(--section-height-small);
    

    
     --section-preview-height: 600px;
     
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 5px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 4px;--padding-block-end: 16px;
      "
      data-testid="section-content"
    >
      
  


<div
  class="
    group-block
    group-block--height-fill
    group-block--width-fill
    border-style
    spacing-style
    size-style
     color-scheme-5
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px));
    --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><a
      href="https://bigjohn.co.jp/collections/mens-all?sort_by=created-descending&filter.p.tag=JACKET&filter.p.tag=SHIRTS&filter.p.tag=SWEAT&filter.p.tag=T-SHIRTS"
      class="group-block__link"
      
    ></a><div class="group-block__media-wrapper">
    
  <div
    class="background-image-container"
  >
    

      <img src="//www.bigjohn.co.jp/cdn/shop/files/DSC09763_4b416046-ee5f-4076-b10b-4b241c2a0afc.jpg?v=1750149010&amp;width=3840" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC09763_4b416046-ee5f-4076-b10b-4b241c2a0afc.jpg?v=1750149010&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/DSC09763_4b416046-ee5f-4076-b10b-4b241c2a0afc.jpg?v=1750149010&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/DSC09763_4b416046-ee5f-4076-b10b-4b241c2a0afc.jpg?v=1750149010&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/DSC09763_4b416046-ee5f-4076-b10b-4b241c2a0afc.jpg?v=1750149010&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/DSC09763_4b416046-ee5f-4076-b10b-4b241c2a0afc.jpg?v=1750149010&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/DSC09763_4b416046-ee5f-4076-b10b-4b241c2a0afc.jpg?v=1750149010&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="(min-width: 1440px) 1440px, 100vw" fetchpriority="auto" style="object-position:49.1239% 31.1779%;">
</div>




    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: center; --vertical-alignment: space-between;
--vertical-alignment-mobile: space-between;
"
  >
  



<div
  class="
    spacer-block
    spacer-block--size-pixel
    
  "
  style="
    
      --spacer-size: 16px;
    

    
  "
  
  data-testid="spacer-block"
></div>













  <div class=" spacing-style text-block text-block--Aa0wrTFhvcE9VQ1FOb__text_ra3WDE h3      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h3>TOPS</h3>
  </div>









<a
  
    href="/collections/tops"
  
  class="
    size-style
    link
    link--AT1cwVGgwMnN1WHVZR__button_gKxTKC
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Shop now
</a>






</div>
</div>








<div
  class="
    group-block
    group-block--height-fill
    group-block--width-fill
    border-style
    spacing-style
    size-style
     color-scheme-5
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px));
    --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><a
      href="https://bigjohn.co.jp/collections/all?sort_by=title-ascending&filter.p.product_type=ACC&filter.v.price.gte=&filter.v.price.lte="
      class="group-block__link"
      
    ></a><div class="group-block__media-wrapper">
    
  <div
    class="background-image-container"
  >
    

      <img src="//www.bigjohn.co.jp/cdn/shop/files/DSC01480.jpg?v=1711538689&amp;width=3840" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC01480.jpg?v=1711538689&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/DSC01480.jpg?v=1711538689&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/DSC01480.jpg?v=1711538689&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/DSC01480.jpg?v=1711538689&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/DSC01480.jpg?v=1711538689&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/DSC01480.jpg?v=1711538689&amp;width=3840 3840w" width="3840" height="2560" loading="lazy" sizes="(min-width: 1440px) 1440px, 100vw" fetchpriority="auto" style="object-position:29.6246% 51.3245%;">
</div>




    
      <div
  class="overlay overlay--solid"
  style="
    --overlay-layer: 0;
    --overlay-color: #0000001a;
    --overlay-color--end: rgba(0, 0, 0, 0);
    --overlay-direction: to top; --overlay-border-radius: 0px;"
></div>



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: center; --vertical-alignment: space-between;
--vertical-alignment-mobile: space-between;
"
  >
  



<div
  class="
    spacer-block
    spacer-block--size-pixel
    
  "
  style="
    
      --spacer-size: 16px;
    

    
  "
  
  data-testid="spacer-block"
></div>













  <div class=" spacing-style text-block text-block--AVG5EU3A2S1dET3hua__text_KGfKgW h3      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h3>ACCESSORY</h3>
  </div>









<a
  
    href="/collections/all"
  
  class="
    size-style
    link
    link--AL290WE9sTXhuUkJTS__button_JBy9GW
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Shop now
</a>






</div>
</div>







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





</div><div id="shopify-section-template--20276969537715__collection_list_BCKEMz" class="shopify-section ui-test-collection-list">



<div class="section-background color-scheme-1"></div>

<div
  class="
    section
    section--page-width
    color-scheme-1
    section-resource-list
    spacing-style
    gap-style
  "
  style="
    --padding-block-start: 15px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 25px));
    --gap: 12px;
  "
  data-testid="collection-list"
>
  <div class="section-resource-list__content">


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--AbzVCVy9lc25EcytWL__text_QyrjYC custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:16px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground-heading);--font-size: 0.875rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-tight);        --letter-spacing: var(--letter-spacing--body-tight);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h2><strong>SELECT JEANS BY FIT</strong></h2>
  </div>







</div>
</div>





</div>

  

  

  

  

<div
  class="
    resource-list
    
    
    resource-list--grid
  "
  style="--resource-list-column-gap-desktop: 8px;--resource-list-row-gap-desktop: 8px;--resource-list-columns: repeat(7, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--column-count-mobile: 2;"
  
    data-testid="collections-list-grid"
  
>
  
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    collection-card--image-bg
    
    
    
  "
  data-block-id="ATU52QmRweHlZOGxad__static-collection-card"
  
  style="
    --border-width: 1px; --border-style: solid; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: flex-start;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/straight"
    
  >
    <span class="visually-hidden">MEN/STRAIGHT</span>
  </a>
  <div class="collection-card__inner">
    
  

    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AYzBTMXRON2kvdlR3W__collection_title_c4LaYr custom    text-block--align-center custom-typography  custom-font-size  custom-color  text-block--background   "  style="    --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px;     --color: var(--color-foreground-heading);--font-size: 0.625rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: center;              --text-background-color: #ffffff;      --text-corner-radius: 0px;      --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg))));      ">
    <p>MEN/STRAIGHT</p>
  </div>









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






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    collection-card--image-bg
    
    
    
  "
  data-block-id="ATU52QmRweHlZOGxad__static-collection-card-1"
  
  style="
    --border-width: 1px; --border-style: solid; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: flex-start;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/skinny"
    
  >
    <span class="visually-hidden">MEN/SKINNY</span>
  </a>
  <div class="collection-card__inner">
    
  

    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AYzBTMXRON2kvdlR3W__collection_title_c4LaYr-1 custom    text-block--align-center custom-typography  custom-font-size  custom-color  text-block--background   "  style="    --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px;     --color: var(--color-foreground-heading);--font-size: 0.625rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: center;              --text-background-color: #ffffff;      --text-corner-radius: 0px;      --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg))));      ">
    <p>MEN/SKINNY</p>
  </div>









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






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    collection-card--image-bg
    
    
    
  "
  data-block-id="ATU52QmRweHlZOGxad__static-collection-card-2"
  
  style="
    --border-width: 1px; --border-style: solid; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: flex-start;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/slim"
    
  >
    <span class="visually-hidden">MEN/TAPERED</span>
  </a>
  <div class="collection-card__inner">
    
  

    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AYzBTMXRON2kvdlR3W__collection_title_c4LaYr-2 custom    text-block--align-center custom-typography  custom-font-size  custom-color  text-block--background   "  style="    --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px;     --color: var(--color-foreground-heading);--font-size: 0.625rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: center;              --text-background-color: #ffffff;      --text-corner-radius: 0px;      --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg))));      ">
    <p>MEN/TAPERED</p>
  </div>









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






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    collection-card--image-bg
    
    
    
  "
  data-block-id="ATU52QmRweHlZOGxad__static-collection-card-3"
  
  style="
    --border-width: 1px; --border-style: solid; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: flex-start;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/%E3%83%99%E3%83%AB%E3%83%9C%E3%83%88%E3%83%A0"
    
  >
    <span class="visually-hidden">BELLBOTTOM</span>
  </a>
  <div class="collection-card__inner">
    
  

    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AYzBTMXRON2kvdlR3W__collection_title_c4LaYr-3 custom    text-block--align-center custom-typography  custom-font-size  custom-color  text-block--background   "  style="    --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px;     --color: var(--color-foreground-heading);--font-size: 0.625rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: center;              --text-background-color: #ffffff;      --text-corner-radius: 0px;      --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg))));      ">
    <p>BELLBOTTOM</p>
  </div>









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






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    collection-card--image-bg
    
    
    
  "
  data-block-id="ATU52QmRweHlZOGxad__static-collection-card-4"
  
  style="
    --border-width: 1px; --border-style: solid; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: flex-start;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/skinny-jeans"
    
  >
    <span class="visually-hidden">WOMEN/SKINNY</span>
  </a>
  <div class="collection-card__inner">
    
  

    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AYzBTMXRON2kvdlR3W__collection_title_c4LaYr-4 custom    text-block--align-center custom-typography  custom-font-size  custom-color  text-block--background   "  style="    --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px;     --color: var(--color-foreground-heading);--font-size: 0.625rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: center;              --text-background-color: #ffffff;      --text-corner-radius: 0px;      --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg))));      ">
    <p>WOMEN/SKINNY</p>
  </div>









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






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    collection-card--image-bg
    
    
    
  "
  data-block-id="ATU52QmRweHlZOGxad__static-collection-card-5"
  
  style="
    --border-width: 1px; --border-style: solid; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: flex-start;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/slim-1"
    
  >
    <span class="visually-hidden">WOMENS/SLIM</span>
  </a>
  <div class="collection-card__inner">
    
  

    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AYzBTMXRON2kvdlR3W__collection_title_c4LaYr-5 custom    text-block--align-center custom-typography  custom-font-size  custom-color  text-block--background   "  style="    --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px;     --color: var(--color-foreground-heading);--font-size: 0.625rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: center;              --text-background-color: #ffffff;      --text-corner-radius: 0px;      --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg))));      ">
    <p>WOMENS/SLIM</p>
  </div>









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






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    collection-card--image-bg
    
    
    
  "
  data-block-id="ATU52QmRweHlZOGxad__static-collection-card-6"
  
  style="
    --border-width: 1px; --border-style: solid; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: flex-start;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/%E3%82%B9%E3%83%88%E3%83%AC%E3%83%BC%E3%83%88"
    
  >
    <span class="visually-hidden">WOMEN/STRAIGHT</span>
  </a>
  <div class="collection-card__inner">
    
  

    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AYzBTMXRON2kvdlR3W__collection_title_c4LaYr-6 custom    text-block--align-center custom-typography  custom-font-size  custom-color  text-block--background   "  style="    --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px;     --color: var(--color-foreground-heading);--font-size: 0.625rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: center;              --text-background-color: #ffffff;      --text-corner-radius: 0px;      --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg))));      ">
    <p>WOMEN/STRAIGHT</p>
  </div>









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






      </div>
      
    
  

    
</div>




</div>


</div><div id="shopify-section-template--20276969537715__collection_list_HyQimQ" class="shopify-section ui-test-collection-list">



<div class="section-background color-scheme-1"></div>

<div
  class="
    section
    section--page-width
    color-scheme-1
    section-resource-list
    spacing-style
    gap-style
  "
  style="
    --padding-block-start: max(20px, calc(var(--spacing-scale) * 22px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 22px));
    --gap: 12px;
  "
  data-testid="collection-list"
>
  <div class="section-resource-list__content">


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  
</div>
</div>





</div>

  

  

  

  

<div
  class="
    resource-list
    
    
    resource-list--grid
  "
  style="--resource-list-column-gap-desktop: 8px;--resource-list-row-gap-desktop: 8px;--resource-list-columns: repeat(4, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--column-count-mobile: 2;"
  
    data-testid="collections-list-grid"
  
>
  
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AbHdmV3EyRFlWdzNpc__static-collection-card"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: flex-start;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/rare-flagship"
    
  >
    <span class="visually-hidden">フラッグシップ ”RARE”</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AbHdmV3EyRFlWdzNpc__static-collection-card"] {
      --ratio: 1.5;
    }
  
</style>


  <div
    class="
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  ><img src="//www.bigjohn.co.jp/cdn/shop/collections/1_17.17.02.jpg?v=1671515957&amp;width=3840" alt="フラッグシップ ”RARE”" srcset="//www.bigjohn.co.jp/cdn/shop/collections/1_17.17.02.jpg?v=1671515957&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/collections/1_17.17.02.jpg?v=1671515957&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/1_17.17.02.jpg?v=1671515957&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/collections/1_17.17.02.jpg?v=1671515957&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/collections/1_17.17.02.jpg?v=1671515957&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/collections/1_17.17.02.jpg?v=1671515957&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/collections/1_17.17.02.jpg?v=1671515957&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/collections/1_17.17.02.jpg?v=1671515957&amp;width=3840 3840w" width="3840" height="2560" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 25vw, 100vw">
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AeEdnbkcxZlJWNExFQ__collection_title_TfqJwT custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px;     --color: var(--color-foreground-heading);--font-size: 0.625rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>フラッグシップ ”RARE”</p>
  </div>









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






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AbHdmV3EyRFlWdzNpc__static-collection-card-1"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: flex-start;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/world-workers-1"
    
  >
    <span class="visually-hidden">World Workers</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AbHdmV3EyRFlWdzNpc__static-collection-card-1"] {
      --ratio: 1.5003750937734435;
    }
  
</style>


  <div
    class="
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  ><img src="//www.bigjohn.co.jp/cdn/shop/collections/WLY03047_904e5d4d-665b-45d4-8b44-8a55554f36b6.jpg?v=1780282255&amp;width=3840" alt="World Workers" srcset="//www.bigjohn.co.jp/cdn/shop/collections/WLY03047_904e5d4d-665b-45d4-8b44-8a55554f36b6.jpg?v=1780282255&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/collections/WLY03047_904e5d4d-665b-45d4-8b44-8a55554f36b6.jpg?v=1780282255&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/WLY03047_904e5d4d-665b-45d4-8b44-8a55554f36b6.jpg?v=1780282255&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/collections/WLY03047_904e5d4d-665b-45d4-8b44-8a55554f36b6.jpg?v=1780282255&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/collections/WLY03047_904e5d4d-665b-45d4-8b44-8a55554f36b6.jpg?v=1780282255&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/collections/WLY03047_904e5d4d-665b-45d4-8b44-8a55554f36b6.jpg?v=1780282255&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/collections/WLY03047_904e5d4d-665b-45d4-8b44-8a55554f36b6.jpg?v=1780282255&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/collections/WLY03047_904e5d4d-665b-45d4-8b44-8a55554f36b6.jpg?v=1780282255&amp;width=3840 3840w" width="3840" height="2559" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 25vw, 100vw">
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AeEdnbkcxZlJWNExFQ__collection_title_TfqJwT-1 custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px;     --color: var(--color-foreground-heading);--font-size: 0.625rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>World Workers</p>
  </div>









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






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AbHdmV3EyRFlWdzNpc__static-collection-card-2"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: flex-start;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/women-big-john"
    
  >
    <span class="visually-hidden">WOMEN / Non-Stretch - Light Stretch</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AbHdmV3EyRFlWdzNpc__static-collection-card-2"] {
      --ratio: 1.5;
    }
  
</style>


  <div
    class="
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  ><img src="//www.bigjohn.co.jp/cdn/shop/collections/DSC00303.jpg?v=1731383532&amp;width=3840" alt="WOMEN / Non-Stretch - Light Stretch" srcset="//www.bigjohn.co.jp/cdn/shop/collections/DSC00303.jpg?v=1731383532&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/collections/DSC00303.jpg?v=1731383532&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/DSC00303.jpg?v=1731383532&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/collections/DSC00303.jpg?v=1731383532&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/collections/DSC00303.jpg?v=1731383532&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/collections/DSC00303.jpg?v=1731383532&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/collections/DSC00303.jpg?v=1731383532&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/collections/DSC00303.jpg?v=1731383532&amp;width=3840 3840w" width="3840" height="2560" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 25vw, 100vw">
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AeEdnbkcxZlJWNExFQ__collection_title_TfqJwT-2 custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px;     --color: var(--color-foreground-heading);--font-size: 0.625rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>WOMEN / Non-Stretch - Light Stretch</p>
  </div>









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






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AbHdmV3EyRFlWdzNpc__static-collection-card-3"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: flex-start;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/big-john-sl-vintage"
    
  >
    <span class="visually-hidden">BIG JOHN SL VINTAGE</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AbHdmV3EyRFlWdzNpc__static-collection-card-3"] {
      --ratio: 1.5;
    }
  
</style>


  <div
    class="
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  ><img src="//www.bigjohn.co.jp/cdn/shop/collections/Main1.jpg?v=1736993265&amp;width=3840" alt="BIG JOHN SL VINTAGE" srcset="//www.bigjohn.co.jp/cdn/shop/collections/Main1.jpg?v=1736993265&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/collections/Main1.jpg?v=1736993265&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/Main1.jpg?v=1736993265&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/collections/Main1.jpg?v=1736993265&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/collections/Main1.jpg?v=1736993265&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/collections/Main1.jpg?v=1736993265&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/collections/Main1.jpg?v=1736993265&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/collections/Main1.jpg?v=1736993265&amp;width=3840 3840w" width="3840" height="2560" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 25vw, 100vw">
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AeEdnbkcxZlJWNExFQ__collection_title_TfqJwT-3 custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px;     --color: var(--color-foreground-heading);--font-size: 0.625rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>BIG JOHN SL VINTAGE</p>
  </div>









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






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AbHdmV3EyRFlWdzNpc__static-collection-card-4"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: flex-start;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/ishikawadai"
    
  >
    <span class="visually-hidden">50's復刻 石川台デニム</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AbHdmV3EyRFlWdzNpc__static-collection-card-4"] {
      --ratio: 1.5002865329512893;
    }
  
</style>


  <div
    class="
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  ><img src="//www.bigjohn.co.jp/cdn/shop/collections/DSC07709.jpg?v=1702952958&amp;width=3840" alt="50&#39;s復刻 石川台デニム" srcset="//www.bigjohn.co.jp/cdn/shop/collections/DSC07709.jpg?v=1702952958&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/collections/DSC07709.jpg?v=1702952958&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/DSC07709.jpg?v=1702952958&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/collections/DSC07709.jpg?v=1702952958&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/collections/DSC07709.jpg?v=1702952958&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/collections/DSC07709.jpg?v=1702952958&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/collections/DSC07709.jpg?v=1702952958&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/collections/DSC07709.jpg?v=1702952958&amp;width=3840 3840w" width="3840" height="2560" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 25vw, 100vw">
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AeEdnbkcxZlJWNExFQ__collection_title_TfqJwT-4 custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px;     --color: var(--color-foreground-heading);--font-size: 0.625rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>50's復刻 石川台デニム</p>
  </div>









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






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AbHdmV3EyRFlWdzNpc__static-collection-card-5"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: flex-start;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/complete-free-hyper-stretch"
    
  >
    <span class="visually-hidden">COMPLETE FREE</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AbHdmV3EyRFlWdzNpc__static-collection-card-5"] {
      --ratio: 1.5003287310979618;
    }
  
</style>


  <div
    class="
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  ><img src="//www.bigjohn.co.jp/cdn/shop/collections/DSC02004-2.jpg?v=1671515622&amp;width=3840" alt="COMPLETE FREE" srcset="//www.bigjohn.co.jp/cdn/shop/collections/DSC02004-2.jpg?v=1671515622&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/collections/DSC02004-2.jpg?v=1671515622&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/DSC02004-2.jpg?v=1671515622&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/collections/DSC02004-2.jpg?v=1671515622&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/collections/DSC02004-2.jpg?v=1671515622&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/collections/DSC02004-2.jpg?v=1671515622&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/collections/DSC02004-2.jpg?v=1671515622&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/collections/DSC02004-2.jpg?v=1671515622&amp;width=3840 3840w" width="3840" height="2559" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 25vw, 100vw">
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AeEdnbkcxZlJWNExFQ__collection_title_TfqJwT-5 custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px;     --color: var(--color-foreground-heading);--font-size: 0.625rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>COMPLETE FREE</p>
  </div>









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






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AbHdmV3EyRFlWdzNpc__static-collection-card-6"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: flex-start;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/chinos"
    
  >
    <span class="visually-hidden">Chinos</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AbHdmV3EyRFlWdzNpc__static-collection-card-6"] {
      --ratio: 1.5;
    }
  
</style>


  <div
    class="
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  ><img src="//www.bigjohn.co.jp/cdn/shop/collections/main2_cd9b1d95-1fca-4b73-9cea-ece32b27713a.jpg?v=1736993519&amp;width=3840" alt="Chinos" srcset="//www.bigjohn.co.jp/cdn/shop/collections/main2_cd9b1d95-1fca-4b73-9cea-ece32b27713a.jpg?v=1736993519&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/collections/main2_cd9b1d95-1fca-4b73-9cea-ece32b27713a.jpg?v=1736993519&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/main2_cd9b1d95-1fca-4b73-9cea-ece32b27713a.jpg?v=1736993519&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/collections/main2_cd9b1d95-1fca-4b73-9cea-ece32b27713a.jpg?v=1736993519&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/collections/main2_cd9b1d95-1fca-4b73-9cea-ece32b27713a.jpg?v=1736993519&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/collections/main2_cd9b1d95-1fca-4b73-9cea-ece32b27713a.jpg?v=1736993519&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/collections/main2_cd9b1d95-1fca-4b73-9cea-ece32b27713a.jpg?v=1736993519&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/collections/main2_cd9b1d95-1fca-4b73-9cea-ece32b27713a.jpg?v=1736993519&amp;width=3840 3840w" width="3840" height="2560" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 25vw, 100vw">
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AeEdnbkcxZlJWNExFQ__collection_title_TfqJwT-6 custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px;     --color: var(--color-foreground-heading);--font-size: 0.625rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Chinos</p>
  </div>









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






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AbHdmV3EyRFlWdzNpc__static-collection-card-7"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: flex-start;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/acc-%E9%9B%91%E8%B2%A8"
    
  >
    <span class="visually-hidden">ACC / 雑貨</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AbHdmV3EyRFlWdzNpc__static-collection-card-7"] {
      --ratio: 1.5;
    }
  
</style>


  <div
    class="
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  ><img src="//www.bigjohn.co.jp/cdn/shop/collections/Acc.jpg?v=1660093329&amp;width=3840" alt="ACC / 雑貨" srcset="//www.bigjohn.co.jp/cdn/shop/collections/Acc.jpg?v=1660093329&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/collections/Acc.jpg?v=1660093329&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/Acc.jpg?v=1660093329&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/collections/Acc.jpg?v=1660093329&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/collections/Acc.jpg?v=1660093329&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/collections/Acc.jpg?v=1660093329&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/collections/Acc.jpg?v=1660093329&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/collections/Acc.jpg?v=1660093329&amp;width=3840 3840w" width="3840" height="2560" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 25vw, 100vw">
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AeEdnbkcxZlJWNExFQ__collection_title_TfqJwT-7 custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px;     --color: var(--color-foreground-heading);--font-size: 0.625rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>ACC / 雑貨</p>
  </div>









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






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AbHdmV3EyRFlWdzNpc__static-collection-card-8"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: flex-start;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/sustainable-jeans"
    
  >
    <span class="visually-hidden">WILD DUCK | Green Label</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AbHdmV3EyRFlWdzNpc__static-collection-card-8"] {
      --ratio: 1.5;
    }
  
</style>


  <div
    class="
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  ><img src="//www.bigjohn.co.jp/cdn/shop/collections/DSC09340a_3b4a9290-d35b-45f9-af10-5d26a8726143.jpg?v=1730781635&amp;width=3840" alt="WILD DUCK | Green Label" srcset="//www.bigjohn.co.jp/cdn/shop/collections/DSC09340a_3b4a9290-d35b-45f9-af10-5d26a8726143.jpg?v=1730781635&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/collections/DSC09340a_3b4a9290-d35b-45f9-af10-5d26a8726143.jpg?v=1730781635&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/DSC09340a_3b4a9290-d35b-45f9-af10-5d26a8726143.jpg?v=1730781635&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/collections/DSC09340a_3b4a9290-d35b-45f9-af10-5d26a8726143.jpg?v=1730781635&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/collections/DSC09340a_3b4a9290-d35b-45f9-af10-5d26a8726143.jpg?v=1730781635&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/collections/DSC09340a_3b4a9290-d35b-45f9-af10-5d26a8726143.jpg?v=1730781635&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/collections/DSC09340a_3b4a9290-d35b-45f9-af10-5d26a8726143.jpg?v=1730781635&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/collections/DSC09340a_3b4a9290-d35b-45f9-af10-5d26a8726143.jpg?v=1730781635&amp;width=3840 3840w" width="3840" height="2560" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 25vw, 100vw">
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AeEdnbkcxZlJWNExFQ__collection_title_TfqJwT-8 custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px;     --color: var(--color-foreground-heading);--font-size: 0.625rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>WILD DUCK | Green Label</p>
  </div>









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






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AbHdmV3EyRFlWdzNpc__static-collection-card-9"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: flex-start;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/23oz"
    
  >
    <span class="visually-hidden">Heavy Selvedge Denim</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AbHdmV3EyRFlWdzNpc__static-collection-card-9"] {
      --ratio: 1.5009380863039399;
    }
  
</style>


  <div
    class="
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  ><img src="//www.bigjohn.co.jp/cdn/shop/collections/H.jpg?v=1730780372&amp;width=3840" alt="Heavy Selvedge Denim" srcset="//www.bigjohn.co.jp/cdn/shop/collections/H.jpg?v=1730780372&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/collections/H.jpg?v=1730780372&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/H.jpg?v=1730780372&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/collections/H.jpg?v=1730780372&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/collections/H.jpg?v=1730780372&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/collections/H.jpg?v=1730780372&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/collections/H.jpg?v=1730780372&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/collections/H.jpg?v=1730780372&amp;width=3840 3840w" width="3840" height="2558" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 25vw, 100vw">
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AeEdnbkcxZlJWNExFQ__collection_title_TfqJwT-9 custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px;     --color: var(--color-foreground-heading);--font-size: 0.625rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Heavy Selvedge Denim</p>
  </div>









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






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AbHdmV3EyRFlWdzNpc__static-collection-card-10"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: flex-start;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/wwii-model"
    
  >
    <span class="visually-hidden">WWII MODEL</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AbHdmV3EyRFlWdzNpc__static-collection-card-10"] {
      --ratio: 1.4996515679442508;
    }
  
</style>


  <div
    class="
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  ><img src="//www.bigjohn.co.jp/cdn/shop/collections/main2_ca3393a8-1b07-414b-8485-4882ea60e5b7.jpg?v=1750831929&amp;width=3840" alt="WWII MODEL" srcset="//www.bigjohn.co.jp/cdn/shop/collections/main2_ca3393a8-1b07-414b-8485-4882ea60e5b7.jpg?v=1750831929&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/collections/main2_ca3393a8-1b07-414b-8485-4882ea60e5b7.jpg?v=1750831929&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/main2_ca3393a8-1b07-414b-8485-4882ea60e5b7.jpg?v=1750831929&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/collections/main2_ca3393a8-1b07-414b-8485-4882ea60e5b7.jpg?v=1750831929&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/collections/main2_ca3393a8-1b07-414b-8485-4882ea60e5b7.jpg?v=1750831929&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/collections/main2_ca3393a8-1b07-414b-8485-4882ea60e5b7.jpg?v=1750831929&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/collections/main2_ca3393a8-1b07-414b-8485-4882ea60e5b7.jpg?v=1750831929&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/collections/main2_ca3393a8-1b07-414b-8485-4882ea60e5b7.jpg?v=1750831929&amp;width=3840 3840w" width="3840" height="2561" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 25vw, 100vw">
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AeEdnbkcxZlJWNExFQ__collection_title_TfqJwT-10 custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px;     --color: var(--color-foreground-heading);--font-size: 0.625rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>WWII MODEL</p>
  </div>









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






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AbHdmV3EyRFlWdzNpc__static-collection-card-11"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: flex-start;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/extra"
    
  >
    <span class="visually-hidden">【XXXX】EXTRA 5大陸オーガニックデニム</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AbHdmV3EyRFlWdzNpc__static-collection-card-11"] {
      --ratio: 1.5;
    }
  
</style>


  <div
    class="
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  ><img src="//www.bigjohn.co.jp/cdn/shop/collections/DSC02899_1024x1024_034ac7b5-14bc-47b5-95eb-f6894d0d72f1.webp?v=1744598815&amp;width=3840" alt="【XXXX】EXTRA 5大陸オーガニックデニム" srcset="//www.bigjohn.co.jp/cdn/shop/collections/DSC02899_1024x1024_034ac7b5-14bc-47b5-95eb-f6894d0d72f1.webp?v=1744598815&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/collections/DSC02899_1024x1024_034ac7b5-14bc-47b5-95eb-f6894d0d72f1.webp?v=1744598815&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/DSC02899_1024x1024_034ac7b5-14bc-47b5-95eb-f6894d0d72f1.webp?v=1744598815&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/collections/DSC02899_1024x1024_034ac7b5-14bc-47b5-95eb-f6894d0d72f1.webp?v=1744598815&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/collections/DSC02899_1024x1024_034ac7b5-14bc-47b5-95eb-f6894d0d72f1.webp?v=1744598815&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/collections/DSC02899_1024x1024_034ac7b5-14bc-47b5-95eb-f6894d0d72f1.webp?v=1744598815&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/collections/DSC02899_1024x1024_034ac7b5-14bc-47b5-95eb-f6894d0d72f1.webp?v=1744598815&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/collections/DSC02899_1024x1024_034ac7b5-14bc-47b5-95eb-f6894d0d72f1.webp?v=1744598815&amp;width=3840 3840w" width="3840" height="2560" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 25vw, 100vw">
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AeEdnbkcxZlJWNExFQ__collection_title_TfqJwT-11 custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px;     --color: var(--color-foreground-heading);--font-size: 0.625rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>【XXXX】EXTRA 5大陸オーガニックデニム</p>
  </div>









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






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AbHdmV3EyRFlWdzNpc__static-collection-card-12"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: flex-start;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/complete-free-chinos"
    
  >
    <span class="visually-hidden">チノパン/カラージーンズ</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AbHdmV3EyRFlWdzNpc__static-collection-card-12"] {
      --ratio: 1.5;
    }
  
</style>


  <div
    class="
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  ><img src="//www.bigjohn.co.jp/cdn/shop/collections/L1001607.jpg?v=1680600521&amp;width=3840" alt="チノパン/カラージーンズ" srcset="//www.bigjohn.co.jp/cdn/shop/collections/L1001607.jpg?v=1680600521&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/collections/L1001607.jpg?v=1680600521&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/L1001607.jpg?v=1680600521&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/collections/L1001607.jpg?v=1680600521&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/collections/L1001607.jpg?v=1680600521&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/collections/L1001607.jpg?v=1680600521&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/collections/L1001607.jpg?v=1680600521&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/collections/L1001607.jpg?v=1680600521&amp;width=3840 3840w" width="3840" height="2560" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 25vw, 100vw">
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AeEdnbkcxZlJWNExFQ__collection_title_TfqJwT-12 custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px;     --color: var(--color-foreground-heading);--font-size: 0.625rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>チノパン/カラージーンズ</p>
  </div>









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






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AbHdmV3EyRFlWdzNpc__static-collection-card-13"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: flex-start;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/stretch-mens"
    
  >
    <span class="visually-hidden">メンズ ストレッチジーンズ</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AbHdmV3EyRFlWdzNpc__static-collection-card-13"] {
      --ratio: 1.5;
    }
  
</style>


  <div
    class="
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  ><img src="//www.bigjohn.co.jp/cdn/shop/collections/DSC062262.jpg?v=1702953842&amp;width=3840" alt="メンズ ストレッチジーンズ" srcset="//www.bigjohn.co.jp/cdn/shop/collections/DSC062262.jpg?v=1702953842&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/collections/DSC062262.jpg?v=1702953842&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/DSC062262.jpg?v=1702953842&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/collections/DSC062262.jpg?v=1702953842&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/collections/DSC062262.jpg?v=1702953842&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/collections/DSC062262.jpg?v=1702953842&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/collections/DSC062262.jpg?v=1702953842&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/collections/DSC062262.jpg?v=1702953842&amp;width=3840 3840w" width="3840" height="2560" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 25vw, 100vw">
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AeEdnbkcxZlJWNExFQ__collection_title_TfqJwT-13 custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px;     --color: var(--color-foreground-heading);--font-size: 0.625rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>メンズ ストレッチジーンズ</p>
  </div>









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






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AbHdmV3EyRFlWdzNpc__static-collection-card-14"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: flex-start;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/shirts-all"
    
  >
    <span class="visually-hidden">メンズシャツ</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AbHdmV3EyRFlWdzNpc__static-collection-card-14"] {
      --ratio: 1.4995491433724075;
    }
  
</style>


  <div
    class="
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  ><img src="//www.bigjohn.co.jp/cdn/shop/collections/DSC06893a.jpg?v=1778383955&amp;width=3840" alt="メンズシャツ" srcset="//www.bigjohn.co.jp/cdn/shop/collections/DSC06893a.jpg?v=1778383955&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/collections/DSC06893a.jpg?v=1778383955&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/DSC06893a.jpg?v=1778383955&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/collections/DSC06893a.jpg?v=1778383955&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/collections/DSC06893a.jpg?v=1778383955&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/collections/DSC06893a.jpg?v=1778383955&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/collections/DSC06893a.jpg?v=1778383955&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/collections/DSC06893a.jpg?v=1778383955&amp;width=3840 3840w" width="3840" height="2561" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 25vw, 100vw">
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AeEdnbkcxZlJWNExFQ__collection_title_TfqJwT-14 custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px;     --color: var(--color-foreground-heading);--font-size: 0.625rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>メンズシャツ</p>
  </div>









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






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AbHdmV3EyRFlWdzNpc__static-collection-card-15"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: flex-start;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/stretch-bellbottom"
    
  >
    <span class="visually-hidden">Bell bottom</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AbHdmV3EyRFlWdzNpc__static-collection-card-15"] {
      --ratio: 1.5;
    }
  
</style>


  <div
    class="
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  ><img src="//www.bigjohn.co.jp/cdn/shop/collections/1_c7b361b5-46ef-407e-96e3-bd0fe031b689.jpg?v=1728523679&amp;width=3840" alt="Bell bottom" srcset="//www.bigjohn.co.jp/cdn/shop/collections/1_c7b361b5-46ef-407e-96e3-bd0fe031b689.jpg?v=1728523679&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/collections/1_c7b361b5-46ef-407e-96e3-bd0fe031b689.jpg?v=1728523679&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/collections/1_c7b361b5-46ef-407e-96e3-bd0fe031b689.jpg?v=1728523679&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/collections/1_c7b361b5-46ef-407e-96e3-bd0fe031b689.jpg?v=1728523679&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/collections/1_c7b361b5-46ef-407e-96e3-bd0fe031b689.jpg?v=1728523679&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/collections/1_c7b361b5-46ef-407e-96e3-bd0fe031b689.jpg?v=1728523679&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/collections/1_c7b361b5-46ef-407e-96e3-bd0fe031b689.jpg?v=1728523679&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/collections/1_c7b361b5-46ef-407e-96e3-bd0fe031b689.jpg?v=1728523679&amp;width=3840 3840w" width="3840" height="2560" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 25vw, 100vw">
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AeEdnbkcxZlJWNExFQ__collection_title_TfqJwT-15 custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px;     --color: var(--color-foreground-heading);--font-size: 0.625rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Bell bottom</p>
  </div>









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






      </div>
      
    
  

    
</div>




</div>


</div><div id="shopify-section-template--20276969537715__section_hxk8bT" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 10px;--padding-block-end: 15px;
      "
      data-testid="section-content"
    >
      
  














  <a
    href="/collections/heavy-cotton-fleece"
    class="
  image-block image-block--AaVphVTVKZHVDM1dNW__image_RDzpmN image-block--height-fit spacing-style size-style
"
    style="
  --ratio: 1.5003750937734435;
  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
    
  >
    
<img src="//www.bigjohn.co.jp/cdn/shop/files/WLY00439_3.jpg?v=1780282552&amp;width=3840" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/WLY00439_3.jpg?v=1780282552&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/WLY00439_3.jpg?v=1780282552&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/WLY00439_3.jpg?v=1780282552&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/WLY00439_3.jpg?v=1780282552&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/WLY00439_3.jpg?v=1780282552&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/WLY00439_3.jpg?v=1780282552&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/WLY00439_3.jpg?v=1780282552&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/WLY00439_3.jpg?v=1780282552&amp;width=3840 3840w" width="2000" height="1333" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1.5003750937734435;
  --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

" sizes="auto, (min-width: 750px) 100vw, 100vw">

  </a>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:96%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--ARWIrb2RRM2V1TkR1Y__text_bNif4w h4      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>[New] World Workers</p>
  </div>















  <rte-formatter class=" spacing-style text-block text-block--Aa0hpb2hyRTY5NVI4K__text_Gz4jDn rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>日本最古のワークウェアブランド、World Workers。1975年、まだ“アメリカンワークスタイル”という言葉さえ一般的ではなかった時代に、日本のものづくりの現場に根差す形で誕生しました。<br/><br/>クラシックなワークウェアを現代に落とし込んだ新作が入荷。<br/>着込むほどに味わいを増す、リアルな道具服をご覧ください。</p>
  </rte-formatter>









<a
  
    href="/collections/world-workers-1"
  
  class="
    size-style
    button
    button--AR25EL0hNKzkveWxHZ__button_JNbtEB
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Shop now
</a>






</div>
</div>







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





</div><div id="shopify-section-template--20276969537715__section_V4WWM7" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 10px;--padding-block-end: 10px;
      "
      data-testid="section-content"
    >
      
  














  <a
    href="/products/m27g-000"
    class="
  image-block image-block--Abmljam9BTkpmVERoU__image_rwpkWD image-block--height-fit spacing-style size-style
"
    style="
  --ratio: 1.5004646840148699;
  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
    
  >
    
<img src="//www.bigjohn.co.jp/cdn/shop/files/main_15ecd8cc-7ecb-46d1-9a6d-f5520b338415.jpg?v=1779758754&amp;width=3840" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/main_15ecd8cc-7ecb-46d1-9a6d-f5520b338415.jpg?v=1779758754&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/main_15ecd8cc-7ecb-46d1-9a6d-f5520b338415.jpg?v=1779758754&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/main_15ecd8cc-7ecb-46d1-9a6d-f5520b338415.jpg?v=1779758754&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/main_15ecd8cc-7ecb-46d1-9a6d-f5520b338415.jpg?v=1779758754&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/main_15ecd8cc-7ecb-46d1-9a6d-f5520b338415.jpg?v=1779758754&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/main_15ecd8cc-7ecb-46d1-9a6d-f5520b338415.jpg?v=1779758754&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/main_15ecd8cc-7ecb-46d1-9a6d-f5520b338415.jpg?v=1779758754&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/main_15ecd8cc-7ecb-46d1-9a6d-f5520b338415.jpg?v=1779758754&amp;width=3840 3840w" width="3229" height="2152" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1.5004646840148699;
  --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

" sizes="auto, (min-width: 750px) 100vw, 100vw">

  </a>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:96%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--AZ05Fci84TTZSbVZ2R__text_4Rb4rC h4      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>[New] 27oz Heavyweight Selvedge Jeans <br/></p>
  </div>















  <rte-formatter class=" spacing-style text-block text-block--AM3lVaVZxN25jd2tFQ__text_3F4fdp rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>BIG JOHN史上最も厚く、最も重い、27ozセルヴィッジデニム。<br/>触れた瞬間に伝わる規格外の存在感と、自立するほどの肉厚な生地。<br/>穿くことそのものが挑戦になる、限定ヘビーオンスジーンズです。</p>
  </rte-formatter>









<a
  
    href="/products/m27g-000"
  
  class="
    size-style
    button
    button--AL0N6b1BBcUJ3OHNDV__button_BKC9bg
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Shop now
</a>






</div>
</div>







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





</div><div id="shopify-section-template--20276969537715__section_wiXW4G" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 10px;--padding-block-end: 10px;
      "
      data-testid="section-content"
    >
      
  














  <a
    href="/pages/re-starch"
    class="
  image-block image-block--AZEFnd3pDTTRUenY1V__image_faK9hf image-block--height-fit spacing-style size-style
"
    style="
  --ratio: 1.5;
  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
    
  >
    
<img src="//www.bigjohn.co.jp/cdn/shop/files/STMain_060e2d5a-311f-4507-b8c4-b76e3a9909a5.jpg?v=1780645849&amp;width=3840" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/STMain_060e2d5a-311f-4507-b8c4-b76e3a9909a5.jpg?v=1780645849&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/STMain_060e2d5a-311f-4507-b8c4-b76e3a9909a5.jpg?v=1780645849&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/STMain_060e2d5a-311f-4507-b8c4-b76e3a9909a5.jpg?v=1780645849&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/STMain_060e2d5a-311f-4507-b8c4-b76e3a9909a5.jpg?v=1780645849&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/STMain_060e2d5a-311f-4507-b8c4-b76e3a9909a5.jpg?v=1780645849&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/STMain_060e2d5a-311f-4507-b8c4-b76e3a9909a5.jpg?v=1780645849&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/STMain_060e2d5a-311f-4507-b8c4-b76e3a9909a5.jpg?v=1780645849&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/STMain_060e2d5a-311f-4507-b8c4-b76e3a9909a5.jpg?v=1780645849&amp;width=3840 3840w" width="2826" height="1884" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1.5;
  --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

" sizes="auto, (min-width: 750px) 100vw, 100vw">

  </a>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:96%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--Ab0dVNFZRUU9tcWpVT__text_hFDzdG h4      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>[New] RE:STARCH 糊付けサービス</p>
  </div>















  <rte-formatter class=" spacing-style text-block text-block--Aanp2TVFQZTVtSmlKK__text_wQt3pf rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h5><strong>お気に入りのジーンズ、理想の色落ちを守る</strong></h5><p>穿き込んでできたヒゲやシワ。洗ったあとにズレてしまった、 そんな経験はありませんか。<br/>BIG JOHNの糊付け加工サービスは、縮みを落ち着かせながら、 リジッドのようなハリと表情を楽しめる新しい提案です。</p>
  </rte-formatter>









<a
  
    href="/pages/re-starch"
  
  class="
    size-style
    button
    button--AOHd6Zno4OU1aUm9MY__button_WjBCVm
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  More Detail
</a>






</div>
</div>







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





</div><div id="shopify-section-template--20276969537715__section_GXy9xj" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 10px;--padding-block-end: 10px;
      "
      data-testid="section-content"
    >
      
  














  <a
    href="/collections/selvage-chambray-shirts"
    class="
  image-block image-block--AUVVLTUpvRW9ncko2N__image_kXmhfa image-block--height-fit spacing-style size-style
"
    style="
  --ratio: 1.4995491433724075;
  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
    
  >
    
<img src="//www.bigjohn.co.jp/cdn/shop/files/WLY09914_2.jpg?v=1778319055&amp;width=3840" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/WLY09914_2.jpg?v=1778319055&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/WLY09914_2.jpg?v=1778319055&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/WLY09914_2.jpg?v=1778319055&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/WLY09914_2.jpg?v=1778319055&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/WLY09914_2.jpg?v=1778319055&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/WLY09914_2.jpg?v=1778319055&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/WLY09914_2.jpg?v=1778319055&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/WLY09914_2.jpg?v=1778319055&amp;width=3840 3840w" width="1663" height="1109" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1.4995491433724075;
  --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

" sizes="auto, (min-width: 750px) 100vw, 100vw">

  </a>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:96%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--Ad1FhMWM2UXVJRDY0T__text_Ba9Rnd h4      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Selvedge Denim Shirts</p>
  </div>















  <rte-formatter class=" spacing-style text-block text-block--AeXFpWTN0UjhkWU5hW__text_c66ptb rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>BIG JOHNの定番シャンブレーシャツに、赤い刺繍で遊び心を添えた限定モデル。<br/><br/>ヴィンテージのワークウェアを思わせる風合いと、背中で語る大胆なステッチワークが、日常の装いに確かな個性を宿します。</p>
  </rte-formatter>









<a
  
    href="/collections/selvage-chambray-shirts"
  
  class="
    size-style
    button
    button--ANnZtaitjMGVFUnIvR__button_4F6j6T
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Shop now
</a>






</div>
</div>







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





</div><div id="shopify-section-template--20276969537715__section_Y7X43Y" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 10px;--padding-block-end: 10px;
      "
      data-testid="section-content"
    >
      
  














  <a
    href="/collections/sustainable-jeans"
    class="
  image-block image-block--ATDc3SUViL1dqSDVaM__image_B4QWcL image-block--height-fit spacing-style size-style
"
    style="
  --ratio: 1.498995983935743;
  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
    
  >
    
<img src="//www.bigjohn.co.jp/cdn/shop/files/Duckmain.png?v=1776822831&amp;width=3840" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/Duckmain.png?v=1776822831&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/Duckmain.png?v=1776822831&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/Duckmain.png?v=1776822831&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/Duckmain.png?v=1776822831&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/Duckmain.png?v=1776822831&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/Duckmain.png?v=1776822831&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/Duckmain.png?v=1776822831&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/Duckmain.png?v=1776822831&amp;width=3840 3840w" width="1493" height="996" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1.498995983935743;
  --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

" sizes="auto, (min-width: 750px) 100vw, 100vw">

  </a>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:96%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--AQ2ZQS21tRjJneVVSZ__text_TWrpe4 h4      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>WILD DUCK | CANVAS</p>
  </div>















  <rte-formatter class=" spacing-style text-block text-block--AWjZpNWp0OVlleE0yc__text_D8TDKU rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>WILD DUCK | Sportsmen's Clothes</p><p>1930年代のシューティングウェアをルーツに、無骨さと機能美を現代的に再構築。<br/>軽やかな着心地のリサイクルT/C素材、着込んだような風合いを生むガーメントウォッシュを施す。</p>
  </rte-formatter>









<a
  
    href="/collections/sustainable-jeans"
  
  class="
    size-style
    button
    button--AWnF6U1hEU0Q5eFFFN__button_jf6E9m
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Shop now
</a>






</div>
</div>







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





</div><div id="shopify-section-template--20276969537715__section_hADcKc" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 10px;--padding-block-end: 10px;
      "
      data-testid="section-content"
    >
      
  














  <a
    href="/collections/wwii-model"
    class="
  image-block image-block--AMjF5dHdzNzcvNDdyd__image_YJFyTH image-block--height-fit spacing-style size-style
"
    style="
  --ratio: 1.4972241498959056;
  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
    
  >
    
<img src="//www.bigjohn.co.jp/cdn/shop/files/DSC02229.jpg?v=1757492648&amp;width=3840" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC02229.jpg?v=1757492648&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/DSC02229.jpg?v=1757492648&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/DSC02229.jpg?v=1757492648&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/DSC02229.jpg?v=1757492648&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/DSC02229.jpg?v=1757492648&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/DSC02229.jpg?v=1757492648&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/DSC02229.jpg?v=1757492648&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/DSC02229.jpg?v=1757492648&amp;width=3840 3840w" width="4315" height="2882" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1.4972241498959056;
  --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

" sizes="auto, (min-width: 750px) 100vw, 100vw">

  </a>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:96%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--AZFpxVldHaWdIRkpqV__text_eQVMcj h4      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>[New] WWII 大戦モデル 左綾</p>
  </div>















  <rte-formatter class=" spacing-style text-block text-block--AWGMwSkRSYWx4eGFka__text_CnYxGE rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>第二次世界大戦下、物資統制により生まれた“WWIIモデル”。左綾の新しいコンセプトのファブリックが追加になりました。まずはジャケットからデビュー</p>
  </rte-formatter>









<a
  
    href="/collections/wwii-model"
  
  class="
    size-style
    button
    button--AbUtzR2dLRnNsMmNsS__button_y6y7Vh
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Shop now
</a>






</div>
</div>







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





</div><div id="shopify-section-template--20276969537715__section_tKbi7h" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 10px;--padding-block-end: 10px;
      "
      data-testid="section-content"
    >
      
  














  <div
    class="
  image-block image-block--AOSsrVWw1TzBUTkVNd__image_VEDDKj image-block--height-fit spacing-style size-style
"
    style="
  --ratio: 1.5;
  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
    
  >
    
<img src="//www.bigjohn.co.jp/cdn/shop/files/WLY082402.jpg?v=1775023393&amp;width=3840" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/WLY082402.jpg?v=1775023393&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/WLY082402.jpg?v=1775023393&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/WLY082402.jpg?v=1775023393&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/WLY082402.jpg?v=1775023393&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/WLY082402.jpg?v=1775023393&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/WLY082402.jpg?v=1775023393&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/WLY082402.jpg?v=1775023393&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/WLY082402.jpg?v=1775023393&amp;width=3840 3840w" width="2400" height="1600" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1.5;
  --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

" sizes="auto, (min-width: 750px) 100vw, 100vw">

  </div>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:96%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--AYXJrMzdQdmlNV1Btb__text_p6hdtT h4      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h2>[New] 丸胴Teeシャツ</h2>
  </div>















  <rte-formatter class=" spacing-style text-block text-block--AWnJZWE9ZSmw2dStxW__text_wj6gxr rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>脇に縫い目のない丸胴仕様（TUBULAR）によって生まれる、ストレスフリーな着心地。<br/>身体に自然と馴染み、着るほどに一体化していく感覚は、まさにデニムと同じ体験です。</p>
  </rte-formatter>









<a
  
    href="/collections/t-shirts-collection"
  
  class="
    size-style
    button
    button--Aelo0Q2p5c0dNTlZTT__button_AK4JdD
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Shop now
</a>






</div>
</div>







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





</div><div id="shopify-section-template--20276969537715__section_edgepY" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 10px;--padding-block-end: 15px;
      "
      data-testid="section-content"
    >
      
  














  <a
    href="/collections/selvage-chambray-shirts"
    class="
  image-block image-block--AeVdkdUhCMGgvM0owR__image_G77Dhr image-block--height-fit spacing-style size-style
"
    style="
  --ratio: 1.5;
  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
    
  >
    
<img src="//www.bigjohn.co.jp/cdn/shop/files/DSC04575a_f5ade513-8ffd-4def-b245-fc2e247f25af.webp?v=1767947442&amp;width=3840" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC04575a_f5ade513-8ffd-4def-b245-fc2e247f25af.webp?v=1767947442&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/DSC04575a_f5ade513-8ffd-4def-b245-fc2e247f25af.webp?v=1767947442&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/DSC04575a_f5ade513-8ffd-4def-b245-fc2e247f25af.webp?v=1767947442&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/DSC04575a_f5ade513-8ffd-4def-b245-fc2e247f25af.webp?v=1767947442&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/DSC04575a_f5ade513-8ffd-4def-b245-fc2e247f25af.webp?v=1767947442&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/DSC04575a_f5ade513-8ffd-4def-b245-fc2e247f25af.webp?v=1767947442&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/DSC04575a_f5ade513-8ffd-4def-b245-fc2e247f25af.webp?v=1767947442&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/DSC04575a_f5ade513-8ffd-4def-b245-fc2e247f25af.webp?v=1767947442&amp;width=3840 3840w" width="1200" height="800" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1.5;
  --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

" sizes="auto, (min-width: 750px) 100vw, 100vw">

  </a>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:96%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--AQ0VERlk0V0Yxek9ra__text_MyKY4H h4      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>[再入荷] 石川台デニム</p>
  </div>















  <rte-formatter class=" spacing-style text-block text-block--AbVcwSk5PUjlaSGtxa__text_JAbtEp rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p><strong>「幻の紡績機」が織りなす、唯一無二の質感。</strong><br/>現代の技術では再現不可能なデニムがここにあります。1953年製の「石川台」で紡ぎ、名機「GL-3」で織り上げる。手紡ぎに近い唯一無二のムラ感。聖地・児島から贈る、本物のヴィンテージ・復刻コレクション。</p>
  </rte-formatter>









<a
  
    href="/collections/ishikawadai"
  
  class="
    size-style
    button
    button--AWTVMU3phUVFMY1kzc__button_bhX4zr
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Shop now
</a>






</div>
</div>







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





</div><div id="shopify-section-template--20276969537715__section_h4b8bt" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 10px;--padding-block-end: 10px;
      "
      data-testid="section-content"
    >
      
  














  <a
    href="/collections/new-big-john-head-wear"
    class="
  image-block image-block--AY1NBblRKNlo3WWpBb__image_i6BEPN image-block--height-fit spacing-style size-style
"
    style="
  --ratio: 1.500459136822773;
  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
    
  >
    
<img src="//www.bigjohn.co.jp/cdn/shop/files/WLY06511_e1dd86b8-9294-478c-9255-a39cd81e55b4.jpg?v=1771209932&amp;width=3840" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/WLY06511_e1dd86b8-9294-478c-9255-a39cd81e55b4.jpg?v=1771209932&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/WLY06511_e1dd86b8-9294-478c-9255-a39cd81e55b4.jpg?v=1771209932&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/WLY06511_e1dd86b8-9294-478c-9255-a39cd81e55b4.jpg?v=1771209932&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/WLY06511_e1dd86b8-9294-478c-9255-a39cd81e55b4.jpg?v=1771209932&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/WLY06511_e1dd86b8-9294-478c-9255-a39cd81e55b4.jpg?v=1771209932&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/WLY06511_e1dd86b8-9294-478c-9255-a39cd81e55b4.jpg?v=1771209932&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/WLY06511_e1dd86b8-9294-478c-9255-a39cd81e55b4.jpg?v=1771209932&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/WLY06511_e1dd86b8-9294-478c-9255-a39cd81e55b4.jpg?v=1771209932&amp;width=3840 3840w" width="1634" height="1089" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1.500459136822773;
  --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

" sizes="auto, (min-width: 750px) 100vw, 100vw">

  </a>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:96%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--Ab1hCUjhTS0pBY0ozU__text_Jhq8mE h4      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h3>[New] BIG JOHN Head Wear</h3>
  </div>















  <rte-formatter class=" spacing-style text-block text-block--ANk1yNlJPakFJQVRHO__text_HQP8R3 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>デニムブランドが本気でつくる、究極のヘッドウェア。<br/>BIG JOHNが培ってきたデニムへの造詣と、ワークウェアの精神をそのままに──。オーセンティックなCapとHatを開発。<br/><br/>経年変化が楽しめるインディゴデニム、一針一針に宿るクラフトマンシップ。日常のコーディネートに、ほんの少しの“BIG JOHNらしさ”を添えるアクセントとしてどうぞ。</p>
  </rte-formatter>









<a
  
    href="/collections/new-big-john-head-wear"
  
  class="
    size-style
    button
    button--AQ0VGcXgyak1tVy9md__button_8HPz9k
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Shop now
</a>






</div>
</div>







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





</div><div id="shopify-section-template--20276969537715__section_XHEAQV" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 10px;--padding-block-end: 10px;
      "
      data-testid="section-content"
    >
      
  














  <a
    href="/collections/%E9%A9%9A%E7%95%B0%E3%81%AE%E4%BC%B8%E7%B8%AE%E6%80%A7-%E5%8B%95%E3%81%8D%E3%81%A8%E7%BE%8E%E3%81%97%E3%81%95%E3%82%92%E7%BA%8F%E3%81%86-%E6%AC%A1%E4%B8%96%E4%BB%A3%E3%82%B8%E3%83%A7%E3%82%AC%E3%83%BC%E3%83%87%E3%83%8B%E3%83%A0"
    class="
  image-block image-block--AVmxnaUY2YWJLNllse__image_6j6pK9 image-block--height-fit spacing-style size-style
"
    style="
  --ratio: 1.4142604596346493;
  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
    
  >
    
<img src="//www.bigjohn.co.jp/cdn/shop/files/M.jpg?v=1770948387&amp;width=3840" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/M.jpg?v=1770948387&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/M.jpg?v=1770948387&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/M.jpg?v=1770948387&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/M.jpg?v=1770948387&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/M.jpg?v=1770948387&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/M.jpg?v=1770948387&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/M.jpg?v=1770948387&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/M.jpg?v=1770948387&amp;width=3840 3840w" width="2400" height="1697" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1.4142604596346493;
  --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

" sizes="auto, (min-width: 750px) 100vw, 100vw">

  </a>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:96%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--Ab2cvMGFPaXMxcnJBe__text_Vte9Nh h4      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>[New] 進化系 M3 Jogger pants</p>
  </div>















  <rte-formatter class=" spacing-style text-block text-block--AcS9tNE1lbTlvQnByW__text_Wkhmit rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>クラシックな風合いと最新テクノロジーの融合。<br/>60年以上の歴史を誇るBIG JOHNから、驚異の伸縮性を備えた次世代ジョガーデニムが登場。</p>
  </rte-formatter>









<a
  
    href="/collections/%E9%A9%9A%E7%95%B0%E3%81%AE%E4%BC%B8%E7%B8%AE%E6%80%A7-%E5%8B%95%E3%81%8D%E3%81%A8%E7%BE%8E%E3%81%97%E3%81%95%E3%82%92%E7%BA%8F%E3%81%86-%E6%AC%A1%E4%B8%96%E4%BB%A3%E3%82%B8%E3%83%A7%E3%82%AC%E3%83%BC%E3%83%87%E3%83%8B%E3%83%A0"
  
  class="
    size-style
    button
    button--AejYvN3RNUmVJWS9GZ__button_aKTd94
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Shop now
</a>






</div>
</div>







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





</div><div id="shopify-section-template--20276969537715__section_qi8Xd3" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 20px;--padding-block-end: 20px;
      "
      data-testid="section-content"
    >
      
  














  <a
    href="/collections/%E3%83%AC%E3%83%87%E3%82%A3%E3%83%BC%E3%82%B9"
    class="
  image-block image-block--Ac2xlV1liZytkOGtra__image_MU7Lmz image-block--height-fit spacing-style size-style
"
    style="
  --ratio: 1.5;
  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
    
  >
    
<img src="//www.bigjohn.co.jp/cdn/shop/files/DSC00219.jpg?v=1731378526&amp;width=3840" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC00219.jpg?v=1731378526&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/DSC00219.jpg?v=1731378526&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/DSC00219.jpg?v=1731378526&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/DSC00219.jpg?v=1731378526&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/DSC00219.jpg?v=1731378526&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/DSC00219.jpg?v=1731378526&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/DSC00219.jpg?v=1731378526&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/DSC00219.jpg?v=1731378526&amp;width=3840 3840w" width="1800" height="1200" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1.5;
  --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

" sizes="auto, (min-width: 750px) 100vw, 100vw">

  </a>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:96%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--ASmkvcnFEWCtRVzRVM__text_4LbDhx h4      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h3>Womens Denim</h3>
  </div>















  <rte-formatter class=" spacing-style text-block text-block--AZTQzaEZxUkREQXpKa__text_eyxEpq rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>BIG JOHNの歴史に裏付けされたレディースデニム。美しいシルエットと美しい加工。コーディネートに本物を。</p>
  </rte-formatter>









<a
  
    href="/collections/%E3%83%AC%E3%83%87%E3%82%A3%E3%83%BC%E3%82%B9"
  
  class="
    size-style
    button
    button--AS1dGRnl3STlFR3lGS__button_9jGhYX
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Shop now
</a>






</div>
</div>







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





</div><div id="shopify-section-template--20276969537715__section_U3pmR7" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 10px;--padding-block-end: 10px;
      "
      data-testid="section-content"
    >
      
  














  <div
    class="
  image-block image-block--ANG5Melg2YnZpQndER__image_QU8eLC image-block--height-fit spacing-style size-style
"
    style="
  --ratio: 1.5001809627216793;
  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
    
  >
    
<img src="//www.bigjohn.co.jp/cdn/shop/files/DSC08255a.jpg?v=1744855033&amp;width=3840" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC08255a.jpg?v=1744855033&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/DSC08255a.jpg?v=1744855033&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/DSC08255a.jpg?v=1744855033&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/DSC08255a.jpg?v=1744855033&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/DSC08255a.jpg?v=1744855033&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/DSC08255a.jpg?v=1744855033&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/DSC08255a.jpg?v=1744855033&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/DSC08255a.jpg?v=1744855033&amp;width=3840 3840w" width="4145" height="2763" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1.5001809627216793;
  --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

" sizes="auto, (min-width: 750px) 100vw, 100vw">

  </div>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:96%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--AMTZEM05YVGk2K2NEW__text_rt4hHH h4      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h2>吊り編み 2-PACK Tee</h2>
  </div>















  <rte-formatter class=" spacing-style text-block text-block--AVk1zR0FzalAvRFBCS__text_Dg4Bgf rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>【NEW COLOR入荷しました】<br/>吊り編み機（Loopwheel Machine）でゆっくりと編まれたこのTシャツは、空気を含んだようなふっくらとした風合い。クラシックなTシャツの価値を、いま改めて見直しました。</p>
  </rte-formatter>









<a
  
    href="/collections/t-shirts-collection"
  
  class="
    size-style
    button
    button--ANXl6eU1MTGNObnMwd__button_VaAbDL
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Shop now
</a>






</div>
</div>







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





</div><div id="shopify-section-template--20276969537715__section_xRCp9W" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 10px;--padding-block-end: 10px;
      "
      data-testid="section-content"
    >
      
  














  <div
    class="
  image-block image-block--AZk5sU3FGdERVNDZnY__image_6Hk9i9 image-block--height-fit spacing-style size-style
"
    style="
  --ratio: 1.499267935578331;
  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
    
  >
    
<img src="//www.bigjohn.co.jp/cdn/shop/files/RARE_9cd135a5-06a4-4116-a5ed-2e021c4dddf1.webp?v=1743753199&amp;width=3840" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/RARE_9cd135a5-06a4-4116-a5ed-2e021c4dddf1.webp?v=1743753199&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/RARE_9cd135a5-06a4-4116-a5ed-2e021c4dddf1.webp?v=1743753199&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/RARE_9cd135a5-06a4-4116-a5ed-2e021c4dddf1.webp?v=1743753199&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/RARE_9cd135a5-06a4-4116-a5ed-2e021c4dddf1.webp?v=1743753199&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/RARE_9cd135a5-06a4-4116-a5ed-2e021c4dddf1.webp?v=1743753199&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/RARE_9cd135a5-06a4-4116-a5ed-2e021c4dddf1.webp?v=1743753199&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/RARE_9cd135a5-06a4-4116-a5ed-2e021c4dddf1.webp?v=1743753199&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/RARE_9cd135a5-06a4-4116-a5ed-2e021c4dddf1.webp?v=1743753199&amp;width=3840 3840w" width="1024" height="683" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1.499267935578331;
  --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

" sizes="auto, (min-width: 750px) 100vw, 100vw">

  </div>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:96%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--AQ2dLMExDVytjNGZ0T__text_PeJVaK h4      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h2>BIG JOHNの最高峰 RARE</h2>
  </div>















  <rte-formatter class=" spacing-style text-block text-block--AMDd5OUd1dnB6V0R0Z__text_4zTHnr rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>BIG JOHNの最高峰『RARE』日本にヴィンテージブームを巻き起こし、世界に誇るデニムカルチャーの基盤をつくった逸品。</p>
  </rte-formatter>









<a
  
    href="/collections/rare-flagship"
  
  class="
    size-style
    button
    button--AT1grQXJYRUc3eXBBY__button_emMWij
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Shop now
</a>






</div>
</div>







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





</div><div id="shopify-section-template--20276969537715__section_MXBBTG" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 10px;--padding-block-end: 10px;
      "
      data-testid="section-content"
    >
      
  














  <div
    class="
  image-block image-block--AeEFLZEdzQzZCVXdJM__image_LwT4mG image-block--height-fit spacing-style size-style
"
    style="
  --ratio: 1.5;
  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
    
  >
    
<img src="//www.bigjohn.co.jp/cdn/shop/files/XXXX2_f7de9278-e761-4c65-a12b-61ef886972d4.jpg?v=1739860589&amp;width=3840" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/XXXX2_f7de9278-e761-4c65-a12b-61ef886972d4.jpg?v=1739860589&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/XXXX2_f7de9278-e761-4c65-a12b-61ef886972d4.jpg?v=1739860589&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/XXXX2_f7de9278-e761-4c65-a12b-61ef886972d4.jpg?v=1739860589&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/XXXX2_f7de9278-e761-4c65-a12b-61ef886972d4.jpg?v=1739860589&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/XXXX2_f7de9278-e761-4c65-a12b-61ef886972d4.jpg?v=1739860589&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/XXXX2_f7de9278-e761-4c65-a12b-61ef886972d4.jpg?v=1739860589&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/XXXX2_f7de9278-e761-4c65-a12b-61ef886972d4.jpg?v=1739860589&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/XXXX2_f7de9278-e761-4c65-a12b-61ef886972d4.jpg?v=1739860589&amp;width=3840 3840w" width="3000" height="2000" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1.5;
  --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

" sizes="auto, (min-width: 750px) 100vw, 100vw">

  </div>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:96%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--AR3FSKzBwMjg1akZsW__text_3Pedcw h4      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h2>XXXX EXTRA</h2>
  </div>















  <rte-formatter class=" spacing-style text-block text-block--AQWlCSlVQU0lkbHhNd__text_VtJt4B rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>５大陸全てのオーガニックコットンを使用。本藍で染め上げたBIG JOHNだけのセルビッチデニムが完成</p>
  </rte-formatter>









<a
  
    href="/collections/extra"
  
  class="
    size-style
    button
    button--AMWdGSkZYcVUxVXQ0a__button_h6pgJk
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Shop now
</a>






</div>
</div>







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





</div><div id="shopify-section-template--20276969537715__section_dmFWMz" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 10px;--padding-block-end: 10px;
      "
      data-testid="section-content"
    >
      
  














  <div
    class="
  image-block image-block--AaTVhaEJFa21vaGNrW__image_ph7V9A image-block--height-fit spacing-style size-style
"
    style="
  --ratio: 1.5;
  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
    
  >
    
<img src="//www.bigjohn.co.jp/cdn/shop/files/DSC01480main.jpg?v=1711693483&amp;width=3840" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC01480main.jpg?v=1711693483&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/DSC01480main.jpg?v=1711693483&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/DSC01480main.jpg?v=1711693483&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/DSC01480main.jpg?v=1711693483&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/DSC01480main.jpg?v=1711693483&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/DSC01480main.jpg?v=1711693483&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/DSC01480main.jpg?v=1711693483&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/DSC01480main.jpg?v=1711693483&amp;width=3840 3840w" width="1500" height="1000" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1.5;
  --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

" sizes="auto, (min-width: 750px) 100vw, 100vw">

  </div>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:96%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--AQWlUN1FQU3NFUTdLQ__text_Ez9GTr h4      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h2>姫路 Leather Belt</h2>
  </div>















  <rte-formatter class=" spacing-style text-block text-block--AcGhLWHhTRDNMbXVCe__text_yWpppk rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h5>ジーンズのために作った極厚レザーベルト。ジーンズと共にエイジングをお楽しみください。</h5>
  </rte-formatter>









<a
  
    href="/collections/himeji-leather-original-belt"
  
  class="
    size-style
    button
    button--AMkNyY1JpbW5FUi9tN__button_8epgHW
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Shop now
</a>






</div>
</div>







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





</div><div id="shopify-section-template--20276969537715__section_J9xVj3" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--full-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 10px;--padding-block-end: 10px;
      "
      data-testid="section-content"
    >
      
  


<div
  class="
    group-block
    group-block--height-fill
    group-block--width-fill
    border-style
    spacing-style
    size-style
     color-scheme-5
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px));
    --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><a
      href="/blogs/blog"
      class="group-block__link"
      
    ></a><div class="group-block__media-wrapper">
    
  <div
    class="background-image-container"
  >
    

      <img src="//www.bigjohn.co.jp/cdn/shop/files/BASE_e2ea0c9e-ea27-49a7-b3dd-0f27ac997362.jpg?v=1751016827&amp;width=3840" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/BASE_e2ea0c9e-ea27-49a7-b3dd-0f27ac997362.jpg?v=1751016827&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/BASE_e2ea0c9e-ea27-49a7-b3dd-0f27ac997362.jpg?v=1751016827&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/BASE_e2ea0c9e-ea27-49a7-b3dd-0f27ac997362.jpg?v=1751016827&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/BASE_e2ea0c9e-ea27-49a7-b3dd-0f27ac997362.jpg?v=1751016827&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/BASE_e2ea0c9e-ea27-49a7-b3dd-0f27ac997362.jpg?v=1751016827&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/BASE_e2ea0c9e-ea27-49a7-b3dd-0f27ac997362.jpg?v=1751016827&amp;width=3840 3840w" width="3840" height="2560" loading="lazy" sizes="100vw" fetchpriority="auto">
</div>




    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: center; --vertical-alignment: space-between;
--vertical-alignment-mobile: space-between;
"
  >
  



<div
  class="
    spacer-block
    spacer-block--size-pixel
    
  "
  style="
    
      --spacer-size: 16px;
    

    
  "
  
  data-testid="spacer-block"
></div>













  <div class=" spacing-style text-block text-block--AUkRwQmFTNFNOa2x3Y__text_NXD9am h3      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h3>Blog</h3>
  </div>









<a
  
    role="link"
    aria-disabled="true"
  
  class="
    size-style
    link
    link--Ad2hBNWpYR0Z6TDdiT__button_Yyjx9z
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  
</a>






</div>
</div>








<div
  class="
    group-block
    group-block--height-fill
    group-block--width-fill
    border-style
    spacing-style
    size-style
     color-scheme-5
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px));
    --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><a
      href="/blogs/%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%B9"
      class="group-block__link"
      
    ></a><div class="group-block__media-wrapper">
    
  <div
    class="background-image-container"
  >
    

      <img src="//www.bigjohn.co.jp/cdn/shop/files/DSC00646.jpg?v=1751017670&amp;width=3840" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC00646.jpg?v=1751017670&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/DSC00646.jpg?v=1751017670&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/DSC00646.jpg?v=1751017670&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/DSC00646.jpg?v=1751017670&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/DSC00646.jpg?v=1751017670&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/DSC00646.jpg?v=1751017670&amp;width=3840 3840w" width="3840" height="2565" loading="lazy" sizes="100vw" fetchpriority="auto" style="object-position:48.4117% 18.0933%;">
</div>




    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: center; --vertical-alignment: space-between;
--vertical-alignment-mobile: space-between;
"
  >
  



<div
  class="
    spacer-block
    spacer-block--size-pixel
    
  "
  style="
    
      --spacer-size: 16px;
    

    
  "
  
  data-testid="spacer-block"
></div>













  <div class=" spacing-style text-block text-block--AY2daNGFyVk11VWorW__text_7QTcJg custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1.5rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h3>営業日情報</h3>
  </div>









<a
  
    role="link"
    aria-disabled="true"
  
  class="
    size-style
    link
    link--AUi91bkRXa2ZJbGtje__button_pbUfjH
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  
</a>






</div>
</div>








<div
  class="
    group-block
    group-block--height-fill
    group-block--width-fill
    border-style
    spacing-style
    size-style
     color-scheme-5
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px));
    --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><a
      href="/pages/shop-stockist"
      class="group-block__link"
      
    ></a><div class="group-block__media-wrapper">
    
  <div
    class="background-image-container"
  >
    

      <img src="//www.bigjohn.co.jp/cdn/shop/files/DSC00649_e512ad57-eb7b-46d5-88cb-4a2ed911bb25.jpg?v=1751017602&amp;width=3840" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC00649_e512ad57-eb7b-46d5-88cb-4a2ed911bb25.jpg?v=1751017602&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/DSC00649_e512ad57-eb7b-46d5-88cb-4a2ed911bb25.jpg?v=1751017602&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/DSC00649_e512ad57-eb7b-46d5-88cb-4a2ed911bb25.jpg?v=1751017602&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/DSC00649_e512ad57-eb7b-46d5-88cb-4a2ed911bb25.jpg?v=1751017602&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/DSC00649_e512ad57-eb7b-46d5-88cb-4a2ed911bb25.jpg?v=1751017602&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/DSC00649_e512ad57-eb7b-46d5-88cb-4a2ed911bb25.jpg?v=1751017602&amp;width=3840 3840w" width="3840" height="2561" loading="lazy" sizes="100vw" fetchpriority="auto">
</div>




    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: center; --vertical-alignment: space-between;
--vertical-alignment-mobile: space-between;
"
  >
  



<div
  class="
    spacer-block
    spacer-block--size-pixel
    
  "
  style="
    
      --spacer-size: 16px;
    

    
  "
  
  data-testid="spacer-block"
></div>













  <div class=" spacing-style text-block text-block--AWUNLcDh3cVA0TG9tR__text_V66nRD h3      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h3>Shop</h3>
  </div>









<a
  
    role="link"
    aria-disabled="true"
  
  class="
    size-style
    link
    link--AbHNDOVBoVzNkd2daa__button_4aDKXQ
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  
</a>






</div>
</div>







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





</div><div id="shopify-section-template--20276969537715__product_list_w6JE9d" class="shopify-section ui-test-product-list">



<div class="section-background color-scheme-1"></div>
<div
  data-testid="product-list"
  class="
    section
    section--page-width
    color-scheme-1
    section-resource-list
    spacing-style
    gap-style
  "
  style="
    --padding-block-start: 19px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
    --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px));
  "
>
  <div class="section-resource-list__header">
<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
      
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: space-between; --vertical-alignment: last baseline;
--vertical-alignment-mobile: last baseline;
"
  >











  <div class=" spacing-style text-block text-block--ATkRINU9ENlJqUE5HN__product_list_text_xnLmBF custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 0.875rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h2><strong>RECOMMENDED</strong></h2>
  </div>












  

<a
  
    href="/collections/mens-all"
  
  class="
    size-style
    link
    link--AeGNwTS95QVZDOXY1N__product_list_button_mkzDgk
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  View all
</a>






</div>
</div>



</div>

  

  

  

<div
  class="
    resource-list
    
    
    resource-list--grid
  "
  style="--resource-list-column-gap-desktop: 8px;--resource-list-row-gap-desktop: 11px;--resource-list-columns: repeat(4, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--column-count-mobile: 2;"
  
    data-testid="resource-list-grid"
  
>
  
      
    
      
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="4348025929818"
  id="product-card-AY3ptTlFLdGE5ZHVBN__static-product-card"
  
    data-product-transition="true"
    data-featured-media-url="//www.bigjohn.co.jp/cdn/shop/files/DSC07416-2.jpg?v=1741918432&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="b15a3003df9373701527bc053803281b"
    
      href="/products/r008-000w?variant=31134596857946"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      R008 (000W) RARE JEANS
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: none;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AaG1oYTdiWEt1QW5sc__product_card_gallery_XCpfUH spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.6667737789203085;
  "
  data-product-id="4348025929818"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/r008-000w?variant=31134596857946"
      aria-label="R008 (000W) RARE JEANS"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12, --slide-13, --slide-14, --slide-15, --slide-16, --slide-17, --slide-18, --slide-19;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="20"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="前のスライド"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="次のスライド"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="29390058651827"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6667737789203085"
  data-media-id="29390058651827"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/files/DSC07416-2.jpg?v=1741918432&amp;width=3840" alt="R008 (000W) RARE JEANS" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC07416-2.jpg?v=1741918432&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/DSC07416-2.jpg?v=1741918432&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/DSC07416-2.jpg?v=1741918432&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/DSC07416-2.jpg?v=1741918432&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/DSC07416-2.jpg?v=1741918432&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/DSC07416-2.jpg?v=1741918432&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/DSC07416-2.jpg?v=1741918432&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/DSC07416-2.jpg?v=1741918432&amp;width=3840 3840w" width="3840" height="5759" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/files/DSC07416-2.jpg?v=1741918432&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="29390058684595"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="29390058684595"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/files/DSC07416-1.jpg?v=1741918432&amp;width=3840" alt="R008 (000W) RARE JEANS" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC07416-1.jpg?v=1741918432&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/DSC07416-1.jpg?v=1741918432&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/DSC07416-1.jpg?v=1741918432&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/DSC07416-1.jpg?v=1741918432&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/DSC07416-1.jpg?v=1741918432&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/DSC07416-1.jpg?v=1741918432&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/DSC07416-1.jpg?v=1741918432&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/DSC07416-1.jpg?v=1741918432&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/files/DSC07416-1.jpg?v=1741918432&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="26237611147443"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="26237611147443"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/files/DSC07355_3d6d324a-44f4-4f0b-b88d-3c4ebe538f5e.jpg?v=1741918432&amp;width=3840" alt="R008 (000W) RARE JEANS" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC07355_3d6d324a-44f4-4f0b-b88d-3c4ebe538f5e.jpg?v=1741918432&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/DSC07355_3d6d324a-44f4-4f0b-b88d-3c4ebe538f5e.jpg?v=1741918432&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/DSC07355_3d6d324a-44f4-4f0b-b88d-3c4ebe538f5e.jpg?v=1741918432&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/DSC07355_3d6d324a-44f4-4f0b-b88d-3c4ebe538f5e.jpg?v=1741918432&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/DSC07355_3d6d324a-44f4-4f0b-b88d-3c4ebe538f5e.jpg?v=1741918432&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/DSC07355_3d6d324a-44f4-4f0b-b88d-3c4ebe538f5e.jpg?v=1741918432&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/DSC07355_3d6d324a-44f4-4f0b-b88d-3c4ebe538f5e.jpg?v=1741918432&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/DSC07355_3d6d324a-44f4-4f0b-b88d-3c4ebe538f5e.jpg?v=1741918432&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/files/DSC07355_3d6d324a-44f4-4f0b-b88d-3c4ebe538f5e.jpg?v=1741918432&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="28064588660915"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="28064588660915"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/files/DSC07424-2.jpg?v=1741918432&amp;width=3840" alt="R008 (000W) RARE JEANS" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC07424-2.jpg?v=1741918432&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/DSC07424-2.jpg?v=1741918432&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/DSC07424-2.jpg?v=1741918432&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/DSC07424-2.jpg?v=1741918432&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/DSC07424-2.jpg?v=1741918432&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/DSC07424-2.jpg?v=1741918432&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/DSC07424-2.jpg?v=1741918432&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/DSC07424-2.jpg?v=1741918432&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/files/DSC07424-2.jpg?v=1741918432&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="26237616750771"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="26237616750771"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/files/DSC07368_a4251f2c-e64c-4481-96f3-bd380cf5794f.jpg?v=1741918432&amp;width=3840" alt="R008 (000W) RARE JEANS" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC07368_a4251f2c-e64c-4481-96f3-bd380cf5794f.jpg?v=1741918432&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/DSC07368_a4251f2c-e64c-4481-96f3-bd380cf5794f.jpg?v=1741918432&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/DSC07368_a4251f2c-e64c-4481-96f3-bd380cf5794f.jpg?v=1741918432&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/DSC07368_a4251f2c-e64c-4481-96f3-bd380cf5794f.jpg?v=1741918432&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/DSC07368_a4251f2c-e64c-4481-96f3-bd380cf5794f.jpg?v=1741918432&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/DSC07368_a4251f2c-e64c-4481-96f3-bd380cf5794f.jpg?v=1741918432&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/DSC07368_a4251f2c-e64c-4481-96f3-bd380cf5794f.jpg?v=1741918432&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/DSC07368_a4251f2c-e64c-4481-96f3-bd380cf5794f.jpg?v=1741918432&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/files/DSC07368_a4251f2c-e64c-4481-96f3-bd380cf5794f.jpg?v=1741918432&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ></div>
    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">R008 (000W) RARE JEANS</h3>
  
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 4px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/r008-000w?variant=31134596857946"
  >
    






  <div class=" spacing-style text-block text-block--Adk1FYkd4WHpsQXVRV__product_title_YTHHjr custom    text-block--align-left custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 0.75rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p role="heading" aria-level="3">R008 (000W) RARE JEANS</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left paragraph spacing-style"
  data-block-id="AMGVmd201ZGRRb25KO__price_dLegr8"
  data-product-id="4348025929818"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
      "
    >
      <span class="price">¥36,300</span>
    </div>
    <div
      class="
        price__sale
        
          price__hidden
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">セール価格&nbsp;</span>
          <span class="price-item--sale price">¥36,300</span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">通常価格&nbsp;</span>
          <span class="price-item--regular compare-at-price"></span>
        </span>
      
    </div>
  
</div>

  
</product-price>










</div>
</div>







  </div>
</product-card>
















            
          </div>

          
            <!--@list/split-->
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="4348025995354"
  id="product-card-AY3ptTlFLdGE5ZHVBN__static-product-card-1"
  
    data-product-transition="true"
    data-featured-media-url="//www.bigjohn.co.jp/cdn/shop/files/DSC07436.jpg?v=1741918474&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="333dd0617a818aae3eef21ab390c199e"
    
      href="/products/r009-000?variant=31134596169818"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      R009 (000) RARE JEANS SLIM
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: none;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AaG1oYTdiWEt1QW5sc__product_card_gallery_XCpfUH-1 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.6667729591836735;
  "
  data-product-id="4348025995354"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/r009-000?variant=31134596169818"
      aria-label="R009 (000) RARE JEANS SLIM"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12, --slide-13, --slide-14, --slide-15, --slide-16;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="17"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="前のスライド"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="次のスライド"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="29390058881203"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6667729591836735"
  data-media-id="29390058881203"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/files/DSC07436.jpg?v=1741918474&amp;width=3840" alt="R009 (000) RARE JEANS SLIM" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC07436.jpg?v=1741918474&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/DSC07436.jpg?v=1741918474&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/DSC07436.jpg?v=1741918474&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/DSC07436.jpg?v=1741918474&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/DSC07436.jpg?v=1741918474&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/DSC07436.jpg?v=1741918474&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/DSC07436.jpg?v=1741918474&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/DSC07436.jpg?v=1741918474&amp;width=3840 3840w" width="3840" height="5759" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/files/DSC07436.jpg?v=1741918474&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="27020527763635"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="27020527763635"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/files/DSC07327.jpg?v=1741918474&amp;width=3840" alt="R009 (000) RARE JEANS SLIM" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC07327.jpg?v=1741918474&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/DSC07327.jpg?v=1741918474&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/DSC07327.jpg?v=1741918474&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/DSC07327.jpg?v=1741918474&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/DSC07327.jpg?v=1741918474&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/DSC07327.jpg?v=1741918474&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/DSC07327.jpg?v=1741918474&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/DSC07327.jpg?v=1741918474&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/files/DSC07327.jpg?v=1741918474&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="29390058848435"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6668889629876625"
  data-media-id="29390058848435"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/files/DSC07436-1.jpg?v=1741918474&amp;width=3840" alt="R009 (000) RARE JEANS SLIM" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC07436-1.jpg?v=1741918474&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/DSC07436-1.jpg?v=1741918474&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/DSC07436-1.jpg?v=1741918474&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/DSC07436-1.jpg?v=1741918474&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/DSC07436-1.jpg?v=1741918474&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/DSC07436-1.jpg?v=1741918474&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/DSC07436-1.jpg?v=1741918474&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/DSC07436-1.jpg?v=1741918474&amp;width=3840 3840w" width="3840" height="5758" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/files/DSC07436-1.jpg?v=1741918474&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="28064495009971"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="28064495009971"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/files/DSC07439-2_e2178df7-effc-48f1-84e4-49970df1be25.jpg?v=1741918474&amp;width=3840" alt="R009 (000) RARE JEANS SLIM" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC07439-2_e2178df7-effc-48f1-84e4-49970df1be25.jpg?v=1741918474&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/DSC07439-2_e2178df7-effc-48f1-84e4-49970df1be25.jpg?v=1741918474&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/DSC07439-2_e2178df7-effc-48f1-84e4-49970df1be25.jpg?v=1741918474&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/DSC07439-2_e2178df7-effc-48f1-84e4-49970df1be25.jpg?v=1741918474&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/DSC07439-2_e2178df7-effc-48f1-84e4-49970df1be25.jpg?v=1741918474&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/DSC07439-2_e2178df7-effc-48f1-84e4-49970df1be25.jpg?v=1741918474&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/DSC07439-2_e2178df7-effc-48f1-84e4-49970df1be25.jpg?v=1741918474&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/DSC07439-2_e2178df7-effc-48f1-84e4-49970df1be25.jpg?v=1741918474&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/files/DSC07439-2_e2178df7-effc-48f1-84e4-49970df1be25.jpg?v=1741918474&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="26237609935027"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="26237609935027"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/files/DSC07330.jpg?v=1741918474&amp;width=3840" alt="R009 (000) RARE JEANS SLIM" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC07330.jpg?v=1741918474&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/DSC07330.jpg?v=1741918474&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/DSC07330.jpg?v=1741918474&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/DSC07330.jpg?v=1741918474&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/DSC07330.jpg?v=1741918474&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/DSC07330.jpg?v=1741918474&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/DSC07330.jpg?v=1741918474&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/DSC07330.jpg?v=1741918474&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/files/DSC07330.jpg?v=1741918474&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ></div>
    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">R009 (000) RARE JEANS SLIM</h3>
  
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 4px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/r009-000?variant=31134596169818"
  >
    






  <div class=" spacing-style text-block text-block--Adk1FYkd4WHpsQXVRV__product_title_YTHHjr-1 custom    text-block--align-left custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 0.75rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p role="heading" aria-level="3">R009 (000) RARE JEANS SLIM</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left paragraph spacing-style"
  data-block-id="AMGVmd201ZGRRb25KO__price_dLegr8-1"
  data-product-id="4348025995354"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
      "
    >
      <span class="price">¥36,300</span>
    </div>
    <div
      class="
        price__sale
        
          price__hidden
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">セール価格&nbsp;</span>
          <span class="price-item--sale price">¥36,300</span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">通常価格&nbsp;</span>
          <span class="price-item--regular compare-at-price"></span>
        </span>
      
    </div>
  
</div>

  
</product-price>










</div>
</div>







  </div>
</product-card>
















            
          </div>

          
            <!--@list/split-->
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="4348026257498"
  id="product-card-AY3ptTlFLdGE5ZHVBN__static-product-card-2"
  
    data-product-transition="true"
    data-featured-media-url="//www.bigjohn.co.jp/cdn/shop/files/DSC00070_1.jpg?v=1685403070&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="4d1c80a8e4c4936855abb09391525a40"
    
      href="/products/mh401b-001?variant=31134594596954"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      MH401B (001) スーパーベルボトム
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: none;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AaG1oYTdiWEt1QW5sc__product_card_gallery_XCpfUH-2 spacing-style border-style card-gallery--badge-top-right"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.6669565217391304;
  "
  data-product-id="4348026257498"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/mh401b-001?variant=31134594596954"
      aria-label="MH401B (001) スーパーベルボトム"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="6"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="前のスライド"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="次のスライド"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="25560559747251"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6669565217391304"
  data-media-id="25560559747251"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/files/DSC00070_1.jpg?v=1685403070&amp;width=3840" alt="MH401B (001) スーパーベルボトム" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC00070_1.jpg?v=1685403070&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/DSC00070_1.jpg?v=1685403070&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/DSC00070_1.jpg?v=1685403070&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/DSC00070_1.jpg?v=1685403070&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/DSC00070_1.jpg?v=1685403070&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/DSC00070_1.jpg?v=1685403070&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/DSC00070_1.jpg?v=1685403070&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/DSC00070_1.jpg?v=1685403070&amp;width=3840 3840w" width="3840" height="5757" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/files/DSC00070_1.jpg?v=1685403070&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="20537304580275"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6663800515907137"
  data-media-id="20537304580275"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/products/DSC00079.jpg?v=1685403070&amp;width=3840" alt="MH401B (001) スーパーベルボトム" srcset="//www.bigjohn.co.jp/cdn/shop/products/DSC00079.jpg?v=1685403070&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/products/DSC00079.jpg?v=1685403070&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/products/DSC00079.jpg?v=1685403070&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/products/DSC00079.jpg?v=1685403070&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/products/DSC00079.jpg?v=1685403070&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/products/DSC00079.jpg?v=1685403070&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/products/DSC00079.jpg?v=1685403070&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/products/DSC00079.jpg?v=1685403070&amp;width=3840 3840w" width="3840" height="5762" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/products/DSC00079.jpg?v=1685403070&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="5612427214938"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="5612427214938"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/products/DSC00072.jpg?v=1685403070&amp;width=3840" alt="MH401B (001) スーパーベルボトム" srcset="//www.bigjohn.co.jp/cdn/shop/products/DSC00072.jpg?v=1685403070&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/products/DSC00072.jpg?v=1685403070&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/products/DSC00072.jpg?v=1685403070&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/products/DSC00072.jpg?v=1685403070&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/products/DSC00072.jpg?v=1685403070&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/products/DSC00072.jpg?v=1685403070&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/products/DSC00072.jpg?v=1685403070&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/products/DSC00072.jpg?v=1685403070&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/products/DSC00072.jpg?v=1685403070&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="5612427247706"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="5612427247706"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/products/DSC00077.jpg?v=1685403070&amp;width=3840" alt="MH401B (001) スーパーベルボトム" srcset="//www.bigjohn.co.jp/cdn/shop/products/DSC00077.jpg?v=1685403070&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/products/DSC00077.jpg?v=1685403070&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/products/DSC00077.jpg?v=1685403070&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/products/DSC00077.jpg?v=1685403070&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/products/DSC00077.jpg?v=1685403070&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/products/DSC00077.jpg?v=1685403070&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/products/DSC00077.jpg?v=1685403070&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/products/DSC00077.jpg?v=1685403070&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/products/DSC00077.jpg?v=1685403070&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="5612427280474"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="5612427280474"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/products/DSC00078.jpg?v=1685403070&amp;width=3840" alt="MH401B (001) スーパーベルボトム" srcset="//www.bigjohn.co.jp/cdn/shop/products/DSC00078.jpg?v=1685403070&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/products/DSC00078.jpg?v=1685403070&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/products/DSC00078.jpg?v=1685403070&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/products/DSC00078.jpg?v=1685403070&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/products/DSC00078.jpg?v=1685403070&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/products/DSC00078.jpg?v=1685403070&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/products/DSC00078.jpg?v=1685403070&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/products/DSC00078.jpg?v=1685403070&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/products/DSC00078.jpg?v=1685403070&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-3
          "
        >売り切れ
</div></div>
    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">MH401B (001) スーパーベルボトム</h3>
  
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 4px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/mh401b-001?variant=31134594596954"
  >
    






  <div class=" spacing-style text-block text-block--Adk1FYkd4WHpsQXVRV__product_title_YTHHjr-2 custom    text-block--align-left custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 0.75rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p role="heading" aria-level="3">MH401B (001) スーパーベルボトム</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left paragraph spacing-style"
  data-block-id="AMGVmd201ZGRRb25KO__price_dLegr8-2"
  data-product-id="4348026257498"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
      "
    >
      <span class="price">¥16,500</span>
    </div>
    <div
      class="
        price__sale
        
          price__hidden
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">セール価格&nbsp;</span>
          <span class="price-item--sale price">¥16,500</span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">通常価格&nbsp;</span>
          <span class="price-item--regular compare-at-price"></span>
        </span>
      
    </div>
  
</div>

  
</product-price>










</div>
</div>







  </div>
</product-card>
















            
          </div>

          
            <!--@list/split-->
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="4348023668826"
  id="product-card-AY3ptTlFLdGE5ZHVBN__static-product-card-3"
  
    data-product-transition="true"
    data-featured-media-url="//www.bigjohn.co.jp/cdn/shop/files/DSC01992.jpg?v=1697594845&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="bd097d5ab380f0076dfccb7b60656eff"
    
      href="/products/bjm105f-252?variant=31134608457818"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      BJM105F/BJK105F (252) SLIM TAPERED
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: none;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AaG1oYTdiWEt1QW5sc__product_card_gallery_XCpfUH-3 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.6666666666666666;
  "
  data-product-id="4348023668826"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/bjm105f-252?variant=31134608457818"
      aria-label="BJM105F/BJK105F (252) SLIM TAPERED"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="13"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="前のスライド"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="次のスライド"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="26072936022195"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="26072936022195"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/files/DSC01992.jpg?v=1697594845&amp;width=3840" alt="BJM105F/BJK105F (252) SLIM TAPERED" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC01992.jpg?v=1697594845&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/DSC01992.jpg?v=1697594845&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/DSC01992.jpg?v=1697594845&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/DSC01992.jpg?v=1697594845&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/DSC01992.jpg?v=1697594845&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/DSC01992.jpg?v=1697594845&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/DSC01992.jpg?v=1697594845&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/DSC01992.jpg?v=1697594845&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/files/DSC01992.jpg?v=1697594845&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="23552812286131"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="23552812286131"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/products/DSC02000.jpg?v=1697594845&amp;width=3840" alt="BJM105F/BJK105F (252) SLIM TAPERED" srcset="//www.bigjohn.co.jp/cdn/shop/products/DSC02000.jpg?v=1697594845&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/products/DSC02000.jpg?v=1697594845&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/products/DSC02000.jpg?v=1697594845&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/products/DSC02000.jpg?v=1697594845&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/products/DSC02000.jpg?v=1697594845&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/products/DSC02000.jpg?v=1697594845&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/products/DSC02000.jpg?v=1697594845&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/products/DSC02000.jpg?v=1697594845&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/products/DSC02000.jpg?v=1697594845&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="5612902809690"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="5612902809690"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/products/DSC00196.jpg?v=1697594845&amp;width=3840" alt="BJM105F/BJK105F (252) SLIM TAPERED" srcset="//www.bigjohn.co.jp/cdn/shop/products/DSC00196.jpg?v=1697594845&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/products/DSC00196.jpg?v=1697594845&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/products/DSC00196.jpg?v=1697594845&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/products/DSC00196.jpg?v=1697594845&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/products/DSC00196.jpg?v=1697594845&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/products/DSC00196.jpg?v=1697594845&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/products/DSC00196.jpg?v=1697594845&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/products/DSC00196.jpg?v=1697594845&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/products/DSC00196.jpg?v=1697594845&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="5612902940762"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="5612902940762"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/products/DSC00202.jpg?v=1697594845&amp;width=3840" alt="BJM105F/BJK105F (252) SLIM TAPERED" srcset="//www.bigjohn.co.jp/cdn/shop/products/DSC00202.jpg?v=1697594845&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/products/DSC00202.jpg?v=1697594845&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/products/DSC00202.jpg?v=1697594845&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/products/DSC00202.jpg?v=1697594845&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/products/DSC00202.jpg?v=1697594845&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/products/DSC00202.jpg?v=1697594845&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/products/DSC00202.jpg?v=1697594845&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/products/DSC00202.jpg?v=1697594845&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/products/DSC00202.jpg?v=1697594845&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="5612903006298"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="5612903006298"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/products/DSC00209.jpg?v=1697594845&amp;width=3840" alt="BJM105F/BJK105F (252) SLIM TAPERED" srcset="//www.bigjohn.co.jp/cdn/shop/products/DSC00209.jpg?v=1697594845&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/products/DSC00209.jpg?v=1697594845&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/products/DSC00209.jpg?v=1697594845&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/products/DSC00209.jpg?v=1697594845&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/products/DSC00209.jpg?v=1697594845&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/products/DSC00209.jpg?v=1697594845&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/products/DSC00209.jpg?v=1697594845&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/products/DSC00209.jpg?v=1697594845&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/products/DSC00209.jpg?v=1697594845&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ></div>
    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">BJM105F/BJK105F (252) SLIM TAPERED</h3>
  
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 4px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/bjm105f-252?variant=31134608457818"
  >
    






  <div class=" spacing-style text-block text-block--Adk1FYkd4WHpsQXVRV__product_title_YTHHjr-3 custom    text-block--align-left custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 0.75rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p role="heading" aria-level="3">BJM105F/BJK105F (252) SLIM TAPERED</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left paragraph spacing-style"
  data-block-id="AMGVmd201ZGRRb25KO__price_dLegr8-3"
  data-product-id="4348023668826"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
      "
    >
      <span class="price">¥18,700</span>
    </div>
    <div
      class="
        price__sale
        
          price__hidden
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">セール価格&nbsp;</span>
          <span class="price-item--sale price">¥18,700</span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">通常価格&nbsp;</span>
          <span class="price-item--regular compare-at-price"></span>
        </span>
      
    </div>
  
</div>

  
</product-price>










</div>
</div>







  </div>
</product-card>
















            
          </div>

          
            <!--@list/split-->
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="4348024324186"
  id="product-card-AY3ptTlFLdGE5ZHVBN__static-product-card-4"
  
    data-product-transition="true"
    data-featured-media-url="//www.bigjohn.co.jp/cdn/shop/files/DSC02068.jpg?v=1711698864&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="acced31c2719fa49c155a1abbb929d1d"
    
      href="/products/bjm305f-bk01?variant=31134604197978"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      BJM305F (B01) SKINNY
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: none;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AaG1oYTdiWEt1QW5sc__product_card_gallery_XCpfUH-4 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.6666666666666666;
  "
  data-product-id="4348024324186"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/bjm305f-bk01?variant=31134604197978"
      aria-label="BJM305F (B01) SKINNY"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="11"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="前のスライド"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="次のスライド"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="27021941801139"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="27021941801139"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/files/DSC02068.jpg?v=1711698864&amp;width=3840" alt="BJM305F (B01) SKINNY" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC02068.jpg?v=1711698864&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/DSC02068.jpg?v=1711698864&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/DSC02068.jpg?v=1711698864&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/DSC02068.jpg?v=1711698864&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/DSC02068.jpg?v=1711698864&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/DSC02068.jpg?v=1711698864&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/DSC02068.jpg?v=1711698864&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/DSC02068.jpg?v=1711698864&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/files/DSC02068.jpg?v=1711698864&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="23552788168883"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="23552788168883"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/products/DSC02083.jpg?v=1711698864&amp;width=3840" alt="BJM305F (B01) SKINNY" srcset="//www.bigjohn.co.jp/cdn/shop/products/DSC02083.jpg?v=1711698864&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/products/DSC02083.jpg?v=1711698864&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/products/DSC02083.jpg?v=1711698864&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/products/DSC02083.jpg?v=1711698864&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/products/DSC02083.jpg?v=1711698864&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/products/DSC02083.jpg?v=1711698864&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/products/DSC02083.jpg?v=1711698864&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/products/DSC02083.jpg?v=1711698864&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/products/DSC02083.jpg?v=1711698864&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="23552788136115"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="23552788136115"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/products/DSC02077.jpg?v=1711698864&amp;width=3840" alt="BJM305F (B01) SKINNY" srcset="//www.bigjohn.co.jp/cdn/shop/products/DSC02077.jpg?v=1711698864&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/products/DSC02077.jpg?v=1711698864&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/products/DSC02077.jpg?v=1711698864&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/products/DSC02077.jpg?v=1711698864&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/products/DSC02077.jpg?v=1711698864&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/products/DSC02077.jpg?v=1711698864&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/products/DSC02077.jpg?v=1711698864&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/products/DSC02077.jpg?v=1711698864&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/products/DSC02077.jpg?v=1711698864&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="23552788103347"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="23552788103347"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/products/DSC02073.jpg?v=1711698864&amp;width=3840" alt="BJM305F (B01) SKINNY" srcset="//www.bigjohn.co.jp/cdn/shop/products/DSC02073.jpg?v=1711698864&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/products/DSC02073.jpg?v=1711698864&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/products/DSC02073.jpg?v=1711698864&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/products/DSC02073.jpg?v=1711698864&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/products/DSC02073.jpg?v=1711698864&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/products/DSC02073.jpg?v=1711698864&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/products/DSC02073.jpg?v=1711698864&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/products/DSC02073.jpg?v=1711698864&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/products/DSC02073.jpg?v=1711698864&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="5617305649242"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="5617305649242"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/products/DSC09779.jpg?v=1711698864&amp;width=3840" alt="BJM305F (B01) SKINNY" srcset="//www.bigjohn.co.jp/cdn/shop/products/DSC09779.jpg?v=1711698864&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/products/DSC09779.jpg?v=1711698864&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/products/DSC09779.jpg?v=1711698864&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/products/DSC09779.jpg?v=1711698864&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/products/DSC09779.jpg?v=1711698864&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/products/DSC09779.jpg?v=1711698864&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/products/DSC09779.jpg?v=1711698864&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/products/DSC09779.jpg?v=1711698864&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/products/DSC09779.jpg?v=1711698864&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ></div>
    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">BJM305F (B01) SKINNY</h3>
  
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 4px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/bjm305f-bk01?variant=31134604197978"
  >
    






  <div class=" spacing-style text-block text-block--Adk1FYkd4WHpsQXVRV__product_title_YTHHjr-4 custom    text-block--align-left custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 0.75rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p role="heading" aria-level="3">BJM305F (B01) SKINNY</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left paragraph spacing-style"
  data-block-id="AMGVmd201ZGRRb25KO__price_dLegr8-4"
  data-product-id="4348024324186"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
      "
    >
      <span class="price">¥18,700</span>
    </div>
    <div
      class="
        price__sale
        
          price__hidden
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">セール価格&nbsp;</span>
          <span class="price-item--sale price">¥18,700</span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">通常価格&nbsp;</span>
          <span class="price-item--regular compare-at-price"></span>
        </span>
      
    </div>
  
</div>

  
</product-price>










</div>
</div>







  </div>
</product-card>
















            
          </div>

          
            <!--@list/split-->
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="5705400484006"
  id="product-card-AY3ptTlFLdGE5ZHVBN__static-product-card-5"
  
    data-product-transition="true"
    data-featured-media-url="//www.bigjohn.co.jp/cdn/shop/files/DSC02905_1_31134480-65c5-468f-a849-23a7f2dffe8c.jpg?v=1739846587&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="81f4ce9adce28a7329646f32973dfe13"
    
      href="/products/xx001-000?variant=36130360098982"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      XX001 (000)『XXXX-EXTRA』MODEL REGULAR STRAIGHT
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: none;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AaG1oYTdiWEt1QW5sc__product_card_gallery_XCpfUH-5 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.6666666666666666;
  "
  data-product-id="5705400484006"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/xx001-000?variant=36130360098982"
      aria-label="XX001 (000)『XXXX-EXTRA』MODEL REGULAR STRAIGHT"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="13"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="前のスライド"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="次のスライド"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="29261279232179"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="29261279232179"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/files/DSC02905_1_31134480-65c5-468f-a849-23a7f2dffe8c.jpg?v=1739846587&amp;width=3840" alt="XX001 (000)『XXXX-EXTRA』MODEL REGULAR STRAIGHT" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC02905_1_31134480-65c5-468f-a849-23a7f2dffe8c.jpg?v=1739846587&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/DSC02905_1_31134480-65c5-468f-a849-23a7f2dffe8c.jpg?v=1739846587&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/DSC02905_1_31134480-65c5-468f-a849-23a7f2dffe8c.jpg?v=1739846587&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/DSC02905_1_31134480-65c5-468f-a849-23a7f2dffe8c.jpg?v=1739846587&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/DSC02905_1_31134480-65c5-468f-a849-23a7f2dffe8c.jpg?v=1739846587&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/DSC02905_1_31134480-65c5-468f-a849-23a7f2dffe8c.jpg?v=1739846587&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/DSC02905_1_31134480-65c5-468f-a849-23a7f2dffe8c.jpg?v=1739846587&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/DSC02905_1_31134480-65c5-468f-a849-23a7f2dffe8c.jpg?v=1739846587&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/files/DSC02905_1_31134480-65c5-468f-a849-23a7f2dffe8c.jpg?v=1739846587&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="29261218807987"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="29261218807987"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/files/DSC02917.jpg?v=1739846587&amp;width=3840" alt="XX001 (000)『XXXX-EXTRA』MODEL REGULAR STRAIGHT" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC02917.jpg?v=1739846587&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/DSC02917.jpg?v=1739846587&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/DSC02917.jpg?v=1739846587&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/DSC02917.jpg?v=1739846587&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/DSC02917.jpg?v=1739846587&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/DSC02917.jpg?v=1739846587&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/DSC02917.jpg?v=1739846587&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/DSC02917.jpg?v=1739846587&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/files/DSC02917.jpg?v=1739846587&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="29261218775219"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="29261218775219"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/files/DSC02889.jpg?v=1739846587&amp;width=3840" alt="XX001 (000)『XXXX-EXTRA』MODEL REGULAR STRAIGHT" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC02889.jpg?v=1739846587&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/DSC02889.jpg?v=1739846587&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/DSC02889.jpg?v=1739846587&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/DSC02889.jpg?v=1739846587&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/DSC02889.jpg?v=1739846587&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/DSC02889.jpg?v=1739846587&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/DSC02889.jpg?v=1739846587&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/DSC02889.jpg?v=1739846587&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/files/DSC02889.jpg?v=1739846587&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="29261218480307"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="29261218480307"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/files/DSC02925.jpg?v=1739846587&amp;width=3840" alt="XX001 (000)『XXXX-EXTRA』MODEL REGULAR STRAIGHT" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC02925.jpg?v=1739846587&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/DSC02925.jpg?v=1739846587&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/DSC02925.jpg?v=1739846587&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/DSC02925.jpg?v=1739846587&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/DSC02925.jpg?v=1739846587&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/DSC02925.jpg?v=1739846587&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/DSC02925.jpg?v=1739846587&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/DSC02925.jpg?v=1739846587&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/files/DSC02925.jpg?v=1739846587&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="29261218513075"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="29261218513075"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/files/DSC02922.jpg?v=1739846587&amp;width=3840" alt="XX001 (000)『XXXX-EXTRA』MODEL REGULAR STRAIGHT" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC02922.jpg?v=1739846587&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/DSC02922.jpg?v=1739846587&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/DSC02922.jpg?v=1739846587&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/DSC02922.jpg?v=1739846587&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/DSC02922.jpg?v=1739846587&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/DSC02922.jpg?v=1739846587&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/DSC02922.jpg?v=1739846587&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/DSC02922.jpg?v=1739846587&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/files/DSC02922.jpg?v=1739846587&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ></div>
    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">XX001 (000)『XXXX-EXTRA』MODEL REGULAR STRAIGHT</h3>
  
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 4px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/xx001-000?variant=36130360098982"
  >
    






  <div class=" spacing-style text-block text-block--Adk1FYkd4WHpsQXVRV__product_title_YTHHjr-5 custom    text-block--align-left custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 0.75rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p role="heading" aria-level="3">XX001 (000)『XXXX-EXTRA』MODEL REGULAR STRAIGHT</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left paragraph spacing-style"
  data-block-id="AMGVmd201ZGRRb25KO__price_dLegr8-5"
  data-product-id="5705400484006"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
      "
    >
      <span class="price">¥36,300</span>
    </div>
    <div
      class="
        price__sale
        
          price__hidden
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">セール価格&nbsp;</span>
          <span class="price-item--sale price">¥36,300</span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">通常価格&nbsp;</span>
          <span class="price-item--regular compare-at-price"></span>
        </span>
      
    </div>
  
</div>

  
</product-price>










</div>
</div>







  </div>
</product-card>
















            
          </div>

          
            <!--@list/split-->
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="4348023865434"
  id="product-card-AY3ptTlFLdGE5ZHVBN__static-product-card-6"
  
    data-product-transition="true"
    data-featured-media-url="//www.bigjohn.co.jp/cdn/shop/files/DSC01965_03d62155-d043-4714-928f-c7c8be0213db.jpg?v=1697594743&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="57fd743c9b1e216c027c7e0dcde4860c"
    
      href="/products/bjm105f-bk01?variant=31134607114330"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      BJM105F/BJK105F (B01) SLIM TAPERED
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: none;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AaG1oYTdiWEt1QW5sc__product_card_gallery_XCpfUH-6 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.6666666666666666;
  "
  data-product-id="4348023865434"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/bjm105f-bk01?variant=31134607114330"
      aria-label="BJM105F/BJK105F (B01) SLIM TAPERED"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="9"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="前のスライド"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="次のスライド"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="26072931008691"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="26072931008691"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/files/DSC01965_03d62155-d043-4714-928f-c7c8be0213db.jpg?v=1697594743&amp;width=3840" alt="BJM105F/BJK105F (B01) SLIM TAPERED" srcset="//www.bigjohn.co.jp/cdn/shop/files/DSC01965_03d62155-d043-4714-928f-c7c8be0213db.jpg?v=1697594743&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/DSC01965_03d62155-d043-4714-928f-c7c8be0213db.jpg?v=1697594743&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/DSC01965_03d62155-d043-4714-928f-c7c8be0213db.jpg?v=1697594743&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/DSC01965_03d62155-d043-4714-928f-c7c8be0213db.jpg?v=1697594743&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/DSC01965_03d62155-d043-4714-928f-c7c8be0213db.jpg?v=1697594743&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/DSC01965_03d62155-d043-4714-928f-c7c8be0213db.jpg?v=1697594743&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/DSC01965_03d62155-d043-4714-928f-c7c8be0213db.jpg?v=1697594743&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/DSC01965_03d62155-d043-4714-928f-c7c8be0213db.jpg?v=1697594743&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/files/DSC01965_03d62155-d043-4714-928f-c7c8be0213db.jpg?v=1697594743&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="23552774668467"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="23552774668467"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/products/DSC01968.jpg?v=1697594743&amp;width=3840" alt="BJM105F/BJK105F (B01) SLIM TAPERED" srcset="//www.bigjohn.co.jp/cdn/shop/products/DSC01968.jpg?v=1697594743&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/products/DSC01968.jpg?v=1697594743&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/products/DSC01968.jpg?v=1697594743&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/products/DSC01968.jpg?v=1697594743&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/products/DSC01968.jpg?v=1697594743&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/products/DSC01968.jpg?v=1697594743&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/products/DSC01968.jpg?v=1697594743&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/products/DSC01968.jpg?v=1697594743&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/products/DSC01968.jpg?v=1697594743&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="5614224801882"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="5614224801882"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/products/DSC09515.jpg?v=1697594743&amp;width=3840" alt="BJM105F/BJK105F (B01) SLIM TAPERED" srcset="//www.bigjohn.co.jp/cdn/shop/products/DSC09515.jpg?v=1697594743&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/products/DSC09515.jpg?v=1697594743&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/products/DSC09515.jpg?v=1697594743&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/products/DSC09515.jpg?v=1697594743&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/products/DSC09515.jpg?v=1697594743&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/products/DSC09515.jpg?v=1697594743&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/products/DSC09515.jpg?v=1697594743&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/products/DSC09515.jpg?v=1697594743&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/products/DSC09515.jpg?v=1697594743&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="23552823165107"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="23552823165107"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/products/DSC00004.jpg?v=1697594743&amp;width=3840" alt="BJM105F/BJK105F (B01) SLIM TAPERED" srcset="//www.bigjohn.co.jp/cdn/shop/products/DSC00004.jpg?v=1697594743&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/products/DSC00004.jpg?v=1697594743&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/products/DSC00004.jpg?v=1697594743&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/products/DSC00004.jpg?v=1697594743&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/products/DSC00004.jpg?v=1697594743&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/products/DSC00004.jpg?v=1697594743&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/products/DSC00004.jpg?v=1697594743&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/products/DSC00004.jpg?v=1697594743&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/products/DSC00004.jpg?v=1697594743&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="5614229979226"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="5614229979226"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/products/DSC09508.jpg?v=1697594743&amp;width=3840" alt="BJM105F/BJK105F (B01) SLIM TAPERED" srcset="//www.bigjohn.co.jp/cdn/shop/products/DSC09508.jpg?v=1697594743&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/products/DSC09508.jpg?v=1697594743&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/products/DSC09508.jpg?v=1697594743&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/products/DSC09508.jpg?v=1697594743&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/products/DSC09508.jpg?v=1697594743&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/products/DSC09508.jpg?v=1697594743&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/products/DSC09508.jpg?v=1697594743&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/products/DSC09508.jpg?v=1697594743&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/products/DSC09508.jpg?v=1697594743&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ></div>
    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">BJM105F/BJK105F (B01) SLIM TAPERED</h3>
  
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 4px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/bjm105f-bk01?variant=31134607114330"
  >
    






  <div class=" spacing-style text-block text-block--Adk1FYkd4WHpsQXVRV__product_title_YTHHjr-6 custom    text-block--align-left custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 0.75rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p role="heading" aria-level="3">BJM105F/BJK105F (B01) SLIM TAPERED</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left paragraph spacing-style"
  data-block-id="AMGVmd201ZGRRb25KO__price_dLegr8-6"
  data-product-id="4348023865434"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
      "
    >
      <span class="price">¥18,700</span>
    </div>
    <div
      class="
        price__sale
        
          price__hidden
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">セール価格&nbsp;</span>
          <span class="price-item--sale price">¥18,700</span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">通常価格&nbsp;</span>
          <span class="price-item--regular compare-at-price"></span>
        </span>
      
    </div>
  
</div>

  
</product-price>










</div>
</div>







  </div>
</product-card>
















            
          </div>

          
            <!--@list/split-->
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="4348023603290"
  id="product-card-AY3ptTlFLdGE5ZHVBN__static-product-card-7"
  
    data-product-transition="true"
    data-featured-media-url="//www.bigjohn.co.jp/cdn/shop/products/DSC01965_dc4d6233-862d-4a76-97a1-385844674a84.jpg?v=1678282951&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="a7fe355f9f61950fd106e6799bc652a1"
    
      href="/products/bjm105f-001?variant=31134609244250"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      BJM105F/BJK105F (001) SLIM TAPERED
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: none;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AaG1oYTdiWEt1QW5sc__product_card_gallery_XCpfUH-7 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.6666666666666666;
  "
  data-product-id="4348023603290"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/bjm105f-001?variant=31134609244250"
      aria-label="BJM105F/BJK105F (001) SLIM TAPERED"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12, --slide-13;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="14"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="前のスライド"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="次のスライド"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="25213352902835"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="25213352902835"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/products/DSC01965_dc4d6233-862d-4a76-97a1-385844674a84.jpg?v=1678282951&amp;width=3840" alt="BJM105F/BJK105F (001) SLIM TAPERED" srcset="//www.bigjohn.co.jp/cdn/shop/products/DSC01965_dc4d6233-862d-4a76-97a1-385844674a84.jpg?v=1678282951&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/products/DSC01965_dc4d6233-862d-4a76-97a1-385844674a84.jpg?v=1678282951&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/products/DSC01965_dc4d6233-862d-4a76-97a1-385844674a84.jpg?v=1678282951&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/products/DSC01965_dc4d6233-862d-4a76-97a1-385844674a84.jpg?v=1678282951&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/products/DSC01965_dc4d6233-862d-4a76-97a1-385844674a84.jpg?v=1678282951&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/products/DSC01965_dc4d6233-862d-4a76-97a1-385844674a84.jpg?v=1678282951&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/products/DSC01965_dc4d6233-862d-4a76-97a1-385844674a84.jpg?v=1678282951&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/products/DSC01965_dc4d6233-862d-4a76-97a1-385844674a84.jpg?v=1678282951&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/products/DSC01965_dc4d6233-862d-4a76-97a1-385844674a84.jpg?v=1678282951&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="25213352870067"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="25213352870067"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/products/DSC01965-2_5f12b263-4657-49c5-a513-cdc7215b5e67.jpg?v=1678282951&amp;width=3840" alt="BJM105F/BJK105F (001) SLIM TAPERED" srcset="//www.bigjohn.co.jp/cdn/shop/products/DSC01965-2_5f12b263-4657-49c5-a513-cdc7215b5e67.jpg?v=1678282951&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/products/DSC01965-2_5f12b263-4657-49c5-a513-cdc7215b5e67.jpg?v=1678282951&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/products/DSC01965-2_5f12b263-4657-49c5-a513-cdc7215b5e67.jpg?v=1678282951&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/products/DSC01965-2_5f12b263-4657-49c5-a513-cdc7215b5e67.jpg?v=1678282951&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/products/DSC01965-2_5f12b263-4657-49c5-a513-cdc7215b5e67.jpg?v=1678282951&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/products/DSC01965-2_5f12b263-4657-49c5-a513-cdc7215b5e67.jpg?v=1678282951&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/products/DSC01965-2_5f12b263-4657-49c5-a513-cdc7215b5e67.jpg?v=1678282951&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/products/DSC01965-2_5f12b263-4657-49c5-a513-cdc7215b5e67.jpg?v=1678282951&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/products/DSC01965-2_5f12b263-4657-49c5-a513-cdc7215b5e67.jpg?v=1678282951&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="23552685572275"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="23552685572275"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/products/DSC01967_53f3d08b-a18b-4c71-a819-ea0247e0b095.jpg?v=1678282951&amp;width=3840" alt="BJM105F/BJK105F (001) SLIM TAPERED" srcset="//www.bigjohn.co.jp/cdn/shop/products/DSC01967_53f3d08b-a18b-4c71-a819-ea0247e0b095.jpg?v=1678282951&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/products/DSC01967_53f3d08b-a18b-4c71-a819-ea0247e0b095.jpg?v=1678282951&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/products/DSC01967_53f3d08b-a18b-4c71-a819-ea0247e0b095.jpg?v=1678282951&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/products/DSC01967_53f3d08b-a18b-4c71-a819-ea0247e0b095.jpg?v=1678282951&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/products/DSC01967_53f3d08b-a18b-4c71-a819-ea0247e0b095.jpg?v=1678282951&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/products/DSC01967_53f3d08b-a18b-4c71-a819-ea0247e0b095.jpg?v=1678282951&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/products/DSC01967_53f3d08b-a18b-4c71-a819-ea0247e0b095.jpg?v=1678282951&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/products/DSC01967_53f3d08b-a18b-4c71-a819-ea0247e0b095.jpg?v=1678282951&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/products/DSC01967_53f3d08b-a18b-4c71-a819-ea0247e0b095.jpg?v=1678282951&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="23552681181363"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="23552681181363"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/products/DSC01975_ceef4ee0-3be9-4dfd-9f77-09a701cdfe3a.jpg?v=1678282951&amp;width=3840" alt="BJM105F/BJK105F (001) SLIM TAPERED" srcset="//www.bigjohn.co.jp/cdn/shop/products/DSC01975_ceef4ee0-3be9-4dfd-9f77-09a701cdfe3a.jpg?v=1678282951&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/products/DSC01975_ceef4ee0-3be9-4dfd-9f77-09a701cdfe3a.jpg?v=1678282951&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/products/DSC01975_ceef4ee0-3be9-4dfd-9f77-09a701cdfe3a.jpg?v=1678282951&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/products/DSC01975_ceef4ee0-3be9-4dfd-9f77-09a701cdfe3a.jpg?v=1678282951&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/products/DSC01975_ceef4ee0-3be9-4dfd-9f77-09a701cdfe3a.jpg?v=1678282951&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/products/DSC01975_ceef4ee0-3be9-4dfd-9f77-09a701cdfe3a.jpg?v=1678282951&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/products/DSC01975_ceef4ee0-3be9-4dfd-9f77-09a701cdfe3a.jpg?v=1678282951&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/products/DSC01975_ceef4ee0-3be9-4dfd-9f77-09a701cdfe3a.jpg?v=1678282951&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/products/DSC01975_ceef4ee0-3be9-4dfd-9f77-09a701cdfe3a.jpg?v=1678282951&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="5613298417754"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="5613298417754"
>
  
  <img src="//www.bigjohn.co.jp/cdn/shop/products/DSC00267.jpg?v=1678282951&amp;width=3840" alt="BJM105F/BJK105F (001) SLIM TAPERED" srcset="//www.bigjohn.co.jp/cdn/shop/products/DSC00267.jpg?v=1678282951&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/products/DSC00267.jpg?v=1678282951&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/products/DSC00267.jpg?v=1678282951&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/products/DSC00267.jpg?v=1678282951&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/products/DSC00267.jpg?v=1678282951&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/products/DSC00267.jpg?v=1678282951&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/products/DSC00267.jpg?v=1678282951&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/products/DSC00267.jpg?v=1678282951&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.bigjohn.co.jp/cdn/shop/products/DSC00267.jpg?v=1678282951&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ></div>
    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">BJM105F/BJK105F (001) SLIM TAPERED</h3>
  
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 4px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/bjm105f-001?variant=31134609244250"
  >
    






  <div class=" spacing-style text-block text-block--Adk1FYkd4WHpsQXVRV__product_title_YTHHjr-7 custom    text-block--align-left custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 0.75rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p role="heading" aria-level="3">BJM105F/BJK105F (001) SLIM TAPERED</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left paragraph spacing-style"
  data-block-id="AMGVmd201ZGRRb25KO__price_dLegr8-7"
  data-product-id="4348023603290"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
      "
    >
      <span class="price">¥18,700</span>
    </div>
    <div
      class="
        price__sale
        
          price__hidden
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">セール価格&nbsp;</span>
          <span class="price-item--sale price">¥18,700</span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">通常価格&nbsp;</span>
          <span class="price-item--regular compare-at-price"></span>
        </span>
      
    </div>
  
</div>

  
</product-price>










</div>
</div>







  </div>
</product-card>
















            
          </div>

          
        
      
    
  

    
</div>





  <div
    class="section-resource-list__content"
    style="--horizontal-alignment: flex-start;"
  ></div>
</div>


</div><div id="shopify-section-template--20276969537715__section_3LWtnp" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 20px;--padding-block-end: 20px;
      "
      data-testid="section-content"
    >
      
  














  <a
    href="/pages/%E3%81%82%E3%81%AA%E3%81%9F%E3%81%AE-rare-%E8%B2%B7%E5%8F%96%E3%81%BE%E3%81%99"
    class="
  image-block image-block--ATGtCYmxGQ2xwQmVmd__image_w3ddW7 image-block--height-fit spacing-style size-style
"
    style="
  --ratio: 1.7776006377042646;
  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
    
  >
    
<img src="//www.bigjohn.co.jp/cdn/shop/files/urban-vintage-denimn-on-hangers.jpg?v=1613589888&amp;width=3840" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/urban-vintage-denimn-on-hangers.jpg?v=1613589888&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/urban-vintage-denimn-on-hangers.jpg?v=1613589888&amp;width=352 352w, //www.bigjohn.co.jp/cdn/shop/files/urban-vintage-denimn-on-hangers.jpg?v=1613589888&amp;width=832 832w, //www.bigjohn.co.jp/cdn/shop/files/urban-vintage-denimn-on-hangers.jpg?v=1613589888&amp;width=1200 1200w, //www.bigjohn.co.jp/cdn/shop/files/urban-vintage-denimn-on-hangers.jpg?v=1613589888&amp;width=1600 1600w, //www.bigjohn.co.jp/cdn/shop/files/urban-vintage-denimn-on-hangers.jpg?v=1613589888&amp;width=1920 1920w, //www.bigjohn.co.jp/cdn/shop/files/urban-vintage-denimn-on-hangers.jpg?v=1613589888&amp;width=2560 2560w, //www.bigjohn.co.jp/cdn/shop/files/urban-vintage-denimn-on-hangers.jpg?v=1613589888&amp;width=3840 3840w" width="4460" height="2509" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1.7776006377042646;
  --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

" sizes="auto, (min-width: 750px) 100vw, 100vw">

  </a>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:96%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--Adm1NekxpejdIb0dKT__text_ECqfja h4      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h2>R BIG JOHN PROJECT</h2><h2></h2>
  </div>















  <rte-formatter class=" spacing-style text-block text-block--AbllhamdkdUpTQmUvV__text_JdULfw rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>履き込んだ『RARE』を査定した上で買取ります。この取組はSDGs目標12【つくる責任、つかう責任】サーキュラー・エコノミー（資源の循環を遅らせる）を実現しようとしています。</p>
  </rte-formatter>









<a
  
    href="/pages/%E3%81%82%E3%81%AA%E3%81%9F%E3%81%AE-rare-%E8%B2%B7%E5%8F%96%E3%81%BE%E3%81%99"
  
  class="
    size-style
    button
    button--AMjZWZXFUajlpdmYzd__button_UMHwa6
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Read more
</a>






</div>
</div>







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





</div><div id="shopify-section-template--20276969537715__1751008341683d1fb9" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--column
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 0px;--padding-block-end: 0px;
      "
      data-testid="section-content"
    >
      
  <div id="shopify-block-AcjIxYWNaektydHl0e__instafeed_app_block_rwCjYf" 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;
          

          

          

          
          text-align: center;
      }
      

      
      
</style>











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










</div>

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





</div>
    </main>

    <footer>
      <!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--20276969963699__footer_qqKfcE" class="shopify-section shopify-section-group-footer-group section-wrapper">

<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
>
  
  <div
    class="
      footer-content
      spacing-style
      
      
    "
    style="
      --padding-block-start: max(20px, calc(var(--spacing-scale) * 36px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 36px));
      --footer-gap: 20px;
      --grid-columns: 3;
      --last-row-count: 3;
      --tablet-last-row-count: 1;
    "
  >
    





  <accordion-custom
  
    class="menu"
  
  
  
    open-by-default-on-desktop
  
  
    open-by-default-on-mobile
  
  
    data-disable-on-desktop="true"
  
  
    data-disable-on-mobile="true"
  
  
  
  
>
  
    <details
      class="
        menu__details
        spacing-style
        
      "
      data-testid="menu-details"
      style="
        --spacing--size: 12px;
        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      "
      
        open
      
      
    >
      <summary class="menu__heading ">
        <span class="menu__heading__default">Shopping Guide</span>
        <span class="menu__heading__accordion">
          Shopping Guide
          
            <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
          
        </span>
      </summary>

      <nav
        class="details-content"
        
      >
        
          <ul class="list-unstyled">
            
              <li class="menu__item paragraph">
                <a href="/policies/shipping-policy">
                  配送ポリシー
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/policies/refund-policy">
                  キャンセル・返品交換について
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/%E5%8F%A4%E7%89%A9%E5%96%B6%E6%A5%AD%E6%B3%95%E3%81%AB%E5%9F%BA%E3%81%A5%E3%81%8F%E8%A1%A8%E8%A8%98">
                  古物営業法に基づく表記
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/contact">
                  お問い合わせ
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/policies/privacy-policy">
                  プライバシーポリシー
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/policies/legal-notice">
                  特定商取引法に基づく表記
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/policies/terms-of-service">
                  利用規約
                </a>
              </li>
            
          </ul>
        
      </nav>
    </details>
  
</accordion-custom>
















  <accordion-custom
  
    class="menu"
  
  
  
    open-by-default-on-desktop
  
  
    open-by-default-on-mobile
  
  
    data-disable-on-desktop="true"
  
  
    data-disable-on-mobile="true"
  
  
  
  
>
  
    <details
      class="
        menu__details
        spacing-style
        
      "
      data-testid="menu-details"
      style="
        --spacing--size: 12px;
        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      "
      
        open
      
      
    >
      <summary class="menu__heading ">
        <span class="menu__heading__default">about BIG JOHN</span>
        <span class="menu__heading__accordion">
          about BIG JOHN
          
            <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
          
        </span>
      </summary>

      <nav
        class="details-content"
        
      >
        
          <ul class="list-unstyled">
            
              <li class="menu__item paragraph">
                <a href="/pages/recruit2026">
                  【スタッフ募集のお知らせ】
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/%E5%85%88%E4%BB%A3%E3%81%AE%E5%B0%BE%E5%B4%8E%E5%B0%8F%E5%A4%AA%E9%83%8E%E3%81%8C%E9%81%8B%E5%91%BD%E7%9A%84%E3%81%AA%E5%87%BA%E4%BC%9A%E3%81%84%E3%82%92%E3%81%97%E3%81%A6%E4%BB%A5%E6%9D%A5-%E3%83%93%E3%83%83%E3%82%B0%E3%82%B8%E3%83%A7%E3%83%B3%E3%81%AF%E8%B5%B0%E3%82%8A%E7%B6%9A%E3%81%91%E3%81%A6%E3%81%84%E3%81%BE%E3%81%99">
                  ヒストリー
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="https://prtimes.jp/main/html/searchrlp/company_id/55078">
                  プレスリリース
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/%E3%82%B5%E3%82%A4%E3%82%BA%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6-size-guide">
                  サイズガイド
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/sdgs%E3%81%B8%E3%81%AE%E5%8F%96%E3%82%8A%E7%B5%84%E3%81%BF">
                  SDGsへの取り組み
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/%E8%A3%BE%E4%B8%8A%E3%81%92%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6">
                  裾上げについて
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/%E4%BC%9A%E7%A4%BE%E6%A6%82%E8%A6%81">
                  会社概要
                </a>
              </li>
            
          </ul>
        
      </nav>
    </details>
  
</accordion-custom>













<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 6px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <rte-formatter class=" spacing-style text-block text-block--ASGFpVjA0azlqWDQvQ__text_dBjFrz paragraph    text-block--align-left rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground-heading);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <h2>メルマガ登録で最新情報おを受け取る</h2>
  </rte-formatter>















  <rte-formatter class=" spacing-style text-block text-block--AK3ZTWmJKSDhRbUxGe__text_73pKFB rte    text-block--align-left rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p>限定オファーや新製品の情報をいち早く受け取る</p>
  </rte-formatter>









<div
  class="email-signup-block size-style spacing-style"
  style="--size-style-width: 100%;--size-style-height: ;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
  
>
  
<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
    <div
      class="email-signup__input-group     "
      style="--border-width: 1px; --border-radius: 100px;"
    >
      <label
        for="EmailInput-AcWVkemZ4Z05DZ1VrO__email_signup_qWPwtg"
        class="visually-hidden"
      >
        メール
      </label>
      <input
        id="EmailInput-AcWVkemZ4Z05DZ1VrO__email_signup_qWPwtg"
        class="email-signup__input email-signup__input--all paragraph "
        type="email"
        name="contact[email]"
        autocorrect="off"
        autocapitalize="off"
        autocomplete="email"
        placeholder="メールアドレス"
        required
        
      >
      <button
        class="email-signup__button  email-signup__button--text paragraph button button--AcWVkemZ4Z05DZ1VrO__email_signup_qWPwtg "
        
      >
        
          サインアップ
        
      </button>
    </div></form>
</div>





</div>
</div>






  </div>
</div>




</div><div id="shopify-section-sections--20276969963699__footer_utilities" class="shopify-section shopify-section-group-footer-group footer-utilities">

<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  
>
  <div
    class="utilities utilities--blocks-3 spacing-style"
    style="--padding-block-start: 20px;--padding-block-end: 20px; --border-width: 1px; --gap: 24px;"
    data-testid="footer-utilities"
  >
    

<div
  class="
    footer-utilities__group-copyright
    custom-typography
    custom-font-size
  "
  style="
--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
  
>
  <span class="footer-utilities__text">
    &copy; 2026
    <a href="/" title="">BIG JOHN【公式】オンラインショップ</a>,  
</span>
</div>




  <anchored-popover-component
    data-hover-triggered="true"
  >
    <button
      class="policy-list-trigger button-unstyled"
      popovertarget="terms-policies-popover"
      popovertargetaction="toggle"
      ref="trigger"
      style="
--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
      
    >
      利用規約
    </button>
    <div
      class="terms-policies-popover color-scheme-1"
      id="terms-policies-popover"
      popover="auto"
      ref="popover"
    >
      <ul
        class="
          policy_list list-unstyled
          custom-typography
          custom-font-size
        "
      ><li>
              <a
                href="/policies/refund-policy"
                class="footer-utilities__text"
              >返金ポリシー</a>
            </li><li>
              <a
                href="/policies/privacy-policy"
                class="footer-utilities__text"
              >プライバシーポリシー</a>
            </li><li>
              <a
                href="/policies/terms-of-service"
                class="footer-utilities__text"
              >利用規約</a>
            </li><li>
              <a
                href="/policies/shipping-policy"
                class="footer-utilities__text"
              >配送ポリシー</a>
            </li><li>
              <a
                href="/policies/contact-information"
                class="footer-utilities__text"
              >連絡先情報</a>
            </li><li>
              <a
                href="/policies/legal-notice"
                class="footer-utilities__text"
              >特定商取引法に基づく表記</a>
            </li></ul>
    </div>
  </anchored-popover-component>







<div
  class="social-icons__wrapper"
  
>
  

  
    

    
    
      
        <div
          class="social-icons__icon-wrapper"
        >
          <a
            href="https://www.facebook.com/shopify"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="Facebook"
            
          >
            <span class="social-icons__icon-label">Facebook</span>
            
              <svg
                class="social-icons__icon icon-default"
                aria-hidden="true"
                focusable="false"
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 20 20"
              >


<path d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z" /></svg>
            
          </a>
        </div>
      
    
  
    

    
    
      
        <div
          class="social-icons__icon-wrapper"
        >
          <a
            href="https://www.instagram.com/shopify/#"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="Instagram"
            
          >
            <span class="social-icons__icon-label">Instagram</span>
            
              <svg
                class="social-icons__icon icon-default"
                aria-hidden="true"
                focusable="false"
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 20 20"
              >


<path
      fill-rule="evenodd"
      d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z"
      clip-rule="evenodd"
    /></svg>
            
          </a>
        </div>
      
    
  
    

    
    
      
        <div
          class="social-icons__icon-wrapper"
        >
          <a
            href="https://www.youtube.com/shopify"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="Youtube"
            
          >
            <span class="social-icons__icon-label">Youtube</span>
            
              <svg
                class="social-icons__icon icon-default"
                aria-hidden="true"
                focusable="false"
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 20 20"
              >


<path d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.125 2.125 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.125 2.125 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.173 2.173 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.173 2.173 0 0 1 1.53 1.53ZM8.3 12.5l4.42-2.55L8.3 7.4v5.1Z" /></svg>
            
          </a>
        </div>
      
    
  
    

    
    
      
        <div
          class="social-icons__icon-wrapper"
        >
          <a
            href="https://www.tiktok.com/@shopify"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="Tiktok"
            
          >
            <span class="social-icons__icon-label">Tiktok</span>
            
              <svg
                class="social-icons__icon icon-default"
                aria-hidden="true"
                focusable="false"
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 20 20"
              >


<path d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205L10.51 1.705Z" /></svg>
            
          </a>
        </div>
      
    
  
    

    
    
      
        <div
          class="social-icons__icon-wrapper"
        >
          <a
            href="https://x.com/shopify"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="Twitter"
            
          >
            <span class="social-icons__icon-label">Twitter</span>
            
              <svg
                class="social-icons__icon icon-default"
                aria-hidden="true"
                focusable="false"
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 20 20"
              >


<path
      fill-rule="evenodd"
      clip-rule="evenodd"
      d="M7.27301 2.80005L10.8 7.82205L15.218 2.80005H16.986L11.586 8.93905L17.385 17.193H12.727L8.99701 11.883L4.32601 17.193H2.55801L8.21201 10.766L2.61501 2.80005H7.27301ZM13.515 15.925L5.07001 4.10905H6.47501L14.921 15.925H13.515Z"
      fill="currentColor"
    /></svg>
            
          </a>
        </div>
      
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
</div>





  </div>
</div>




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

    

<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/dialog.js?v=150888536568694194021776848196"
  type="module"
></script>

<script
  src="//www.bigjohn.co.jp/cdn/shop/t/29/assets/predictive-search.js?v=149240552485540508541776848207"
  type="module"
  fetchpriority="low"
></script>

<dialog-component
  id="search-modal"
  class="search-modal"
  
>
  <dialog
    ref="dialog"
    on:click="/closeDialogOnClickOutside"
    on:keydown="/closeDialogOnEscapePress"
    class="search-modal__content dialog-modal"
    scroll-lock
    aria-labelledby="search-modal-heading"
  >
    <h2
      id="search-modal-heading"
      class="visually-hidden"
    >
      検索
    </h2>
    <predictive-search-component
      class="predictive-search color-scheme-1"
      style="--product-corner-radius: 0px; --card-corner-radius: 4px;"
      data-section-id="predictive-search"
      data-testid="search-component--modal"
      role="search"
      aria-label="検索"
    >
      <form
        action="/search"
        method="get"
        role="search"
        class="predictive-search-form"
        ref="form"
        on:keydown="/onSearchKeyDown"
      >
        <div
          class="predictive-search-form__header"
        >
          <div class="predictive-search-form__header-inner">
            <label
              for="cmdk-input"
              class="visually-hidden"
            >検索</label>
            <input
              class="search-input"
              id="cmdk-input"
              type="search"
              name="q"
              role="combobox"
              aria-expanded="false"
              aria-owns="predictive-search-results"
              aria-controls="predictive-search-results"
              aria-haspopup="listbox"
              aria-autocomplete="list"
              autocomplete="off"
              placeholder="検索"
              ref="searchInput"
              on:input="/search"
              on:keydown="/onSearchKeyDown"
            >
            <input
              name="options[prefix]"
              type="hidden"
              value="last"
            >
            <span class="svg-wrapper predictive-search__icon">
              <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

            </span>
            <button
              type="button"
              class="button-unstyled predictive-search__reset-button"
              ref="resetButton"
              hidden
              on:click="/resetSearch"
            >
              透明
            </button>
          </div>
          <button
            type="button"
            class="button predictive-search__close-modal-button"
            aria-label="ダイアログを閉じる"
            on:click="dialog-component/closeDialog"
            ref="closeModalButton"
          >
            <span class="svg-wrapper">
              <svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

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

        <div class="predictive-search-form__content-wrapper">
          <div
            class="predictive-search-form__content"
            ref="predictiveSearchResults"
            on:click="/handleModalClick"
          >
            

<div
  id="predictive-search-results"
  class="predictive-search-dropdown"
  role="listbox"
  aria-expanded="true"
  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
>
  
    <div class="predictive-search-results__inner">
      
      
        
        
        
          <div
  id="predictive-search-products"
  class="predictive-search-results__products"
  
    data-testid="products-list-default--modal"
  
>
  
    <h4 class="predictive-search-results__title">
      商品管理
    </h4>
    <ul
      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
    >
      
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-card-link
    data-product-id="6978116845747"
    data-featured-media-url="//www.bigjohn.co.jp/cdn/shop/products/DSC00868_4b04a711-03f2-4cbc-8eb9-2a86bf1e6f55.jpg?v=1636970433&width=500"
    data-product-transition="true"
    on:click="/handleViewTransition"
  ><div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/1002-001"
  >
    <span class="visually-hidden">
      1002 BIG-WASHING REGULAR STRAIGHT
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
      ref="cardGallery"
      data-view-transition-to-main-product
    
  >
      
      

        <img src="//www.bigjohn.co.jp/cdn/shop/products/DSC00868_4b04a711-03f2-4cbc-8eb9-2a86bf1e6f55.jpg?v=1636970433&amp;width=500" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/products/DSC00868_4b04a711-03f2-4cbc-8eb9-2a86bf1e6f55.jpg?v=1636970433&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/products/DSC00868_4b04a711-03f2-4cbc-8eb9-2a86bf1e6f55.jpg?v=1636970433&amp;width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">

          <img src="//www.bigjohn.co.jp/cdn/shop/products/DSC09840_66338aae-034f-4243-943c-9d7f3af55c92.jpg?v=1636940307&amp;width=500" alt="1002 BIG-WASHING REGULAR STRAIGHT" srcset="//www.bigjohn.co.jp/cdn/shop/products/DSC09840_66338aae-034f-4243-943c-9d7f3af55c92.jpg?v=1636940307&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/products/DSC09840_66338aae-034f-4243-943c-9d7f3af55c92.jpg?v=1636940307&amp;width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="22553418563763" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">1002 BIG-WASHING REGULAR STRAIGHT</p>

    
      <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
      "
    >
      <span class="price">¥16,500</span>
    </div>
    <div
      class="
        price__sale
        
          price__hidden
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">通常価格&nbsp;</span>
          <span class="price-item--regular compare-at-price"></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">セール価格&nbsp;</span>
          <span class="price-item--sale price">¥16,500</span>
        </span>
      
    </div>
  
</div>
    
  </div>
</div></product-card-link>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-card-link
    data-product-id="7211469439155"
    data-featured-media-url="//www.bigjohn.co.jp/cdn/shop/products/DSC03627.jpg?v=1658745669&width=500"
    data-product-transition="true"
    on:click="/handleViewTransition"
  ><div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/1004-001"
  >
    <span class="visually-hidden">
      1004 BIG-WASHING SLIM TAPERED
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
      ref="cardGallery"
      data-view-transition-to-main-product
    
  >
      
      

        <img src="//www.bigjohn.co.jp/cdn/shop/products/DSC03627.jpg?v=1658745669&amp;width=500" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/products/DSC03627.jpg?v=1658745669&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/products/DSC03627.jpg?v=1658745669&amp;width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">

          <img src="//www.bigjohn.co.jp/cdn/shop/products/DSC03628.jpg?v=1658745669&amp;width=500" alt="1004 BIG-WASHING SLIM TAPERED" srcset="//www.bigjohn.co.jp/cdn/shop/products/DSC03628.jpg?v=1658745669&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/products/DSC03628.jpg?v=1658745669&amp;width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="23942141542579" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">1004 BIG-WASHING SLIM TAPERED</p>

    
      <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
      "
    >
      <span class="price">¥16,500</span>
    </div>
    <div
      class="
        price__sale
        
          price__hidden
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">通常価格&nbsp;</span>
          <span class="price-item--regular compare-at-price"></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">セール価格&nbsp;</span>
          <span class="price-item--sale price">¥16,500</span>
        </span>
      
    </div>
  
</div>
    
  </div>
</div></product-card-link>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-card-link
    data-product-id="7134851530931"
    data-featured-media-url="//www.bigjohn.co.jp/cdn/shop/products/DSC01797.jpg?v=1751183245&width=500"
    data-product-transition="true"
    on:click="/handleViewTransition"
  ><div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/m6001-001"
  >
    <span class="visually-hidden">
      6001 (001) BIG-WASHING DENIM JACKET
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
      ref="cardGallery"
      data-view-transition-to-main-product
    
  >
      
      

        <img src="//www.bigjohn.co.jp/cdn/shop/products/DSC01797.jpg?v=1751183245&amp;width=500" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/products/DSC01797.jpg?v=1751183245&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/products/DSC01797.jpg?v=1751183245&amp;width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">

          <img src="//www.bigjohn.co.jp/cdn/shop/products/DSC01798.jpg?v=1751183245&amp;width=500" alt="6001 (001) BIG-WASHING DENIM JACKET" srcset="//www.bigjohn.co.jp/cdn/shop/products/DSC01798.jpg?v=1751183245&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/products/DSC01798.jpg?v=1751183245&amp;width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="23459730849971" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">6001 (001) BIG-WASHING DENIM JACKET</p>

    
      <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
      "
    >
      <span class="price">¥22,000</span>
    </div>
    <div
      class="
        price__sale
        
          price__hidden
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">通常価格&nbsp;</span>
          <span class="price-item--regular compare-at-price"></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">セール価格&nbsp;</span>
          <span class="price-item--sale price">¥22,000</span>
        </span>
      
    </div>
  
</div>
    
  </div>
</div></product-card-link>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-card-link
    data-product-id="7555950182579"
    data-featured-media-url="//www.bigjohn.co.jp/cdn/shop/files/MemoL.jpg?v=1700098858&width=500"
    data-product-transition="true"
    on:click="/handleViewTransition"
  ><div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/vntb01"
  >
    <span class="visually-hidden">
      BIG JOHN INDIGO NOTE Large 3冊セット
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
      ref="cardGallery"
      data-view-transition-to-main-product
    
  >
      
      

        <img src="//www.bigjohn.co.jp/cdn/shop/files/MemoL.jpg?v=1700098858&amp;width=500" alt="" srcset="//www.bigjohn.co.jp/cdn/shop/files/MemoL.jpg?v=1700098858&amp;width=240 240w, //www.bigjohn.co.jp/cdn/shop/files/MemoL.jpg?v=1700098858&amp;width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">BIG JOHN INDIGO NOTE Large 3冊セット</p>

    
      <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
      "
    >
      <span class="price">¥3,960</span>
    </div>
    <div
      class="
        price__sale
        
          price__hidden
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">通常価格&nbsp;</span>
          <span class="price-item--regular compare-at-price"></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">セール価格&nbsp;</span>
          <span class="price-item--sale price">¥3,960</span>
        </span>
      
    </div>
  
</div>
    
  </div>
</div></product-card-link>

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

        
      
    </div>
  
</div>

          </div>

          <div class="predictive-search-form__footer">
            <button
              class="button predictive-search__search-button"
              ref="viewAllButton"
            >
              すべてを表示
            </button>
          </div>
        </div>
      </form>
    </predictive-search-component>
  </dialog>
</dialog-component>




    
    <script>
(function(){
var w=window,d=document;
var s="https://app.chatplus.jp/cp.js";
d["__cp_d"]="https://app.chatplus.jp";
d["__cp_c"]="db835543_1";
var a=d.createElement("script"), m=d.getElementsByTagName("script")[0];
a.async=true,a.src=s,m.parentNode.insertBefore(a,m);})();
</script>

<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>
  </body>
</html>
