PageSourceSearch

https://hippopotamus.co.jp/products/set-cb1-box

html hippopotamus.co.jp collected 2026-10-04 13:32:36 UTC 804,759 bytes, 13,990 lines download raw bytes

1<!doctype html>
2<html class="no-js " lang="ja">
3  <head>
4    <!-- Infinite Options by ShopPad -->
5<script>     
6  window.Shoppad = window.Shoppad || {},     
7  window.Shoppad.apps = window.Shoppad.apps || {},     
8  window.Shoppad.apps.infiniteoptions = window.Shoppad.apps.infiniteoptions || {},
9  window.Shoppad.apps.infiniteoptions.validateType = 'overlay', 
10  window.Shoppad.apps.infiniteoptions.addToCartButton = '.button-product-buy_buttons button';
11</script>
11
12
13    
13<script src="//d1liekpayvooaz.cloudfront.net/apps/customizery/customizery.js?shop=hippopotamus-official.myshopify.com"></script>
13
14    <meta charset="utf-8">
15    <meta http-equiv="X-UA-Compatible" content="IE=edge">
16    <meta name="viewport" content="width=device-width, initial-scale=1.0">
17    <meta name="theme-color" content="">
18    
19      <link rel="canonical" href="https://hippopotamus.co.jp/products/set-cb1-box">
20    
21<link rel="icon" type="image/png" href="//hippopotamus.co.jp/cdn/shop/files/mark_s_Hippopotums_76711dbf-48b2-4a24-9bcf-727b666dbfcb.png?crop=center&height=32&v=1764235572&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
22      ギフト – チーフベア×1(パッケージ)
23 &ndash; Hippopotamus-official</title>
24    
25      <meta name="description" content="プチギフトとして大人気の「チーフベア」が、透明感のある新しいパッケージにリニューアル。 チーフベアの可愛さがより引き立つクリアなデザインで、選ぶ楽しさと贈る喜びをさらに感じていただけるようになりました。 四角いタオルを丁寧に折り上げて作られた、まるでぬいぐるみのようなベアは、ほどくのがもったいないほど愛らしい見た目で、贈る方にも、受け取る方にも笑顔を届けてくれる人気のプチギフトです。">
26    
27    <link href="//hippopotamus.co.jp/cdn/shop/t/52/assets/theme.css?v=50255971829761354211774087155" rel="stylesheet" type="text/css" media="all" />
28    
29    
30    <link rel="preload" href="//hippopotamus.co.jp/cdn/shop/t/52/assets/theme-md.css?v=128237898195353600381774087155" as="style" media="(min-width: 768px)">
31    <link rel="stylesheet" href="//hippopotamus.co.jp/cdn/shop/t/52/assets/theme-md.css?v=128237898195353600381774087155" type="text/css" media="(min-width: 768px)">
32    <link rel="preload" href="//hippopotamus.co.jp/cdn/shop/t/52/assets/theme-lg.css?v=137600490985539166981774087155" as="style" media="(min-width: 1024px)">
33    <link rel="stylesheet" href="//hippopotamus.co.jp/cdn/shop/t/52/assets/theme-lg.css?v=137600490985539166981774087155" type="text/css" media="(min-width: 1024px)">
34    <link rel="preload" href="//hippopotamus.co.jp/cdn/shop/t/52/assets/theme-xl.css?v=85126692610057007221774087155" as="style" media="(min-width: 1280px)">
35    <link rel="stylesheet" href="//hippopotamus.co.jp/cdn/shop/t/52/assets/theme-xl.css?v=85126692610057007221774087155" type="text/css" media="(min-width: 1280px)">
36    <link rel="preload" href="//hippopotamus.co.jp/cdn/shop/t/52/assets/secondary-css.css?v=131433791912905893501774087155" as="style" onload="this.onload=null;this.rel='stylesheet'">
37    <noscript>
38      <link rel="stylesheet" href="//hippopotamus.co.jp/cdn/shop/t/52/assets/secondary-css.css?v=131433791912905893501774087155">
39    </noscript>
40    
41    
42    
43<link rel="preload" href="//hippopotamus.co.jp/cdn/fonts/plus_jakarta_sans/plusjakartasans_n3.e641bfc40303feee2cc17d7ac11041e8316c9785.woff2" as="font" type="font/woff2" crossorigin="anonymous" fetchpriority="high" />
44    
45    
46    
47
48<meta property="og:site_name" content="Hippopotamus-official">
49<meta property="og:url" content="https://hippopotamus.co.jp/products/set-cb1-box">
50<meta property="og:title" content="ギフト – チーフベア×1(パッケージ)">
51<meta property="og:type" content="product">
52<meta property="og:description" content="プチギフトとして大人気の「チーフベア」が、透明感のある新しいパッケージにリニューアル。 チーフベアの可愛さがより引き立つクリアなデザインで、選ぶ楽しさと贈る喜びをさらに感じていただけるようになりました。 四角いタオルを丁寧に折り上げて作られた、まるでぬいぐるみのようなベアは、ほどくのがもったいないほど愛らしい見た目で、贈る方にも、受け取る方にも笑顔を届けてくれる人気のプチギフトです。"><meta property="og:image" content="http://hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347">
53  <meta property="og:image:secure_url" content="https://hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347">
54  <meta property="og:image:width" content="800">
55  <meta property="og:image:height" content="800"><meta property="og:price:amount" content="2,420">
56  <meta property="og:price:currency" content="JPY"><meta name="twitter:card" content="summary_large_image">
57<meta name="twitter:title" content="ギフト – チーフベア
57×1(パッケージ)">
58<meta name="twitter:description" content="プチギフトとして大人気の「チーフベア」が、透明感のある新しいパッケージにリニューアル。 チーフベアの可愛さがより引き立つクリアなデザインで、選ぶ楽しさと贈る喜びをさらに感じていただけるようになりました。 四角いタオルを丁寧に折り上げて作られた、まるでぬいぐるみのようなベアは、ほどくのがもったいないほど愛らしい見た目で、贈る方にも、受け取る方にも笑顔を届けてくれる人気のプチギフトです。">
59<style data-shopify>@font-face {
60  font-family: "Plus Jakarta Sans";
61  font-weight: 400;
62  font-style: normal;
63  font-display: swap;
64  src: url("//hippopotamus.co.jp/cdn/fonts/plus_jakarta_sans/plusjakartasans_n4.d80b0f185669787ac4b44bf52c1a511eaaf37245.woff2") format("woff2"),
65       url("//hippopotamus.co.jp/cdn/fonts/plus_jakarta_sans/plusjakartasans_n4.4d079d103b5ee647346f5effc3692759629e07c9.woff") format("woff");
66}
67
68  @font-face {
69  font-family: "Plus Jakarta Sans";
70  font-weight: 300;
71  font-style: normal;
72  font-display: swap;
73  src: url("//hippopotamus.co.jp/cdn/fonts/plus_jakarta_sans/plusjakartasans_n3.e641bfc40303feee2cc17d7ac11041e8316c9785.woff2") format("woff2"),
74       url("//hippopotamus.co.jp/cdn/fonts/plus_jakarta_sans/plusjakartasans_n3.3bf654ba063f5ab908264785db7b7ad90fb39290.woff") format("woff");
75}
76
77  @font-face {
78  font-family: Assistant;
79  font-weight: 400;
80  font-style: normal;
81  font-display: swap;
82  src: url("//hippopotamus.co.jp/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"),
83       url("//hippopotamus.co.jp/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff");
84}
85
86  @font-face {
87  font-family: Assistant;
88  font-weight: 400;
89  font-style: normal;
90  font-display: swap;
91  src: url("//hippopotamus.co.jp/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"),
92       url("//hippopotamus.co.jp/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff");
93}
94
95  @font-face {
96  font-family: Assistant;
97  font-weight: 400;
98  font-style: normal;
99  font-display: swap;
100  src: url("//hippopotamus.co.jp/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"),
101       url("//hippopotamus.co.jp/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff");
102}
103
104
105  @font-face {
106  font-family: "Plus Jakarta Sans";
107  font-weight: 700;
108  font-style: normal;
109  font-display: swap;
110  src: url("//hippopotamus.co.jp/cdn/fonts/plus_jakarta_sans/plusjakartasans_n7.0fa457c7659036d61c299855f2665d487764b03d.woff2") format("woff2"),
111       url("//hippopotamus.co.jp/cdn/fonts/plus_jakarta_sans/plusjakartasans_n7.aabce96b748f15f4219f7ccb58445c02f20c7ea7.woff") format("woff");
112}
113
114  @font-face {
115  font-family: "Plus Jakarta Sans";
116  font-weight: 300;
117  font-style: italic;
118  font-display: swap;
119  src: url("//hippopotamus.co.jp/cdn/fonts/plus_jakarta_sans/plusjakartasans_i3.7640dae28cf22bef6079f056b6e1d4cd151e947e.woff2") format("woff2"),
120       url("//hippopotamus.co.jp/cdn/fonts/plus_jakarta_sans/plusjakartasans_i3.7c586e4b947dc93b4bbea642690ee7ba63cd4b27.woff") format("woff");
121}
122
123  @font-face {
124  font-family: "Plus Jakarta Sans";
125  font-weight: 700;
126  font-style: italic;
127  font-display: swap;
128  src: url("//hippopotamus.co.jp/cdn/fonts/plus_jakarta_sans/plusjakartasans_i7.b76bf83e39a192fa9b337a7676a53552236df177.woff2") format("woff2"),
129       url("//hippopotamus.co.jp/cdn/fonts/plus_jakarta_sans/plusjakartasans_i7.2c5187107fccd60382469c44f430512785075ccc.woff") format("woff");
130}
131
132  @font-face {
133  font-family: Assistant;
134  font-weight: 400;
135  font-style: normal;
136  font-display: swap;
137  src: url("//hippopotamus.co.jp/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"),
138       url("//hippopotamus.co.jp/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff");
139}
140�</style>
141<style data-shopify>:root,
142  *:before {
143    --base-font-size: 0.875rem;
144    --font-size-medium-mobile: 0.9rem;
145    --font-size-medium: 1.0rem;
146    --font-size-small: 0.625rem;
147    --font-size-small-mobile: 0.5625rem;
148    --font-size-normal: 0.75rem;
149    --font-size-normal-mobile: 0.675rem;
150    --font-size-large: 1.25rem;
151    --font-size-large-mobile: 1.125rem;
152    --heading-highlight-font-size: 100%;
153    --h1-font-size: 3.825rem;
154    --h2-font-size: 2.25rem;
155    --h3-font-size: 1.35rem;
156    --h4-font-size: 1.2375rem;
157    --h5-font-size: 1.125rem;
158    --h6-font-size: 1.0125rem;
159    --base-font-size-mobile: 0.7875rem;
160    --h1-font-size-mobile: 1.9125rem;
161    --h2-font-size-mobile: 1.35rem;
162    --h3-font-size-mobile: 0.945rem;
163    --h4-font-size-mobile: 0.86625rem;
164    --h5-font-size-mobile: 0.7875rem;
165    --h6-font-size-mobile: 0.70875rem;
166    --rating-star-size: 0.7rem;
167    --border-radius: 0;
168    --page-width: 1400px;
169    --width-countdown: 7.875rem;
170    --font-menu: Assistant, sans-serif;
171    --font-menu-weight: 400;
172    --font-menu-style: normal;
173    --font-button: Assistant, sans-serif;
174    --font-button-weight: 400;
175    --font-button-style: normal;
176    --font-body-family: "Plus Jakarta Sans", sans-serif;
177    --font-body-style: normal;
178    --font-body-weight: 300;
179    --font-heading-family: "Plus Jakarta Sans", sans-serif;
180    --font-heading-highlight: Assistant, sans-serif;
181    --font-heading-highlight-style: normal;
182    --font-heading-highlight-weight: 400;
183    --font-heading-style: normal;
184    --font-heading-weight: 400;
185    --heading-text-tranform: none;
186    --advanced-sections-spacing: 20px;
187    --divider-spacing: -20;
188
189    --colors-pulse-speech: 251, 133, 0;
190    --image-treatment-overlay: 32, 32, 32;
191    --image-treatment-text: 255, 255, 255;
192    --colors-line-and-border: 3, 27, 83;
193    --colors-line-and-border-base: 3, 27, 83;
194    --colors-line-header: 0, 73, 175;
195    --colors-line-footer: 3, 27, 83;
196    --colors-background: 255, 255, 255;
197    --colors-text: 3, 27, 83;
198    --colors-text-base: 3, 27, 83;
199    --colors-heading: 3, 27, 83;
200    --colors-heading-base: 3, 27, 83;
201    --colors-background-secondary: 246, 246, 246;
202    --colors-text-secondary: 3, 27, 83;
203    --colors-heading-secondary: 3, 27, 83;
204    --colors-text-link: 234, 82, 5;
205    --background-color:  255, 255, 255;
206    --background-color-base:  255, 255, 255;
207    --background-color-header: 3, 27, 83;
208    --colors-text-header: 255, 255, 255;
209    --background-color-footer: 255, 255, 255;
210    --colors-text-footer: 3, 27, 83;
211    --colors-heading-footer: 234, 82, 5;
212    --colors-text-link-footer: 0, 73, 175;
213    --color-error: 206, 2, 30;
214    --color-success: 5, 137, 66;
215    --colors-price: 3, 27, 83;
216    --colors-price-sale: 234, 82, 5;
217    --colors-button-text: 255, 255, 255;
218    --colors-button: 0, 73, 175;
219    --colors-button-text-hover: 255, 255, 255;
220    --colors-secondary-button: 3, 27, 83;
221    --colors-button-hover: rgb(3, 27, 83);
222    --colors-cart: 0, 73, 175;
223    --colors-cart-text: 255, 255, 255;
224    --colors-icon-rating: 234, 82, 5;
225    --colors-transition-arrows: 0, 0, 0;
226    --color-highlight: rgb(3, 27, 83);
227    --background-pagination-slideshow: 32, 32, 32;
228    --text-color-pagination-slideshow: 255, 255, 255;
229    
230      --background-secondary-button: transparent;
231      --colors-line-secondary-button: 3, 27, 83;
232    
233    
234      --button-width: 102%;
235      --button-height: 500%;
236      --button-transform: rotate3d(0,0,1,-10deg) translate3d(-130%,-10em,0);
237      --button-transform-origin: 100% 0%;
238    
239    
240      --height-parallax: 100%;
241    
242    
243      --image-zoom: 1.05;
244    
245    --card-product-bg: rgba(0,0,0,0);
246    --card-product-padding: 20px;
247    --card-product-padding-mobile: 5px;
248    --card-product-alignment: left;
249    
250    --width-scrollbar: 0;
251    --card-product-ratio: 100.0%;
252    --card-product-img-position:  absolute;
253    --card-product-img-height:  0;
254    --card-product-img-zoom:  scale(1.1);
255    --height-header: 0px;
256    --transition-card-loading: 600ms;
257    --transition-card-image-hover: 500ms;
258    --transition-slideshow: 600ms;
259    --transition-image-hover: 600ms;
260  }
261  .dark,
262  .dark *:before {
263    --image-treatment-overlay: 255, 255, 255;
264    --image-treatment-text: 0, 0, 0;
265    --colors-line-and-border: 49, 49, 49;
266    --colors-line-and-border-base: 49, 49, 49;
267    --colors-line-header: 49, 49, 49;
268    --colors-line-footer: 227, 227, 227;
269    --colors-background: 32, 32, 32;
270    --colors-text: 153, 153, 153;
271    --colors-text-base: 153, 153, 153;
272    --colors-heading: 255, 255, 255;
273    --colors-heading-base: 255, 255, 255;
274    --background-color: 32, 32, 32;
275    --background-color-base: 32, 32, 32;
276    --colors-text-link: 251, 133, 0;
277    --color-error: 235, 0, 27;
278    --color-success: 66, 162, 70;
279    --background-color-header: 32, 32, 32;
280    --colors-text-header: 153, 153, 153;
281    --background-color-footer: 246, 246, 246;
282    --colors-text-footer: 82, 80, 81;
283    --colors-heading-footer: 0, 0, 0;
284    --colors-text-link-footer: 251, 133, 0;
285    --colors-price: 153, 153, 153;
286    --colors-price-sale: 252, 60, 68;
287    --colors-button-text: 0, 0, 0;
288    --colors-button: 255, 255, 255;
289    --colors-button-text-hover: 0, 0, 0;
290    --colors-secondary-button: 255, 255, 255;
291    --colors-button-hover: rgb(251, 133, 0);
292    --colors-cart: 251, 133, 0;
293    --colors-cart-text: 0, 0, 0;
294    --colors-background-secondary: 42, 42, 42;
295    --colors-text-secondary: 153, 153, 153;
296    --colors-heading-secondary: 255, 255, 255;
297    --colors-icon-rating: 255, 164, 34;
298    --colors-pulse-speech: 251, 133, 0;
299    --colors-transition-arrows: 0, 0, 0;
300    --color-highlight: rgb(255, 255, 255);
301    
302      --background-secondary-button: transparent;
303      --colors-line-secondary-button: 255, 255, 255;
304    
305    --card-product-bg: rgba(0,0,0,0);
306  }
307  shopify-accelerated-checkout {
308    --shopify-accelerated-checkout-button-border-radius: 0;
309  }
310  shopify-accelerated-checkout-cart {
311    --shopify-accelerated-checkout-button-border-radius: 0;
312    --shopify-accelerated-checkout-inline-alignment: end;
313    --shopify-accelerated-checkout-button-block-size: 48px;
314    --shopify-accelerated-checkout-button-inline-size: 48px;
315  }
316  shopify-account {
317    --shopify-account-color-accent: rgba(var(--colors-button));
318    --shopify-account-color-accent-text: rgb(var(--colors-button-text));
319    --shopify-account-color-background: rgb(var(--background-color-base));
320    --shopify-account-color-background-subdued: rgba(var(--colors-text-base), .3);
321    --shopify-account-color-text-subdued: rgba(var(--colors-text-base), 1);
322    --shopify-account-radius-button-small: 9999px;
323    --shopify-account-color-control-text: rgba(var(--colors-text-base), 1);
324    --shopify-account-color-border: rgba(var(--colors-line-and-border-base), 1);
325    --shopify-account-color-control-background: rgb(var(--background-color-base));
326    --shopify-account-color-text: rgba(var(--colors-text-base), 1);
327    --shopify-account-color-text-subdued: rgba(var(--colors-text-base), 1);
328    --shopify-account-dialog-position-top: 30px;
329    --shopify-account-font-body: var(--font-body-family);
330    --shopify-account-font-body-weight: var(--font-body-weight);
331    --shopify-account-font-heading: var(--font-heading-family);
332    --shopify-account-font-heading-weight: var(--font-heading-weight);
333    --shopify-account-radius-base: 0px;
334    --shopify-account-radius-button: 0;
335    --shopify-account-radius-dialog: 0px;
336    --shopify-account-radius-input: 0px;
337    --shopify-account-signed-in-avatar-color-background: rgba(var(--colors-text), 1);
338    --shopify-account-signed-in-avatar-color-text: rgb(var(--background-color));
339  }
340  
341    [role="button"],
342    [type="button"],
343    .button {
344      color: rgb(var(--colors-button-text-hover));
345    }
346    button.button-solid,
347    .button.button-solid {
348      border: none;
349      background-color: var(--colors-button-hover);
350    }
351    button.button-disable-effect,
352    .button.button-disable-effect,
353    .payment-button .shopify-payment-button__button--unbranded {
354      color: rgba(var(--colors-button-text-hover));
355      background-color: var(--colors-button-hover);
356    }
357    .button-action {
358      border: none;
359      color: rgba(var(--colors-button-text-hover));
360      background-color: var(--colors-button-hover);
361    }
362  
363  .header, .header *::before {
364    --colors-text: var(--colors-text-header);
365    --colors-heading: var(--colors-text-header);
366    --colors-price: var(--colors-text-header);
367    --colors-line-and-border: var(--colors-line-header);
368  }
369  #sticky-header-content .divider {
370    --colors-line-and-border: var(--colors-line-header);
371  }
372  .paginate-slide-image {
373    background: rgba(var(--background-pagination-slideshow));
374    color: rgba(var(--text-color-pagination-slideshow));
375  }
376
377  @media (min-width: 1024px) {
378    .paginate-slide-image {
379      color: rgba(var(--text-color-pagination-slideshow));
380    }
381    .paginate-slide-image:hover {
382      color: rgba(var(--text-color-pagination-slideshow));
383    }
384  }
385
386  .section-quick-links,
387  .section-quick-links *::before,
388  .section-footer,
389  .section-footer *::before {
390    --colors-text: var(--colors-text-footer);
391    --colors-heading: var(--colors-heading-footer);
392    --colors-text-link: var(--colors-text-link-footer);
393    --colors-line-and-border: var(--colors-line-footer);
394  }
395  .sticky-header {
396    --font-body-weight: 700;
397  }
398
399  .scrollbar-horizontal {
400    position: relative;
401    -ms-overflow-style: none;
402  }
403  .scrollbar-horizontal::-webkit-scrollbar-track {
404    background-color: #ececec;
405  }
406  .scrollbar-horizontal::-webkit-scrollbar {
407    height: 3px;
408  }
409
410  .scrollbar-horizontal::-webkit-scrollbar-track {
411    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
412  }
413
414  .scrollbar-horizontal::-webkit-scrollbar-thumb {
415    visibility: visible;
416    background-color: #747474;
417  }
418
419  .scrollbar-horizontal::-webkit-scrollbar-thumb:hover {
420    background-color: #747474;
421  }
422  body.scrollbar-body::-webkit-scrollbar{
423    width: 3px;
424  }
425  .scrollbar-body::-webkit-scrollbar-track{
426    background: #ececec;
427  }
428  .scrollbar-horizontal {
429    position: relative;
430    -ms-overflow-style: none;
431  }
432  .scrollbar-horizontal::-webkit-scrollbar-track {
433    background-color: #ececec;
434  }
435  .scrollbar-horizontal::-webkit-scrollbar {
436    height: 3px;
437  }
438
439  .scrollbar-horizontal::-webkit-scrollbar-track {
440    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
441  }
442
443  .scrollbar-horizontal::-webkit-scrollbar-thumb {
444    visibility: visible;
445    background-color: #747474;
446  }
447
448  .scrollbar-horizontal::-webkit-scrollbar-thumb:hover {
449    background-color: #747474;
450  }
451  .scrollbar-body::-webkit-scrollbar{
452    width: 3px;
453  }
454  .scrollbar-body::-webkit-scrollbar-track{
455    background: #ececec;
456  }
457  .scrollbar-body.scrollbar-visible:active::-webkit-scrollbar-thumb,
458  .scrollbar-body.scrollbar-visible:focus::-webkit-scrollbar-thumb,
459  .scrollbar-body.scrollbar-visible:hover::-webkit-scrollbar-thumb {
460    background: #747474;
461    visibility: visible;
462  }
463  .scrollbar-body.scrollbar-visible::-webkit-scrollbar-track{
464    background: transparent;
465  }
466  .scrollbar-body.scrollbar-visible::-webkit-scrollbar-thumb{
467    background: transparent;
468    visibility: visible;
469  }
470  .scrollbar-body::-webkit-scrollbar-thumb{
471    background: #747474;
472  }
473  .animate-scroll-banner {
474    animation: scrollX var(--duration, 10s) linear infinite var(--play-state, running) var(--direction);
475  }
476  .padding-scrollbar, .padding-scrollbar-header {
477    padding-right: min(var(--width-scrollbar), 20px);
478  }
479  
480  
481  .des-block iframe {
482    width: 100%;
483    height: 100%;
484  }
485  .toggle-compare  + label span:first-child,
486  .toggle-compare:checked + label span:last-child {
487    display: block
488  }
489  .toggle-compare  + label span:last-child,
490  .toggle-compare:checked + label span:first-child {
491    display: none;
492  }
493  .card-product:not(.recommendations) {}
494  .dark .card-product:not(.recommendations) {background: transparent;}
495  .card-product:not(.recommendations) .card-info,
496  .card-product:not(.recommendations) .x-variants-data {
497    padding-left: 5px;
498    padding-right: 5px;
499  }
500  .card-product:not(.recommendations) .x-variants-separator::before {
501    content: var(--tw-content);
502    position: absolute;
503    width: calc(100% - 2 * 5px);
504    top: 0;
505    left: 0;
506    margin-left: 5px;
507    margin-right: 5px;
508  }
509  .card-product:not(.recommendations) .card-info .x-variants-data
510  {
511    padding-left: 0;
512    padding-right: 0;
513  }
514  .card-product:not(.recommendations) .card-info .x-variants-separator::before {
515    width: 100%;
516    margin-left: 0;
517    margin-right: 0;
518  }
519  .card-product-slideshow {
520      background: #F6F6F6;}
521  .dark .card-product-slideshow {
522      background: #2A2A2A;}
523  button.shopify-payment-button__more-options {
524    color: rgba(var(--colors-text));
525  }
526  .group-discount:before,.group-discount:after {
527    background-color: rgba(var(--colors-price-sale), 5%);
528    content: "";
529    position: absolute;
530    right: 100%;
531    height: 100%;
532    top: 0;
533    width: 1.25rem;
534  }
535  .shipping_insurance.group-discount:before,.shipping_insurance.group-discount:after {
536    background-color: rgb(var(--colors-background-secondary));
537  }
538  .group-discount:after {
539    left: 100%;
540    right: auto;
541  }
542  @media (min-width: 768px){
543    .list-layout .card-product:not(.recommendations) {
544      padding-bottom: 0;
545    }
546    .list-layout .card-product:not(.recommendations) .card-info,
547    .list-layout .card-product:not(.recommendations) .x-variants-data{
548      padding-left: 0;
549      padding-right: 0;
550    }
551    .list-layout .card-product:not(.recommendations) .x-variants-separator::before {
552      width: 100%;
553      margin-left: 0;
554      margin-right: 0;
555    }
556    shopify-accelerated-checkout-cart {
557    --shopify-accelerated-checkout-button-block-size: 46px;
558    --shopify-accelerated-checkout-button-inline-size: 46px;
559  }
560  }
561  @media (min-width: 1024px){
562    .group-discount:before,.group-discount:after {
563       width: 0;
564    }
565    .payment-button .shopify-payment-button__button--unbranded {
566      color: rgb(var(--colors-button-text));
567      background: rgba(var(--colors-button));
568    }
569    .card-product:not(.recommendations) .card-info,
570    .card-product:not(.recommendations) .x-variants-data {
571      padding-left: 20px;
572      padding-right: 20px;
573    }
574    .card-product:not(.recommendations) .x-variants-separator::before {
575      width: calc(100% - 2 * 20px);
576      margin-left: 20px;
577      margin-right: 20px;
578    }
579    [role="button"],
580    [type="button"],
581    .button {
582      color: rgba(var(--colors-button-text));
583    }
584    button.button-solid,
585    .button.button-solid {
586      border: none;
587      box-shadow: none;
588      color: rgb(var(--colors-button-text));
589      background-color: rgba(var(--colors-button));
590      overflow: hidden;
591      background-origin: border-box;
592    }
593    button.button-solid:hover,
594    .button.button-solid:hover {
595      
596      transition-delay: 0.5s;
597      
598      transition-property: background-color;
599      background-color: var(--colors-button-hover);
600      color: rgba(var(--colors-button-text-hover));
601      background-origin: border-box;
602    }
603    .button-action {
604      border: none;
605      color: rgba(var(--colors-button-text-hover));
606      background-color: var(--colors-button-hover);
607    }
608    button.button-disable-effect,
609    .button.button-disable-effect {
610      color: rgb(var(--colors-button-text));
611      background-color: rgba(var(--colors-button));
612    }
613    button.button-disable-effect:hover,
614    .button.button-disable-effect:hover {
615      color: rgba(var(--colors-button-text-hover));
616      background-color: var(--colors-button-hover);
617    }
618    
619      button.button-solid:before,
620      .button.button-solid:before {
621        content: "";
622        z-index: -1;
623        position: absolute;
624        top: 0;
625        right: 0;
626        bottom: 0;
627        left: 0;
628        width: var(--button-width);
629        height: var(--button-height);
630        background-color: var(--colors-button-hover);
631        backface-visibility: hidden;
632        will-change: transform;
633        transform: var(--button-transform);
634        transform-origin: var(--button-transform-origin);
635        transition: transform 0.5s ease;
636      }
637      button.button-solid:hover:before,
638      .button.button-solid:hover:before {
639        transform: rotate3d(0,0,1,0) translateZ(0);
640      }
641    
642    
643  }
644  .inventory-low-stock-status {
645    
646      --stock-color: rgba(191, 18, 42);
647    
648      color: var(--stock-color);
649    }
650  .dark .inventory-low-stock-status {
651    
652      --stock-color: rgba(191, 18, 42);
653    
654  }
655  .inventory-in-stock-status {
656    
657      --stock-color: rgba(234, 82, 5);
658    
659      color: var(--stock-color);
660  }
661  .dark .inventory-in-stock-status {
662    
663      --stock-color: rgba(234, 82, 5);
664    
665  }
666  .inventory-out-of-stock-status {
667    
668      --stock-color: rgba(3, 27, 83);
669    
670      color: var(--stock-color);
671  }
672  .dark .inventory-out-of-stock-status {
673    
674      --stock-color: rgba(3, 27, 83);
675    
676  }
677  .inventory-status {
678    background-color: var(--stock-color);
679  }
680  .card-testimonial {
681      background: #F6F6F6;}
682  .dark .card-testimonial {
683      background: #2A2A2A;}
684  /* App Shopify Subscription */
685  .shopify_subscriptions_app_policy a {
686    position: relative;
687    margin-top: .5rem;
688    margin-bottom: .5rem;
689    color: rgba(var(--colors-text-link)) !important;
690    text-decoration-thickness: 1px;
691    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(to right, rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1));
692    background-size: 100% 0.1em, 0 0.1em;
693    background-position: 100% 100%,100% 100%;
694    background-repeat: no-repeat;
695    transition: background-size 250ms;
696  }
697  .shopify_subscriptions_app_policy:after {
698    clear: both;
699    content: var(--tw-content);
700    display: block;
701  }
702  @media (min-width: 1024px) {
703    .shopify_subscriptions_app_policy a:hover {
704      background-size: 0 .1em, 100% .1em;
705      background-position: 100% 100%, 0% 100%;
706    }
707  }
708
709  /* Recurpay Subscription App */
710  #recurpay-account-widget {
711    margin-top: 1rem;
712  }
713
714  /* Seal Subscriptions */
715  .sls-widget-branding {
716    z-index: 20 !important;
717  }
718  .card .sealsubs-target-element, .card-product-fbt .sealsubs-target-element {
719    display: none !important;
720  }
721  .seal-portal-link a {
722    position: relative;
723    margin-top: .5rem;
724    margin-bottom: .5rem;
725    color: rgba(var(--colors-text-link)) !important;
726    text-decoration-thickness: 1px;
727    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(to right, rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1));
728    background-size: 100% 0.1em, 0 0.1em;
729    background-position: 100% 100%,100% 100%;
730    background-repeat: no-repeat;
731    transition: background-size 250ms;
732  }
733  .seal-portal-link:after {
734    clear: both;
735    content: var(--tw-content);
736    display: block;
737  }
738  @media (min-width: 1024px) {
739    .seal-portal-link a:hover {
740      background-size: 0 .1em, 100% .1em;
741      background-position: 100% 100%, 0% 100%;
742    }
743  }
744  .x-card-title {
745    font-size: 0.9rem;
746    font-family: var(--font-heading-family);
747    font-weight: var(--font-heading-weight);
748  }
749  .x-card-price, .x-card-price-init {
750    font-size: 0.9rem;
751    font-family: var(--font-body-family);
752    font-weight: var(--font-body-weight);
753  }
754  @media (min-width: 768px) {
755    .x-card-title {
756      font-size: 1.0rem;
757    }
758    .x-card-price, .x-card-price-init {
759      font-size: 1.0rem;
760    }
761  }
762  .dbtap-overlay{
763    display: none
764  }
765  @media (max-width: 1024px) and (pointer: coarse) and (hover: none) {
766    .dbtap-overlay{
767      display: block
768    }
769  }
770  .swatch-count-small {
771    min-height: 28px;
772    min-width: 28px;
773  }
774  .swatch-count-medium {
775    min-height: 32px;
776    min-width: 32px;
777  }
778  .swatch-count-large {
779    min-height: 38px;
780    min-width: 38px;
781  }</style><style data-shopify>
782  
783    /* Judge.me */
784      #judgeme_product_reviews .jdgm-rev-widg{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px}
785      .jdgm-rev-widg__header .jdgm-write-rev-link{margin-top:1.25rem;margin-bottom:1.25rem}
786      .jdgm-rev-widg__header .jdgm-rev-widg__sort-wrapper{margin-top:1.25rem;margin-bottom:1.25rem}
787      .jdgm-form-wrapper .jdgm-form__title{font-weight:500}
788      .jdgm-widget .jdgm-write-rev-link,
789      .jdgm-widget .jdgm-btn.jdgm-btn,
790      .jdgm-widget input[type=submit].jdgm-btn {
791        border-width: 1px;
792        font-family: var(--font-button);
793        font-weight: var(--font-button-weight);
794        font-style: var(--font-button-style);
795      }
796      .jdgm-paginate .jdgm-paginate__page {
797        padding: 12px;
798      }
799      .jdgm-widget .jdgm-btn--solid, input[type=submit].jdgm-btn--solid {
800        padding: 14px 20px;
801      }
802      .fera-testimonialCarousel-testimonial-body {
803        word-break: break-word;
804        padding-left:1.25rem;
805        padding-right:1.25rem;
806      }
807    /* end Judge.me */
808  
809div[data-block-handle="featured_carousel"] {
810      width: 100%;
811      direction: ltr;
812    }</style><style data-shopify>
813  .body-text-base-size {
814    font-size: 0.7875rem;
815  }
816  .text-pickup-availability {
817    font-size: 0.875rem;
818  }
819  .text-result-filter {
820    font-size: 0.9625rem;
821  }
822  .text-filter {
823    font-size: 0.70875rem;
824  }
825  .heading-text-base-h3 {
826    font-size: 1.125rem;
827  }
828  .heading-text-base-h2 {
829    font-size: 1.35rem;
830  }
831  .text-suggest-search {
832    font-size: 0.875rem;
833  }
834  .text-review-count {
835    font-size: 0.7rem;
836  }
837  @media (min-width: 768px) {
838    .body-text-base-size {
839      font-size: 0.875rem;
840    }
841    .text-pickup-availability {
842      font-size: 0.9625rem;
843    }
844    .text-filter {
845      font-size: 0.7875rem;
846    }
847    .heading-text-base-h3 {
848      font-size: 1.35rem;
849    }
850    .heading-text-base-h2 {
851      font-size: 2.25rem;
852    }
853    .text-suggest-search {
854      font-size: 1.0rem;
855    }
856  }
857</style>
858    
859    
859<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
859<meta name="google-site-verification" content="pPyxGR5YuXEqWfFvAFnuoHlM9jlYPVKl-xNGoVKOQ2g">
860<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/6594166902/digital_wallets/dialog">
861<meta id="in-context-paypal-metadata" data-shop-id="6594166902" data-venmo-supported="false" data-environment="production" data-locale="ja_JP" data-paypal-v4="true" data-currency="JPY">
862<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/cart/44682557227206:1?ucp/version=2026-08-25&amp;context/payment/0/handler=dev.shopify.shop_pay" payment="dev.shopify.shop_pay com.google.pay dev.shopify.card"><link rel="alternate" hreflang="x-default" href="https://hippopotamus.co.jp/products/set-cb1-box">
863<link rel="alternate" hreflang="ja" href="https://hippopotamus.co.jp/products/set-cb1-box">
864<link rel="alternate" hreflang="en" href="https://hippopotamus.co.jp/en/products/set-cb1-box">
865<link rel="alternate" type="application/json+oembed" href="https://hippopotamus.co.jp/products/set-cb1-box.oembed">
866<script async="async" src="/checkouts/internal/preloads.js?locale=ja-JP&default_configuration_id=13598918"></script>
866
867<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
868<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=ja-JP&default_configuration_id=13598918&shop_id=6594166902" crossorigin="anonymous"></script>
vendor: 1 bytes, line 868
868
869<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":6594166902,"countryCode":"JP","currencyCode":"JPY","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/6594166902","merchantName":"Hippopotamus-official","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","jcb","discover"],"total":{"type":"pending","label":"Hippopotamus-official","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 869
869
870<script id="shopify-features" type="application/json">{"accessToken":"f05374454cae39f53500ee1a858d7f34","betas":["rich-media-storefront-analytics"],"domain":"hippopotamus.co.jp","predictiveSearch":false,"shopId":6594166902,"locale":"ja"}</script>
vendor: 1 bytes, line 870
870
871<script>var Shopify = Shopify || {};
872Shopify.shop = "hippopotamus-official.myshopify.com";
873Shopify.locale = "ja";
874Shopify.currency = {"active":"JPY","rate":"1.0"};
875Shopify.country = "JP";
876Shopify.theme = {"name":"Eurus","id":149591359686,"schema_name":"Eurus","schema_version":"9.9.0","theme_store_id":2048,"role":"main"};
877Shopify.theme.handle = "null";
878Shopify.theme.style = {"id":null,"handle":null};
879Shopify.cdnHost = "hippopotamus.co.jp/cdn";
880Shopify.routes = Shopify.routes || {};
881Shopify.routes.root = "/";
882Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
883Shopify.SignInWithShop = Shopify.SignInWithShop || {};
884Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
885Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 885
885
886<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 886
886
887<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>
vendor: 1 bytes, line 887
887
888<script>
889  window.ShopifyPay = window.ShopifyPay || {};
890  window.ShopifyPay.apiHost = "shop.app\/pay";
891  window.ShopifyPay.redirectState = null;
892</script>
vendor: 1 bytes, line 892
892
893<script>
894  window.Shopify = window.Shopify || {};
895  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
896  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
897  window.Shopify.SignInWithShop.eligible = true;
898</script>
vendor: 1 bytes, line 898
898
899<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 899
899
900<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.ja.esm.js"></script>
vendor: 1 bytes, line 900
900
901<script type="module">
902  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.ja.esm.js");
903
904  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
905
906</script>
vendor: 1 bytes, line 906
906
907<script>
908  window.Shopify = window.Shopify || {};
909  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
910  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.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"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.ja.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.ja.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.ja.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.ja.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.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"],"lead-capture":["modules/v2/loader.lead-capture.ja.esm.js"],"listener":["modules/v2/loader.listener.ja.esm.js"],"pay-button":["modules/v2/loader.pay-button.ja.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.ja.esm.js"],"shop-button":["modules/v2/loader.shop-button.ja.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.ja.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.ja.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.ja.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.ja.esm.js"],"shop-login":["modules/v2/loader.shop-login.ja.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.ja.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.ja.esm.js"]};
911</script>
vendor: 1 bytes, line 911
911
912<script>(function() {
913  var isLoaded = false;
914  function asyncLoad() {
915    if (isLoaded) return;
916    isLoaded = true;
917    var urls = ["\/\/d1liekpayvooaz.cloudfront.net\/apps\/customizery\/customizery.js?shop=hippopotamus-official.myshopify.com","https:\/\/chimpstatic.com\/mcjs-connected\/js\/users\/9ed111a33df0944750bd3718f\/9c2025b884da2ffd2d6494a43.js?shop=hippopotamus-official.myshopify.com","https:\/\/subscription-script2-pr.firebaseapp.com\/script.js?shop=hippopotamus-official.myshopify.com","https:\/\/gift-script-pr.pages.dev\/script.js?shop=hippopotamus-official.myshopify.com","https:\/\/cdn.nfcube.com\/instafeed-e0c4ddef66bd1595d1fb83080b04e7c3.js?shop=hippopotamus-official.myshopify.com"];
918    for (var i = 0; i < urls.length; i++) {
919      var s = document.createElement('script');
920      s.type = 'text/javascript';
921      s.async = true;
922      s.src = urls[i];
923      var x = document.getElementsByTagName('script')[0];
924      x.parentNode.insertBefore(s, x);
925    }
926  };
927  if(window.attachEvent) {
928    window.attachEvent('onload', asyncLoad);
929  } else {
930    window.addEventListener('load', asyncLoad, false);
931  }
932})();</script>
vendor: 1 bytes, line 932
932
933<script id="__st">var __st={"a":6594166902,"offset":32400,"reqid":"86fe8711-a8c1-4071-823f-40a2b645d87f-1791120755","pageurl":"hippopotamus.co.jp\/products\/set-cb1-box","u":"c5cd8ae5d14a","p":"product","rtyp":"product","rid":8529620271302};</script>
vendor: 1 bytes, line 933
933
934<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 934
934
935<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.3.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>
vendor: 1 bytes, line 935
935
936<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//hippopotamus.co.jp/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 936
936
937<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//hippopotamus.co.jp/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
937<script crossorigin="anonymous" defer="defer" src="//hippopotamus.co.jp/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 937
937
938<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 938
938
939<script>
940  window.Shopify = window.Shopify || {};
941  window.Shopify.MCP = window.Shopify.MCP || {};
942  window.Shopify.MCP.enabled = true;
943  window.Shopify.MCP.shop = "hippopotamus-official.myshopify.com";
944  window.Shopify.MCP.mcpEndpoint = "https:\/\/hippopotamus.co.jp\/api\/mcp";
945  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
946</script>
vendor: 1 bytes, line 946
946
947<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/hippopotamus.co.jp\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
948</script>
vendor: 1 bytes, line 948
948
949<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://hippopotamus.co.jp/cdn/shopifycloud/portable-wallets/latest/portable-wallets.ja.js",t.type="module",document.head.appendChild(t)}};
950</script>
vendor: 1 bytes, line 950
950
951<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
952  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);
953</script>
vendor: 1 bytes, line 953
953
954<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})}}));
955</script>
955
956<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://hippopotamus.co.jp/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
957<style id="shopify-accelerated-checkout-cart">
958        #shopify-buyer-consent {
959  margin-top: 1em;
960  display: inline-block;
961  width: 100%;
962}
963
964#shopify-buyer-consent.hidden {
965  display: none;
966}
967
968#shopify-subscription-policy-button {
969  background: none;
970  border: none;
971  padding: 0;
972  text-decoration: underline;
973  font-size: inherit;
974  cursor: pointer;
975}
976
977#shopify-subscription-policy-button::before {
978  box-shadow: none;
979}
980
981      </style>
982
983<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
983
984    <style>
985/* giftページ プロモーションバナー テキストタップ透過 */
986#shopify-section-template--20069738217670__promotion_banner_YRDR34 .anm-fade-paragraph,
987#shopify-section-template--20069738217670__promotion_banner_KPRhfN .anm-fade-paragraph,
988#shopify-section-template--20069738217670__promotion_banner_eWbwLn .anm-fade-paragraph {
989  pointer-events: none;
990}
991#shopify-section-template--20069738217670__promotion_banner_YRDR34 .anm-fade-paragraph a,
992#shopify-section-template--20069738217670__promotion_banner_KPRhfN .anm-fade-paragraph a,
993#shopify-section-template--20069738217670__promotion_banner_eWbwLn .anm-fade-paragraph a {
994  pointer-events: auto;
995}
996
997/* Homepage e-Giftプロモーションバナー テキストタップ透過 */
998#shopify-section-template--20069736972486__promotion_banner_mkLxMT .anm-fade-paragraph {
999  pointer-events: none;
1000}
1001#shopify-section-template--20069736972486__promotion_banner_mkLxMT .anm-fade-paragraph a {
1002  pointer-events: auto;
1003}
1004</style>
1005    <style data-shopify>
1006      body {
1007        /* INP mobile */
1008        touch-action: manipulation;
1009      }
1010    </style>
1011
1012    <link href="//hippopotamus.co.jp/cdn/shop/t/52/assets/custom.css?v=49077329617980839911788476661" rel="stylesheet" type="text/css" media="all" />
1013
1014
1015<!-- noindex -->
1016
1017
1018
1019
1020
1021<!-- Google Tag Manager -->
1022<script>
vendor: 327 bytes, lines 1022-1026
1022(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
1023new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
1024j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
1025'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
1026})(window,document,'script','dataLayer','
1026GTM-PRT5KW6
vendor: 3 bytes, line 1026
1026');
1026</script>
1026
1027<!-- End Google Tag Manager -->
1028
1029<!-- google search console -->
1030<meta name="google-site-verification" content="pPyxGR5YuXEqWfFvAFnuoHlM9jlYPVKl-xNGoVKOQ2g" />
1031<meta name="google-site-verification" content="IKgY49V-n2b99Mixs5enIXVhTcwRoeiFWl4l_mGpCYw" /> <!-- redesign-shop -->
1032
1033<!-- VC Tag -->
1034<script type="text/javascript" src="//trj.valuecommerce.com/vclp.js" async></script>
1034
1035
1036<!-- User Heat Tag -->
1037<script type="text/javascript">
1038(function(add, cla){window['UserHeatTag']=cla;window[cla]=window[cla]||function(){(window[cla].q=window[cla].q||[]).push(arguments)},window[cla].l=1*new Date();var ul=document.createElement('script');var tag = document.getElementsByTagName('script')[0];ul.async=1;ul.src=add;tag.parentNode.insertBefore(ul,tag);})('//uh.nakanohito.jp/uhj2/uh.js', '_uhtracker');_uhtracker({id:'uho3n1TOOM'});
1039</script>
1039
1040<!-- End User Heat Tag -->
1041
1042<!-- facebook domain verification -->
1043<meta name="facebook-domain-verification" content="wsh7n1vb79v490r3ohp4lfs2fr0dcp" />
1044
1045<!-- LINE Tag Base Code -->
1046<!-- Do Not Modify -->
1047<script>
1048(function(g,d,o){
1049  g._ltq=g._ltq||[];g._lt=g._lt||function(){g._ltq.push(arguments)};
1050  var h=location.protocol==='https:'?'https://d.line-scdn.net':'http://d.line-cdn.net';
1051  var s=d.createElement('script');s.async=1;
1052  s.src=o||h+'/n/line_tag/public/release/v1/lt.js';
1053  var t=d.getElementsByTagName('script')[0];t.parentNode.insertBefore(s,t);
1054    })(window, document);
1055_lt('init', {
1056  customerType: 'account',
1057  tagId: 'eb6c297f-7e0a-4a6c-9357-d612bb3c6059'
1058});
1059_lt('send', 'pv', ['eb6c297f-7e0a-4a6c-9357-d612bb3c6059']);
1060</script>
1060
1061<noscript>
1062  <img height="1" width="1" style="display:none"
1063       src="https://tr.line.me/tag.gif?c_t=lap&t_id=eb6c297f-7e0a-4a6c-9357-d612bb3c6059&e=pv&noscript=1" />
1064</noscript>
1065<!-- End LINE Tag Base Code -->
1066
1067<!-- Start AIQUA Tracking Code -->
1068
1069
1070<script>
1071  function fixPriceForAiqua(price) {
1072    let appierRtPrice = price;
1073    const appierRtPriceCommas = appierRtPrice.match(/,/g);
1074    if (appierRtPriceCommas && appierRtPriceCommas.length === 1 && /,[0-9]{0,2}$/.test(appierRtPrice)) {
1075      appierRtPrice = appierRtPrice.replaceAll('.', '').replace(',', '.');
1076    } else {
1077      appierRtPrice = appierRtPrice.replace(',', '');
1078    }
1079    return parseFloat(appierRtPrice);
1080  }
1081</script>
1081
1082
1083<script>  
1084  !function(q,g,r,a,p,h,js) {
1085    q.appier=q.qg
1086    if(q.qg)return;
1087    js=q.appier=q.qg=function() {
1088      js.callmethod ? js.callmethod.call(js, arguments) : js.queue.push(arguments);
1089    };
1090    js.queue=[];
1091    p=g.createElement(r);p.async=!0;p.src=a;h=g.getElementsByTagName(r)[0];
1092    h.parentNode.insertBefore(p,h);
1093  } (window,document,"script","https://cdn.qgr.ph/qgraph.70bc1bdcc47a4cb15c5f.js");
1094</script>
1094
1095
1096 
1097<!-- Begin Appier Login tag -->
1098
1099<!-- End Appier Login tag -->
1100
1101<!-- Begin Appier Search Tag -->
1102
1103<!-- End Appier Search Tag -->
1104
1105<!-- Begin Appier Product Category tag -->
1106
1107<!-- End Appier Product Category tag -->
1108
1109<!-- Begin Appier Product View tag -->
1110
1111  
1111<script>
1112    appier("event", "product_viewed", {
1113      product_id: "8529620271302",
1114      product_price: fixPriceForAiqua("2,420"),
1115      category_name: "GIFT",
1116      product_url: "https://hippopotamus.co.jp" + "/products/set-cb1-box",
1117      product_image_url: "https:" + "//hippopotamus.co.jp/cdn/shop/files/set-cb1-box_small.jpg?v=1749556347"
1118    });
1119  </script>
1119
1120
1121<!-- End Appier Product View tag -->
1122
1123<!-- Begin Appier Add to Cart Tag -->
1124<script>
1125  window.addEventListener("DOMContentLoaded", function () {
1126    document.querySelectorAll('').forEach( function(node){
1127      node.addEventListener("click", function() {
1128        appier("event", "product_added_to_cart", {
1129          product_id: "8529620271302",
1130          product_price: fixPriceForAiqua("2,420"),
1131          category_name: "GIFT",
1132          product_url: "https://hippopotamus.co.jp" + "/products/set-cb1-box",
1133          product_image_url: "https:" + "//hippopotamus.co.jp/cdn/shop/files/set-cb1-box_small.jpg?v=1749556347"
1134        });                                                
1135      });    
1136    });
1137  });
1138</script>
1138
1139<!-- End Appier Add to Cart Tag -->
1140
1141<!-- END AIQUA Tracking Code -->
1142
1143
1144  <!-- BEGIN app block: shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core -->
1145
1146
1147
1148
1149
1150
1151
1152<link rel="dns-prefetch" href="https://cdn.judge.me">
1153<link rel="dns-prefetch" href="https://cdn1.judge.me">
1154<link rel="dns-prefetch" href="https://api.judge.me">
1155
1156<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":false,"coupon_receiving_condition":"","coupon_value_type":"fixed_amount","coupon_value_percentage":10,"coupon_value_fixed_amount":500.0,"coupon_discount_type":"single","coupon_tier_text_enabled":false,"coupon_tier_text_percentage":10,"coupon_tier_text_fixed_amount":0,"coupon_tier_photo_enabled":false,"coupon_tier_photo_percentage":10,"coupon_tier_photo_fixed_amount":0,"coupon_tier_video_enabled":false,"coupon_tier_video_percentage":10,"coupon_tier_video_fixed_amount":0,"enable_coupons":true,"badge_no_review_text":"レビューなし","badge_n_reviews_text":"{{ n }}件のレビュー","badge_star_color":"#fbcd0a","hide_badge_preview_if_no_reviews":true,"badge_hide_text":false,"enforce_center_preview_badge":false,"widget_title":"カスタマーレビュー","widget_open_form_text":"レビューを書く","widget_close_form_text":"レビューをキャンセル","widget_refresh_page_text":"ページを更新","widget_summary_text":"{{ number_of_reviews }} 件のレビューに基づいています","widget_no_review_text":"最初のレビューを書きましょう","widget_name_field_text":"表示名","widget_verified_name_field_text":"承認済みの名前","widget_name_placeholder_text":"名前を入力してください(非公開)","widget_required_field_error_text":"このフィールドは必須です。","widget_email_field_text":"メールアドレス","widget_verified_email_field_text":"認証されたメール(非公開、編集不可)","widget_email_placeholder_text":"あなたのメールアドレス(非公開)","widget_email_field_error_text":"有効なメールアドレスを入力してください。","widget_rating_field_text":"評価","widget_review_title_field_text":"レビュータイトル","widget_review_title_placeholder_text":"レビューにタイトルをつける","widget_review_body_field_text":"レビュー内容","widget_review_body_placeholder_text":"ここに書き始めてください...","widget_pictures_field_text":"写真/動画(任意)","widget_submit_review_text":"レビューを送信","widget_submit_verified_review_text":"認証済みレビューを送信","widget_submit_success_msg_with_auto_publish":"ありがとうございました!レビューを表示するには、しばらくしてからページを更新してください。 ","widget_submit_success_msg_no_auto_publish":"ありがとうございました!レビューは、ショップ管理者によって承認されるとすぐに公開されます。 ","widget_show_default_reviews_out_of_total_text":"{{ n_reviews }}件のレビューのうち{{ n_reviews_shown }}件を表示しています。","widget_show_all_link_text":"すべて表示","widget_show_less_link_text":"表示を減らす","widget_author_said_text":"{{ reviewer_name }}の言葉:","widget_days_text":"{{ n }}日前","widget_weeks_text":"{{ n }}週間前","widget_months_text":"{{ n }}ヶ月前","widget_years_text":"{{ n }}年前","widget_yesterday_text":"昨日","widget_today_text":"今日","widget_replied_text":"\u003e\u003e {{ shop_name }}の返信:","widget_read_more_text":"続きを読む","widget_reviewer_name_as_initial":"anonymous","widget_rating_filter_color":"","widget_rating_filter_see_all_text":"すべてのレビューを見る","widget_sorting_most_recent_text":"最新順","widget_sorting_highest_rating_text":"最高評価順","widget_sorting_lowest_rating_text":"最低評価順","widget_sorting_with_pictures_text":"写真付きのみ","widget_sorting_most_helpful_text":"最も役立つ順","widget_open_question_form_text":"質問する","widget_reviews_subtab_text":"レビュー","widget_questions_subtab_text":"質問","widget_question_label_text":"質問","widget_answer_label_text":"回答","widget_question_placeholder_text":"ここに質問を書いてください","widget_submit_question_text":"質問を送信","widget_question_submit_success_text":"ご質問ありがとうございます!回答があり次第ご連絡いたします。","widget_star_color":"#fbcd0a","verified_badge_text":"認証済み","verified_badge_bg_color":"","verified_badge_text_color":"","verified_badge_placement":"removed","widget_review_max_height":"","widget_hide_border":true,"widget_social_share":false,"widget_thumb":false,"widget_review_location_show":false,"widget_location_format":"country_iso_code","all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(ストア外)","all_reviews_pagination":100,"all_reviews_product_name_prefix_text":"について","enable_review_pictures":true,"enable_question_anwser":false,"widget_theme":"","review_date_format":"mm/dd/yyyy","default_sort_method":"most-recent","enable_ai_review_visibility":true,"widget_product_reviews_subtab_text":"製品レビュー","widget_shop_reviews_subtab_text":"ショップレビュー","widget_other_products_reviews_text":"他の製品のレビュー","widget_store_reviews_subtab_text":"ショップレビュー","widget_product_variant_reference_text":"製品バリエーションのレビュー","widget_no_store_reviews_text":"この
1156店舗はまだレビューを受け取っていません","widget_web_restriction_product_reviews_text":"この製品に対するレビューはまだありません","widget_no_items_text":"アイテムが見つかりません","widget_show_more_text":"もっと見る","widget_write_a_store_review_text":"レビューを書く","widget_product_and_store_reviews_text":"商品とストアのレビュー","widget_reviews_in_collection_text":"このコレクションのレビュー","widget_other_languages_heading":"他の言語のレビュー","widget_translate_review_text":"レビューを{{ language }}に翻訳","widget_translating_review_text":"翻訳中...","widget_show_original_translation_text":"原文を表示 ({{ language }})","widget_translate_review_failed_text":"レビューを翻訳できませんでした。","widget_translate_review_retry_text":"再試行","widget_translate_review_try_again_later_text":"後でもう一度お試しください","show_product_url_for_grouped_product":false,"widget_sorting_pictures_first_text":"写真を最初に","show_pictures_on_all_rev_page_mobile":true,"show_pictures_on_all_rev_page_desktop":true,"floating_tab_hide_mobile_install_preference":false,"floating_tab_button_name":"★ レビュー","floating_tab_title":"お客様の声","floating_tab_button_color":"","floating_tab_button_background_color":"","floating_tab_url":"","floating_tab_url_enabled":true,"floating_tab_tab_style":"text","all_reviews_text_badge_text":"「お客様は、{{ shop.metafields.judgeme.all_reviews_count }} 件のレビューに基づいて {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 と評価しています.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_count }}件のレビューに基づいて5つ星中{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}つ星","is_all_reviews_text_badge_a_link":false,"show_stars_for_all_reviews_text_badge":false,"all_reviews_text_badge_url":"","all_reviews_text_style":"text","all_reviews_text_color_style":"judgeme_brand_color","all_reviews_text_color":"#108474","all_reviews_text_show_jm_brand":true,"featured_carousel_show_header":true,"featured_carousel_title":"お客様の声","testimonials_carousel_title":"お客様の声","videos_carousel_title":"お客様の声","cards_carousel_title":"お客様の声","featured_carousel_count_text":"{{ n }}件のレビューから","featured_carousel_add_link_to_all_reviews_page":false,"featured_carousel_url":"","featured_carousel_show_images":true,"featured_carousel_autoslide_interval":5,"featured_carousel_arrows_on_the_sides":false,"featured_carousel_height":250,"featured_carousel_width":80,"featured_carousel_image_size":0,"featured_carousel_image_height":250,"featured_carousel_arrow_color":"#eeeeee","verified_count_badge_style":"vintage","verified_count_badge_orientation":"horizontal","verified_count_badge_color_style":"judgeme_brand_color","verified_count_badge_color":"#108474","is_verified_count_badge_a_link":false,"verified_count_badge_url":"","verified_count_badge_show_jm_brand":true,"widget_rating_preset_default":5,"widget_first_sub_tab":"product-reviews","widget_show_histogram":true,"widget_histogram_use_custom_color":false,"widget_pagination_use_custom_color":false,"widget_star_use_custom_color":true,"widget_verified_badge_use_custom_color":false,"widget_write_review_use_custom_color":false,"picture_reminder_submit_button":"Upload Pictures","enable_review_videos":false,"mute_video_by_default":false,"widget_sorting_videos_first_text":"動画を最初に","widget_review_pending_text":"保留中","featured_carousel_items_for_large_screen":3,"social_share_options_order":"Facebook,Twitter","remove_microdata_snippet":false,"disable_json_ld":false,"enable_json_ld_products":false,"preview_badge_show_question_text":false,"preview_badge_no_question_text":"質問なし","preview_badge_n_question_text":"{{ number_of_questions }}件の質問","qa_badge_show_icon":false,"qa_badge_position":"same-row","remove_judgeme_branding":true,"widget_add_search_bar":false,"widget_search_bar_placeholder":"検索","widget_sorting_verified_only_text":"認証済みのã
1156¿","widget_sorting_most_relevant_text":"関連性順","featured_carousel_theme":"default","featured_carousel_show_rating":true,"featured_carousel_show_title":true,"featured_carousel_show_body":true,"featured_carousel_show_date":false,"featured_carousel_show_reviewer":true,"featured_carousel_show_product":false,"featured_carousel_header_background_color":"#108474","featured_carousel_header_text_color":"#ffffff","featured_carousel_name_product_separator":"reviewed","featured_carousel_full_star_background":"#108474","featured_carousel_empty_star_background":"#dadada","featured_carousel_vertical_theme_background":"#f9fafb","featured_carousel_verified_badge_enable":false,"featured_carousel_verified_badge_color":"#108474","featured_carousel_border_style":"round","featured_carousel_review_line_length_limit":3,"featured_carousel_more_reviews_button_text":"さらにレビューを読む","featured_carousel_view_product_button_text":"製品を見る","all_reviews_page_load_reviews_on":"scroll","all_reviews_page_load_more_text":"さらにレビューを読み込む","disable_fb_tab_reviews":false,"enable_ajax_cdn_cache":false,"widget_public_name_text":"表示形式","default_reviewer_name":"John Smith","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"匿名","medals_widget_title":"Judge.me レビューメダル","medals_widget_background_color":"#f9fafb","medals_widget_position":"footer_all_pages","medals_widget_border_color":"#f9fafb","medals_widget_verified_text_position":"left","medals_widget_use_monochromatic_version":false,"medals_widget_elements_color":"#108474","show_reviewer_avatar":false,"widget_invalid_yt_video_url_error_text":"YouTubeビデオURLではありません","widget_max_length_field_error_text":"{0}文字以内で入力してください。","widget_show_country_flag":false,"widget_show_collected_via_shop_app":true,"widget_verified_by_shop_badge_style":"light","widget_verified_by_shop_text":"ショップによって認証","widget_show_photo_gallery":false,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"私たちが作り、あなたが共有","widget_ugc_subt
1156itle":"タグ付けすると、あなたの写真が私たちのページで特集されます","widget_ugc_arrows_color":"#ffffff","widget_ugc_primary_button_text":"今すぐ購入","widget_ugc_primary_button_background_color":"#108474","widget_ugc_primary_button_text_color":"#ffffff","widget_ugc_primary_button_border_width":"0","widget_ugc_primary_button_border_style":"none","widget_ugc_primary_button_border_color":"#108474","widget_ugc_primary_button_border_radius":"25","widget_ugc_secondary_button_text":"さらに読み込む","widget_ugc_secondary_button_background_color":"#ffffff","widget_ugc_secondary_button_text_color":"#108474","widget_ugc_secondary_button_border_width":"2","widget_ugc_secondary_button_border_style":"solid","widget_ugc_secondary_button_border_color":"#108474","widget_ugc_secondary_button_border_radius":"25","widget_ugc_reviews_button_text":"レビューを見る","widget_ugc_reviews_button_background_color":"#ffffff","widget_ugc_reviews_button_text_color":"#108474","widget_ugc_reviews_button_border_width":"2","widget_ugc_reviews_button_border_style":"solid","widget_ugc_reviews_button_border_color":"#108474","widget_ugc_reviews_button_border_radius":"25","widget_ugc_reviews_button_link_to":"judgeme-reviews-page","widget_ugc_show_post_date":true,"widget_ugc_max_width":"800","widget_rating_metafield_value_type":true,"widget_primary_color":"#108474","widget_enable_secondary_color":false,"widget_secondary_color":"#edf5f5","widget_summary_average_rating_text":"5つ星中{{ average_rating }}つ星","widget_media_grid_title":"お客様の写真と動画","widget_media_grid_see_more_text":"もっと見る","widget_round_style":false,"widget_show_product_medals":true,"widget_verified_by_judgeme_text":"Judge.meによって認証","widget_show_store_medals":true,"widget_verified_by_judgeme_text_in_store_medals":"Judge.meによって認証","widget_media_field_exceed_quantity_message":"申し訳ありませんが、1つのレビューにつき{{ max_media }}つまでしか受け付けられません。","widget_media_field_exceed_limit_message":"{{ file_name }}が大きすぎます。{{ size_limit }}MB未満の{{ media_type }}を選択してください。","widget_review_submitted_text":"レビューが送信されました!","widget_question_submitted_text":"質問が送信されました!","widget_close_form_text_question":"キャンセル","widget_write_your_answer_here_text":"ここに回答を書いてください","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":false,"widget_reviewer_name_color":"","widget_write_review_text_color":"","widget_write_review_bg_color":"","widget_collected_by_judgeme_text":"Judge.meによってå
1156Žé›†","widget_pagination_type":"standard","widget_load_more_text":"さらに読み込む","widget_load_more_color":"#108474","widget_full_review_text":"完全なレビュー","widget_read_more_reviews_text":"さらにレビューを読む","widget_read_questions_text":"質問を読む","widget_questions_and_answers_text":"質問と回答","widget_verified_by_text":"認証元","widget_verified_text":"認証済み","widget_number_of_reviews_text":"{{ number_of_reviews }}件のレビュー","widget_back_button_text":"戻る","widget_next_button_text":"次へ","widget_custom_forms_filter_button":"フィルター","custom_forms_style":"vertical","widget_show_review_information":false,"how_reviews_are_collected":"レビューの収集方法は?","widget_show_review_keywords":false,"widget_gdpr_statement":"あなたのデータの使用方法:あなたが残したレビューについてのみ、必要な場合にのみご連絡いたします。レビューを送信することで、Judge.meの\u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003e利用規約\u003c/a\u003e、\u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eプライバシーポリシー\u003c/a\u003e、\u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003eコンテンツポリシー\u003c/a\u003eに同意したことになります。","widget_multilingual_sorting_enabled":false,"widget_translate_review_content_enabled":false,"widget_translate_review_content_method":"manual","popup_widget_review_selection":"automatically_with_pictures","popup_widget_round_border_style":true,"popup_widget_show_title":true,"popup_widget_show_body":true,"popup_widget_show_reviewer":false,"popup_widget_show_product":true,"popup_widget_show_pictures":true,"popup_widget_use_review_picture":true,"popup_widget_show_on_home_page":true,"popup_widget_show_on_product_page":true,"popup_widget_show_on_collection_page":true,"popup_widget_show_on_cart_page":true,"popup_widget_position":"bottom_left","popup_widget_first_review_delay":5,"popup_widget_duration":5,"popup_widget_interval":5,"popup_widget_review_count":5,"popup_widget_hide_on_mobile":true,"review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_text_color":"#000000","review_snippet_widget_lighter_text_color":"#7B7B7B","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#108474","show_product_variant":false,"all_reviews_product_variant_label_text":"バリエーション: ","widget_show_verified_branding":false,"widget_ai_summary_title":"お客様の声","widget_ai_summary_disclaimer":"最近のカスタマーレビューに基づくAI搭載レビュー要約","widget_show_ai_summary":false,"widget_show_ai_summary_bg":false,"write_review_button_visibility":"everyone","store_summary_widget_heading":"お客様によるストア評価","store_summary_widget_button_text":"カスタマーレビューを見る","store_summary_widget_button_theme_text":"AIレビューサマリーを見る","widget_show_review_title_input":true,"widget_autofill_review_title":true,"redirect_reviewers_invited_via_email":"review_widget","request_store_review_after_product_review":false,"request_review_other_products_in_order":false,"review_form_color_scheme":"default","review_form_corner_style":"square","review_form_star_color":"#108474","review_form_text_color":"#333333","review_form_background_color":"#ffffff","review_form_field_background_color":"#fafafa","review_form_button_color":"#108474","review_form_button_text_color":"#ffffff","review_form_modal_overlay_color":"#000000","review_form_theme":"multi_step","review_form_location":"in_store_popup","review_form_external_page_background_color":"#C5F7F0","review_content_screen_title_text":"この製品をどのように評価しますか?","review_content_introduction_text":"あなたの体験について少し共有していただけると嬉しいです。","store_review_form_title_text":"このストアをどのように評価しますか?","store_review_form_introduction_text":"あなたの体験について少し共有していただけると嬉しいです。","show_review_guidance_text":true,"one_star_review_guidance_text":"悪い","five_star_review_guidance_text":"素晴らしい","customer_information_screen_title_text":"あなたについて","customer_information_introduction_text":"あなたについてもっと教えてください。","custom_questions_screen_title_text":"あなたの体験について詳しく","custom_questions_introduction_text":"あなたの体験についてより詳しく理解するための質問がいくつかあります。","review_submitted_screen_title_text":"レビューありがとうございます!","review_submitted_screen_thank_you_text":"現在処理中です。まもなくストアに表示されます。","review_submitted_screen_email_verification_text":"今送信したリンクをクリックしてメールアドレスを確認してください。これにより、レビューの信頼性を保つことができます。","confirm_email_screen_title_text":"メールアドレスの確認","confirm_email_screen_message_text":"レビューの信頼性を保つため、レビューを続けるための安全なリンクをお送りします。わずか数秒で完了します。","check_email_screen_title_text":"メールを確認してください","check_email_screen_message_text":"{{ email }}
1156 にメールを送信しました。メールのボタンをクリックして続行してください。","check_email_screen_resend_message_text":"メールを再送信しました!","check_email_resend_hint_text":"メールが届きませんか?迷惑メールフォルダを確認するか、[メールを再送信]してください。","verification_email_rate_limit_error_text":"この商品のレビュー試行回数の上限に達しました。受信トレイを確認するか、後でもう一度お試しください。","review_submitted_request_store_review_text":"私たちとのお買い物体験を共有していただけませんか?","review_submitted_review_other_products_text":"これらの商品をレビューしていただけませんか?","store_review_screen_title_text":"あなたの購入体験を共有しますか?","store_review_introduction_text":"あなたのフィードバックを重視し、改善に活用します。あなたの思いや提案を共有してください。","reviewer_media_screen_title_picture_text":"写真を共有","reviewer_media_introduction_picture_text":"レビューを裏付ける写真をアップロードしてください。","reviewer_media_screen_title_video_text":"ビデオを共有","reviewer_media_introduction_video_text":"レビューを裏付けるビデオをアップロードしてください。","reviewer_media_screen_title_picture_or_video_text":"写真またはビデオを共有","reviewer_media_introduction_picture_or_video_text":"レビューを裏付ける写真またはビデオをアップロードしてください。","reviewer_media_youtube_url_text":"ここにYoutubeのURLを貼り付けてください","advanced_settings_next_step_button_text":"次へ","advanced_settings_close_review_button_text":"閉じる","modal_write_review_flow":false,"write_review_flow_required_text":"必須","write_review_flow_privacy_message_text":"個人情報を厳守します。","write_review_flow_anonymous_text":"匿名レビュー","write_review_flow_visibility_text":"これは他のお客様には表示されません。","write_review_flow_multiple_selection_help_text":"お好きなだけ選択してください","write_review_flow_single_selection_help_text":"一つのオプションを選択してください","write_review_flow_required_field_error_text":"この項目は必須です","write_review_flow_invalid_email_error_text":"有効なメールアドレスを入力してください","write_review_flow_max_length_error_text":"最大{{ max_length }}文字。","write_review_flow_media_upload_text":"\u003cb\u003eクリックしてアップロード\u003c/b\u003eまたはドラッグ\u0026ドロップ","write_review_flow_gdpr_statement":"必要な場合にのみ、あなたのレビューについてご連絡いたします。レビューを送信することで、当社の\u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003e利用規約\u003c/a\u003eおよび\u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eプライバシーポリシー\u003c/a\u003eに同意したものとみなされます。","rating_only_reviews_enabled":false,"show_negative_reviews_help_screen":false,"new_review_flow_help_screen_rating_threshold":3,"negative_review_resolution_screen_title_text":"もっと教えてください","negative_review_resolution_text":"お客様の体験は私たちにとって重要です。ご購入に問題がございましたら、私たちがサポートいたします。お気軽にお問い合わせください。状況を改善する機会をいただければ幸いです。","negative_review_resolution_button_text":"お問い合わせ","negative_review_resolution_proceed_with_review_text":"レビューを残す","negative_review_resolution_subject":"{{ shop_name }}での購入に関する問題。{{ order_name }}","coupon_promo_intro_any_review_text":"レビューを書いて、次回のお買い物で{{ amount }}オフのクーポンをもらおう","coupon_promo_intro_with_photo_text":"レビューを書いて写真または動画を追加して、次回のお買い物で{{ amount }}オフのクーポンをもらおう","coupon_promo_intro_with_video_text":"レビューを書いて動画を追加して、次回のお買い物で{{ amount }}オフのクーポンをもらおう","coupon_promo_intro_up_to_any_review_text":"レビューを書いて、次回のお買い物で最大{{ amount }}オフのクーポンをもらおう","coupon_promo_intro_up_to_with_photo_text":"レビューを書いて写真または動画を追加して、次回のお買い物で最大{{ amount }}オフのクーポンをもらおう","coupon_promo_intro_external_text":"レビューを書いて、次回のお買い物の特典をもらおう","coupon_promo_intro_external_with_photo_text":"レビューを書いて写真または動画を追加して、次回のお買い物の特典をもらおう","coupon_promo_intro_external_with_video_text":"レビューを書いて動画を追加して、次回のお買い物の特典をもらおう","coupon_promo_media_photo_text":"写真または動画を追加して、次回のお買い物で{{ amount }}オフのクーポンをもらおう","coupon_promo_media_photo_only_text":"写真を追加して、次回のお買い物で{{ amount }}オフのクーポンをもらおう","coupon_promo_media_video_text":"動画を追加して、次回のお買い物で{{ amount }}オフのクーポンをもらおう","coupon_promo_media_external_photo_text":"写真または動画を追加して、次回のお買い物の特典をもらおう","coupon_promo_media_external_photo_only_text":"写真を追加して、次回のお買い物の特典をもらおう","coupon_promo_media_external_video_text":"動画を追加して、次回のお買い物の特典をもらおう","coupon_promo_success_text":"{{ shop_name }}での次回のお買い物用クーポンを獲得しました!","coupon_promo_success_subtext":"クーポンメールは1時間以内にお届けします。","preview_badge_collection_page_install_status":false,"widget_review_custom_css":"","preview_badge_custom_css":"","preview_badge_stars_count":"5-stars","featured_carousel_custom_css":"","floating_tab_custom_css":"","all_reviews_widget_custom_css":"","medals_widget_custom_css":"","verified_badge_custom_css":"","all_reviews_text_custom_css":"","transparency_badges_collected_via_store_invite":false,"transparency_badges_from_another_provider":false,"transparency_badges_collected_from_store_visitor":false,"transparency_badges_collected_by_verified_review_provider":true,"transparency_badges_earned_reward":false,"transparency_badges_collected_via_store_invite_text":"ストア招待によるレビュー収集","transparency_badges_from_another_provider_text":"他のプロバイダーからのレビュー収集","transparency_badges_collected_from_store_visitor_text":"ストア訪問者からのレビュー収集","transparency_badges_written_in_google_text":"Googleで書かれたレビュー","transparency_badges_written_in_etsy_text":"Etsyで書かれたレビュー","transparency_badges_written_in_shop_app_text":"Shop Appで書かれたレビュー","transparency_badges_earned_reward_text":"将来の購入に対する報酬を獲得したレビュー","product_review_widget_per_page":10,"widget_other_languages_reviews_per_page":3,"widget_store_review_label_text":"ストアレビュー","widget_cart_mode_aggregate_heading_text":"お客様によるストア評価","checkout_comment_extension_title_on_product_page":"Customer Comments","checkout_comment_extension_num_latest_comment_show":5,"checkout_comment_extension_format":"name_and_timestamp","checkout_comment_customer_name":"last_initial","checkout_comment_comment_notification":true,"preview_badge_collection_page_install_preference":false,"preview_badge_home_page_install_preference":false,"preview_badge_product_page_install_preference":true,"review_widget_install_preference":"","review_carousel_install_preference":false,"floating_reviews_tab_install_preference":"none","verified_reviews_count_badge_install_preference":false,"all_reviews_text_install_preference":false,"review_widget_best_location":true,"judgeme_medals_install_preference":false,"review_widget_revamp_enabled":false,"review_widget_qna_enabled":false,"review_widget_header_theme":"minimal","review_widget_widget_title_enabled":true,"review_widget_header_text_size":"medium","review_widget_header_text_weight":"regular","review_widget_average_rating_style":"compact","review_widget_bar_chart_enabled":true,"review_widget_bar_chart_type":"numbers","review_widget_bar_chart_style":"standard","review_widget_expanded_media_gallery_enabled":false,"review_widget_show_review_highlights":false,"review_widget_show_review_keywords_in_gray":false,"review_widget_reviews_section_theme":"standard","review_widget_image_style":"thumbnails","review_widget_review_image_ratio":"square","review_widget_stars_size":"medium","review_widget_verified_badge":"standard_text","review_widget_review_title_text_size":"medium","review_widget_review_text_size":"medium","review_widget_review_text_length":"medium","review_widget_number_of_columns_desktop":3,"review_widget_carousel_transition_speed":5,"review_widget_custom_questions_answers_display":"always","review_widget_card_section_size":"small","review_widget_button_text_color":"#FFFFFF","review_widget_text_color":"#000000","review_widget_lighter_text_color":"#7B7B7B","review_widget_corner_styling":"soft","review_widget_review_word_singular":"レビュー","review_widget_review_word_plural"
1156:"レビュー","review_widget_voting_label":"役立つ?","review_widget_shop_reply_label":"{{ shop_name }}からの返信:","review_widget_filters_title":"フィルター","review_widget_filter_rating_title":"評価","review_widget_filter_keyword_title":"キーワード","review_widget_clear_filters_text":"フィルターをクリア","review_widget_expand_more_text":"もっと見る","review_widget_review_highlights_title":"レビューハイライト","qna_widget_question_word_singular":"質問","qna_widget_question_word_plural":"質問","qna_widget_answer_reply_label":"{{ answerer_name }}からの返信:","qna_content_screen_title_text":"この商品について質問","qna_widget_question_required_field_error_text":"質問を入力してください。","qna_widget_flow_gdpr_statement":"必要な場合にのみ、あなたの質問についてご連絡いたします。質問を送信することで、当社の\u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003e利用規約\u003c/a\u003eおよび\u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eプライバシーポリシー\u003c/a\u003eに同意したものとみなされます。","qna_widget_question_submitted_text":"質問ありがとうございます!","qna_widget_close_form_text_question":"閉じる","qna_widget_question_submit_success_text":"あなたの質問に回答が届いたら、あなたにメールでお知らせします。","all_reviews_widget_v2025_enabled":false,"all_reviews_widget_v2025_header_theme":"default","all_reviews_widget_v2025_widget_title_enabled":true,"all_reviews_widget_v2025_header_text_size":"medium","all_reviews_widget_v2025_header_text_weight":"regular","all_reviews_widget_v2025_average_rating_style":"compact","all_reviews_widget_v2025_bar_chart_enabled":true,"all_reviews_widget_v2025_bar_chart_type":"numbers","all_reviews_widget_v2025_bar_chart_style":"standard","all_reviews_widget_v2025_expanded_media_gallery_enabled":false,"all_reviews_widget_v2025_show_store_medals":true,"all_reviews_widget_v2025_show_photo_gallery":true,"all_reviews_widget_v2025_show_review_keywords":false,"all_reviews_widget_v2025_show_ai_summary":false,"all_reviews_widget_v2025_show_ai_summary_bg":false,"all_reviews_widget_v2025_show_review_highlights":false,"all_reviews_widget_v2025_show_review_keywords_in_gray":false,"all_reviews_widget_v2025_add_search_bar":false,"all_reviews_widget_v2025_default_sort_method":"most-recent","all_reviews_widget_v2025_reviews_per_page":10,"all_reviews_widget_v2025_reviews_section_theme":"default","all_reviews_widget_v2025_image_style":"thumbnails","all_reviews_widget_v2025_review_image_ratio":"square","all_reviews_widget_v2025_stars_size":"medium","all_reviews_widget_v2025_verified_badge":"standard_text","all_reviews_widget_v2025_review_title_text_size":"medium","all_reviews_widget_v2025_review_text_size":"medium","all_reviews_widget_v2025_review_text_length":"medium","all_reviews_widget_v2025_number_of_columns_desktop":3,"all_reviews_widget_v2025_carousel_transition_speed":5,"all_reviews_widget_v2025_custom_questions_answers_display":"always","all_reviews_widget_v2025_review_dates":false,"all_reviews_widget_v2025_card_section_size":"small","all_reviews_widget_v2025_show_product_variant":false,"all_reviews_widget_v2025_show_reviewer_avatar":true,"all_reviews_widget_v2025_reviewer_name_as_initial":"","all_reviews_widget_v2025_review_location_show":false,"all_reviews_widget_v2025_location_format":"","all_reviews_widget_v2025_show_country_flag":false,"all_reviews_widget_v2025_widget_thumb":false,"all_reviews_widget_v2025_verified_by_shop_badge_style":"light","all_reviews_widget_v2025_social_share":false,"all_reviews_widget_v2025_social_share_options_order":"Facebook,Twitter,LinkedIn,Pinterest","all_reviews_widget_v2025_pagination_type":"standard","all_reviews_widget_v2025_button_text_color":"#FFFFFF","all_reviews_widget_v2025_text_color":"#000000","all_reviews_widget_v2025_lighter_text_color":"#7B7B7B","all_reviews_widget_v2025_corner_styling":"soft","all_reviews_widget_v2025_title":"カスタマーレビュー","all_reviews_widget_v2025_ai_summary_title":"お客様がこのストアについて言っていること","all_reviews_widget_v2025_
1156no_review_text":"最初のレビューを書きましょう","all_reviews_widget_v2025_review_highlights_title":"レビューハイライト","reviews_grid_widget_show_sample_reviews":false,"reviews_grid_widget_review_selection":"all","reviews_grid_widget_select_products":[],"reviews_grid_widget_show_media_only":false,"reviews_grid_widget_display_order":"media_first","reviews_grid_widget_card_grouping":"per_media","reviews_grid_widget_columns_desktop":3,"reviews_grid_widget_rows_desktop":3,"reviews_grid_widget_columns_mobile":2,"reviews_grid_widget_rows_mobile":6,"reviews_grid_widget_show_stars":true,"reviews_grid_widget_show_reviewer_name":true,"reviews_grid_widget_show_review_title_on_hover_desktop":true,"reviews_grid_widget_corner_styling":"soft","reviews_grid_widget_card_spacing":"medium","reviews_grid_widget_header_text_color":"#000000","reviews_grid_widget_star_and_reviewer_name_color":"#F9F9F9","reviews_grid_widget_overlay_and_background_color":"#000000","reviews_grid_widget_content_color":"#F9F9F9","reviews_grid_widget_header_text":"お客様から","reviews_grid_widget_show_average_rating":true,"trust_badge_enabled":false,"trust_badge_structure":"outline","trust_badge_color":"black","trust_badge_star":"black","trust_badge_rating_display_default":"show_avg_text","platform":"shopify","branding_url":"https://app.judge.me/reviews/stores/hippopotamus.co.jp","branding_text":"Powered by Judge.me","locale":"en","reply_name":"Hippopotamus-official","shop_currency":"JPY","widget_version":"2.1","footer":true,"autopublish":true,"review_dates":true,"enable_custom_form":true,"shop_use_review_site":true,"shop_locale":"ja","enable_multi_locales_translations":true,"show_review_title_input":true,"autofill_review_title":true,"review_verification_email_status":"never","require_verification_before_submit":false,"sign_in_with_shop_enabled":false,"customer_account_validation_enabled":true,"most_relevant_sort_enabled":true,"coupon_promo_invited_eligible":true,"coupon_promo_web_eligible":false,"uses_coupon_integration":false,"uses_external_coupon":false,"can_be_branded":true,"rtl_stars_enabled_ar":true,"rtl_stars_enabled_he":true,"reply_name_text":"Hi
1156ppopotamus-official"};</script>
1156 <style class='jdgm-settings-style'>.jdgm-xx{left:0}:not(.jdgm-prev-badge__stars)>.jdgm-star{color:#fbcd0a}.jdgm-histogram .jdgm-star.jdgm-star{color:#fbcd0a}.jdgm-preview-badge .jdgm-star.jdgm-star{color:#fbcd0a}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-widget.jdgm-all-reviews-widget,.jdgm-widget .jdgm-rev-widg{border:none;padding:0}.jdgm-author-fullname{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-author-last-initial{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__replier:before{content:'Hippopotamus-official'}.jdgm-rev__prod-link-prefix:before{content:'について'}.jdgm-rev__variant-label:before{content:'バリエーション: '}.jdgm-rev__out-of-store-text:before{content:'(ストア外)'}.jdgm-preview-badge[data-template="collection"]{display:none !important}.jdgm-preview-badge[data-template="index"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_via_store_invitation"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_another_provider"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_store_visitor"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_earned_for_future_purchase"]{display:none !important}
1157</style> <style class='jdgm-settings-style'></style>
1158
1159  
1160  
1161  
1162  <style class='jdgm-miracle-styles'>
1163  @-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/I
1163azfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-prev-badge{display:block !important}
1164
1165</style>
1166
1167
1168  
1169  
1170   
1171
1172
1173
1174
1175<script data-cfasync='false' class='jdgm-script'>
1176!function(e){window.jdgm=window.jdgm||{};
1177/* INF-1976 */
1178var _jdgmBlocked=function(){var raw=(window.jdgmSettings||{}).hostname_allowlist;var list=(raw==null?"":""+raw).split(/[\s,]+/).map(function(h){return h.trim().toLowerCase().replace(/\.$/,"");}).filter(function(h){return h;});if(!list.length)return false;var host=(e.location.hostname||"").toLowerCase().replace(/\.$/,"");if(/(^|\.)shopifypreview\.com$/.test(host))return false;var bare=host.replace(/^www\./,"");for(var i=0;i<list.length;i++){var en=list[i];if(en.indexOf("*.")===0){var b=en.slice(2);if(host===b||host.slice(-(b.length+1))==="."+b)return false;}else if(bare===en.replace(/^www\./,""))return false;}return true;}();
1179if(_jdgmBlocked){jdgm._loaderExecuted=true;jdgm._blocked=true;var _jdgmS=e.createElement("style");_jdgmS.textContent='[class^="jdgm-"],[class*=" jdgm-"]{display:none !important}';(e.head||e.documentElement).appendChild(_jdgmS);return;}
1180jdgm.CDN_HOST="https://cdnwidget.judge.me/",jdgm.CDN_HOST_ALT="https://cdn2.judge.me/cdn/widget_frontend/",jdgm.API_HOST="https://api.judge.me/",jdgm.CDN_BASE_URL="https://cdn.shopify.com/extensions/01a0fd03-c455-7b82-9766-74101e55572c/judgeme-771/assets/",jdgm.CDN_API_HOST="https://cdn.judge.me/",
1181jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)?
1182setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){
1183!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d),
1184(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!",
1185a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))},
1186jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest;
1187t.onreadystatechange=function(){4===t.readyState&&t.status>=200&&t.status<300&&(Function(t.response)(),d&&d(t.response))},
1188t.open("GET",e),t.onerror=function(){if(e.indexOf(jdgm.CDN_HOST)===0&&jdgm.CDN_HOST_ALT!==jdgm.CDN_HOST){var f=e.replace(jdgm.CDN_HOST,jdgm.CDN_HOST_ALT);jdgm.loadJS(f,d)}},t.send()},jdgm.docReady((function(){(window.jdgmLoadCSS||e.querySelectorAll(
1189".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting?
1190parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_v3_base.css"):
1191jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_base.css"):jdgm.loadCSS(jdgm.CDN_BASE_URL+"shopify_v2.css")
1192)}))}(document);
1193</script>
1193
1194<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.shopify.com/extensions/01a0fd03-c455-7b82-9766-74101e55572c/judgeme-771/assets/shopify_v2.css"></noscript>
1195
1196<!-- BEGIN app snippet: theme_fix_tags -->
1196<script>
1197  (function() {
1198    var jdgmThemeFixes = null;
1199    if (!jdgmThemeFixes) return;
1200
1201    // "All themes" fix: CSS and JS applied on every theme. CSS is injected
1202    // before the per-theme fix so the theme-specific CSS wins the cascade.
1203    // HTML is never applied globally (too risky).
1204    var allThemesFix = jdgmThemeFixes['all'];
1205    if (allThemesFix && allThemesFix.css) {
1206      var allStyleTag = document.createElement('style');
1207      allStyleTag.classList.add('jdgm-theme-fix-style-all');
1208      allStyleTag.innerHTML = allThemesFix.css;
1209      document.head.append(allStyleTag);
1210    };
1211
1212    if (allThemesFix && allThemesFix.js) {
1213      var allScriptTag = document.createElement('script');
1214      allScriptTag.classList.add('jdgm-theme-fix-script-all');
1215      allScriptTag.innerHTML = allThemesFix.js;
1216      document.head.append(allScriptTag);
1217    };
1218
1219    var thisThemeFix = jdgmThemeFixes[Shopify.theme.id];
1220    if (!thisThemeFix) return;
1221
1222    if (thisThemeFix.html) {
1223      document.addEventListener("DOMContentLoaded", function() {
1224        var htmlDiv = document.createElement('div');
1225        htmlDiv.classList.add('jdgm-theme-fix-html');
1226        htmlDiv.innerHTML = thisThemeFix.html;
1227        document.body.append(htmlDiv);
1228      });
1229    };
1230
1231    if (thisThemeFix.css) {
1232      var styleTag = document.createElement('style');
1233      styleTag.classList.add('jdgm-theme-fix-style');
1234      styleTag.innerHTML = thisThemeFix.css;
1235      document.head.append(styleTag);
1236    };
1237
1238    if (thisThemeFix.js) {
1239      var scriptTag = document.createElement('script');
1240      scriptTag.classList.add('jdgm-theme-fix-script');
1241      scriptTag.innerHTML = thisThemeFix.js;
1242      document.head.append(scriptTag);
1243    };
1244  })();
1245</script>
1245
1246<!-- END app snippet -->
1247<!-- End of Judge.me Core -->
1248
1249
1250
1251<!-- END app block --><!-- BEGIN app block: shopify://apps/timesact-pre-order/blocks/app-embed/bf6c109b-79b5-457c-8752-0e5e9e9676e7 -->
1252<!-- END app block -->
1252<script src="https://cdn.shopify.com/extensions/01a0fd03-c455-7b82-9766-74101e55572c/judgeme-771/assets/loader.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1252
1252
1253<script src="https://cdn.shopify.com/extensions/01a0f2bc-d487-717e-ad93-a683f5f90d60/timesact-44/assets/timesact.js" type="text/javascript" defer="defer"></script>
1253
1254<link href="https://cdn.shopify.com/extensions/01a0f2bc-d487-717e-ad93-a683f5f90d60/timesact-44/assets/timesact.css" rel="stylesheet" type="text/css" media="all">
1255<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1256<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: 6594166902,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};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>
vendor: 1 bytes, line 1256
1256
1257<script>
1258  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1259</script>
vendor: 1 bytes, line 1259
1259
1260<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
1260).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 6594166902,storefrontBaseUrl: "https://hippopotamus.co.jp",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://hippopotamus.co.jp/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"1769799878","configuration":"{\"mailchimp_store_id\":\"store_4a8zsx4zk1t1x7p8su54\", \"mailchimp_user_id\":\"105929066\",\"mailchimp_list_id\":\"4fd138a72f\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"e357a49eadeb6216a959d63fa3fb8f55","type":"APP","apiClientId":2585307,"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"]}
1260,{"id":"1316880582","configuration":"{\"projectId\":\"teln1le1zv\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d8a2bb2ccbb513dc8e8b6937f4b8033e","type":"APP","apiClientId":240074326017,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"885817542","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8acc938b1a30dc7624e304493ca567d7","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"738853062","configuration":"{\"partnerId\": \"88775\", \"environment\": \"prod\", \"countryCode\": \"JP\", \"logLevel\": \"none\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"e39367b785b1d63117e387ccb6b0db54","type":"APP","apiClientId":5829751,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data"],"dataSharingControls":[]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"521240774","configuration":"{\"shop\":\"hippopotamus-official.myshopify.com\",\"enabled\":\"true\",\"hmacKey\":\"789d56b6b4b1bb854f76277f15da9a89\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"31a69f41668c44449df3b9a63a7e5cc9","type":"APP","apiClientId":4653451,"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"},{"id":"406651078","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-L3K2QPNYT7\\\",\\\"AW-1021716008\\\",\\\"GT-KVN7XVP\\\"],\\\"target_country\\\":\\\"JP\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-L3K2QPNYT7\\\",\\\"AW-1021716008\\\/Cr3ECJzC7toBEKjMmOcD\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-L3K2QPNYT7\\\",\\\"AW-1021716008\\\/RvHqCJ_C7toBEKjMmOcD\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-L3K2QPNYT7\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-L3K2QPNYT7\\\",\\\"AW-1021716008\\\/78BOCJbC7toBEKjMmOcD\\\",\\\"MC-6R64R5KQS5\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-L3K2QPNYT7\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-L3K2QPNYT7\\\",\\\"AW-1021716008\\\/kLcSCJPC7toBEKjMmOcD\\\",\\\"MC-6R64R5KQS5\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-L3K2QPNYT7\\\",\\\"AW-1021716008\\\/8HWsCJDC7toBEKjMmOcD\\\",\\\"MC-6R64R5KQS5\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-L3K2QPNYT7\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-L3K2QPNYT7\\\",\\\"AW-1021716008\\\/NOglCKLC7toBEKjMmOcD\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-L3K2QPNYT7\\\",\\\"AW-1021716008\\\/EoYhCJnC7toBEKjMmOcD\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-L3K2QPNYT7\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","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":"152535238","configuration":"{\"pixel_id\":\"481487963009912\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","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":"65339590","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"6","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Appier-checkout-only-pixel"},{"id":"99483846","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"6","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"vccv_itag_shopify_custom_pixel"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Hippopotamus-official","paymentSettings":{"currencyCode":"JPY"},"myshopifyDomain":"hippopotamus-official.myshopify.com","countryCode":"JP","storefrontUrl":"https:\/\/hippopotamus.c
1260o.jp"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":2420.0,"currencyCode":"JPY"},"product":{"title":"ギフト – チーフベア×1(パッケージ)","vendor":"hippopotamus","id":"8529620271302","untranslatedTitle":"ギフト – チーフベア×1(パッケージ)","url":"\/products\/set-cb1-box","type":"GIFT"},"id":"44682557227206","image":{"src":"\/\/hippopotamus.co.jp\/cdn\/shop\/files\/set-cb1-box.jpg?v=1749556347"},"sku":"set-cb1-box","title":"Default Title","untranslatedTitle":"Default Title"}],"products":[{"id":"8529620271302","handle":"set-cb1-box","isCollective":null,"title":"ギフト – チーフベア×1(パッケージ)","type":"GIFT","untranslatedTitle":"ギフト – チーフベア×1(パッケージ)","url":"\/products\/set-cb1-box","vendor":"hippopotamus","remoteShopId":null,"variants":[{"id":"44682557227206","image":{"src":"\/\/hippopotamus.co.jp\/cdn\/shop\/files\/set-cb1-box.jpg?v=1749556347"},"price":{"amount":2420.0,"currencyCode":"JPY"},"sku":"set-cb1-box","title":"Default Title","untranslatedTitle":"Default Title"}]}],"purchasingCompany":null},},"https://hippopotamus.co.jp/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"149591359686","themeStoreId":"2048","themePublished":"true","eventMetadataId":"c977ed77-084e-4ced-a9fb-b7848d0268bd","pageType":"product","resourceId":"8529620271302","shopId":"6594166902","storefrontBaseUrl":"https:\/\/hippopotamus.co.jp","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":2420.0,\"currencyCode\":\"JPY\"},\"product\":{\"title\":\"ギフト – チーフベア×1(パッケージ)\",\"vendor\":\"hippopotamus\",\"id\":\"8529620271302\",\"untranslatedTitle\":\"ギフト – チーフベア×1(パッケージ)\",\"url\":\"\/products\/set-cb1-box\",\"type\":\"GIFT\"},\"id\":\"44682557227206\",\"image\":{\"src\":\"\/\/hippopotamus.co.jp\/cdn\/shop\/files\/set-cb1-box.jpg?v=1749556347\"},\"sku\":\"set-cb1-box\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}}]]"});})();</script>
1260<script>
1261  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1262  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1263  window.ShopifyAnalytics.meta.currency = 'JPY';
1264  var meta = {"product":{"id":8529620271302,"gid":"gid:\/\/shopify\/Product\/8529620271302","vendor":"hippopotamus","type":"GIFT","handle":"set-cb1-box","variants":[{"id":44682557227206,"price":242000,"name":"ギフト – チーフベア×1(パッケージ)","public_title":null,"sku":"set-cb1-box"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":8529620271302,"requestId":"86fe8711-a8c1-4071-823f-40a2b645d87f-1791120755"}};
1265  for (var attr in meta) {
1266    window.ShopifyAnalytics.meta[attr] = meta[attr];
1267  }
1268</script>
vendor: 1 bytes, line 1268
1268
1269<script class="analytics">
1270  (function () {
1271    var customDocumentWrite = function(content) {
1272      var jquery = null;
1273
1274      if (window.jQuery) {
1275        jquery = window.jQuery;
1276      } else if (window.Checkout && window.Checkout.$) {
1277        jquery = window.Checkout.$;
1278      }
1279
1280      if (jquery) {
1281        jquery('body').append(content);
1282      }
1283    };
1284
1285    var hasLoggedConversion = function(token) {
1286      if (token) {
1287        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1288      }
1289      return false;
1290    }
1291
1292    var setCookieIfConversion = function(token) {
1293      if (token) {
1294        var twoMonthsFromNow = new Date(Date.now());
1295        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1296
1297        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1298      }
1299    }
1300
1301    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1302    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1303    if (trekkie.integrations) {
1304      return;
1305    }
1306    trekkie.methods = [
1307      'identify',
1308      'page',
1309      'ready',
1310      'track',
1311      'trackForm',
1312      'trackLink'
1313    ];
1314    trekkie.factory = function(method) {
1315      return function() {
1316        var args = Array.prototype.slice.call(arguments);
1317        args.unshift(method);
1318        trekkie.push(args);
1319        if (method == 'track' || method == 'page') {
1320          var pageUrl;
1321          try {
1322            pageUrl = window.location.href;
1323          } catch (e) {}
1324          var pageReferrer;
1325          try {
1326            pageReferrer = document.referrer;
1327          } catch (e) {}
1328          try {
1329            if (window.__TREKKIE_SHIM_QUEUE == null) {
1330              window.__TREKKIE_SHIM_QUEUE = [];
1331            }
1332            window.__TREKKIE_SHIM_QUEUE.push({
1333              from: 'trekkie-stub',
1334              method: method,
1335              args: args.slice(1),
1336              pageContext: {
1337                url: pageUrl,
1338                referrer: pageReferrer
1339              }
1340            });
1341          } catch (e) {
1342            // no-op
1343          }
1344        }
1345        return trekkie;
1346      };
1347    };
1348    for (var i = 0; i < trekkie.methods.length; i++) {
1349      var key = trekkie.methods[i];
1350      trekkie[key] = trekkie.factory(key);
1351    }
1352    trekkie.load = function(config) {
1353      trekkie.config = config || {};
1354      trekkie.config.initialDocumentCookie = document.cookie;
1355      var first = document.getElementsByTagName('script')[0];
1356var script = document.createElement('script');
1357script.type = 'text/javascript';
1358script.onerror = function(e) {
1359  var scriptFallback = document.createElement('script');
1360  scriptFallback.type = 'text/javascript';
1361  scriptFallback.onerror = function(error) {
1362          var Monorail = {
1363      produce: function produce(monorailDomain, schemaId, payload) {
1364        var currentMs = new Date().getTime();
1365        var event = {
1366          schema_id: schemaId,
1367          payload: payload,
1368          metadata: {
1369            event_created_at_ms: currentMs,
1370            event_sent_at_ms: currentMs
1371          }
1372        };
1373        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1374      },
1375      sendRequest: function sendRequest(endpointUrl, payload) {
1376        // Try the sendBeacon API
1377        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1378          var blobData = new window.Blob([payload], {
1379            type: 'text/plain'
1380          });
1381
1382          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1383            return true;
1384          } // sendBeacon was not successful
1385
1386        } // XHR beacon
1387
1388        var xhr = new XMLHttpRequest();
1389
1390        try {
1391          xhr.open('POST', endpointUrl);
1392          xhr.setRequestHeader('Content-Type', 'text/plain');
1393          xhr.send(payload);
1394        } catch (e) {
1395          console.log(e);
1396        }
1397
1398        return false;
1399      },
1400      isIos12: function isIos12() {
1401        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1402      }
1403    };
1404    Monorail.produce('monorail-edge.shopifysvc.com',
1405      'trekkie_storefront_load_errors/1.1',
1406      {shop_id: 6594166902,
1407      theme_id: 149591359686,
1408      app_name: "storefront",
1409      context_url: window.location.href,
1410      source_url: "//hippopotamus.co.jp/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
1411
1412  };
1413  scriptFallback.async = true;
1414  scriptFallback.src = '//hippopotamus.co.jp/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1415  first.parentNode.insertBefore(scriptFallback, first);
1416};
1417script.async = true;
1418script.src = '//hippopotamus.co.jp/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1419first.parentNode.insertBefore(script, first);
1420
1421    };
1422    trekkie.load(
1423      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":6594166902,"isMerchantRequest":null,"themeId":149591359686,"themeCityHash":"14649333491024863216","contentLanguage":"ja","currency":"JPY","eventMetadataId":"c977ed77-084e-4ced-a9fb-b7848d0268bd"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1424    );
1425
1426    var loaded = false;
1427    trekkie.ready(function() {
1428      if (loaded) return;
1429      loaded = true;
1430
1431      window.ShopifyAnalytics.lib = window.trekkie;
1432
1433      var originalDocumentWrite = document.write;
1434      document.write = customDocumentWrite;
1435      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1436      document.write = originalDocumentWrite;
1437
1438      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1439      var token = match? match[1]: undefined;
1440      if (!hasLoggedConversion(token)) {
1441        setCookieIfConversion(token);
1442        window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"JPY","variantId":44682557227206,"productId":8529620271302,"productGid":"gid:\/\/shopify\/Product\/8529620271302","name":"ギフト – チーフベア×1(パッケージ)","price":"2420","sku":"set-cb1-box","brand":"hippopotamus","variant":null,"category":"GIFT","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true});
1443      }
1444    });
1445
1446    window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":8529620271302,"requestId":"86fe8711-a8c1-4071-823f-40a2b645d87f-1791120755","shopifyEmitted":true});
1447
1448    var eventsListenerScript = document.createElement('script');
1449    eventsListenerScript.async = true;
1450    eventsListenerScript.src = "//hippopotamus.co.jp/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1451    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1452})();</script>
1452
1453  
1453<script>
1454  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
1455    window.ga = function ga() {
1456      (window.ga.q = window.ga.q || []).push(arguments);
1457      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1458        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
1459      }
1460      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.");
1461    };
1462    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1463      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
1464    }
1465  }
1466</script>
vendor: 1 bytes, line 1466
1466
1467<script
1468  defer
1469  src="https://hippopotamus.co.jp/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1470  data-application="storefront-renderer"
1471  data-shop-id="6594166902"
1472  data-render-region="gcp-us-central1"
1473  data-page-type="product"
1474  data-theme-instance-id="149591359686"
1475  data-theme-name="Eurus"
1476  data-theme-version="9.9.0"
1477  data-monorail-region="shop_domain"
1478  data-resource-timing-sampling-rate="10"
1479  data-shs="true"
1480  data-shs-beacon="true"
1481  data-shs-export-with-fetch="true"
1482  data-shs-logs-sample-rate="1"
1483  data-shs-beacon-endpoint="https://hippopotamus.co.jp/api/collect"
1484></script>
vendor: 1 bytes, line 1484
1484
1485<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
1485<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"6594166902","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":"または"},{"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_without_name","value":"マイページ"},{"key":"account_menu.location_picker.sheet_title","value":"ロケーション"},{"key":"account_menu.location_picker.search_field_placeholder","value":"検索"},{"key":"account_menu.aria_labels.account","value":"マイページ"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":true,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":true},"visitor":{"country":"JP","language":"ja"}}</script>
1485
1486<meta name="shopify-y" content="75ff71ef-24e1-485f-893e-38940045069e" data-expiration="1822678355000"><meta name="shopify-s" content="46f4c345-0bca-4596-861b-0441fdfe1274" data-expiration="1791122555000"><meta name="new-cookie-storage-activated" content="t">
1487</head>
1488  <body 
1489    class="gradient scrollbar-body overflow-x-hidden body-text-base-size" 
1490    x-data
1491    :class="($store.xPopup.open || $store.xPopup.openVideoShopping) && 'overflow-hidden padding-scrollbar'" 
1492    
1493    x-on:mouseover="if ($store.xInit.runDispatch) { $dispatch('init-run'); $store.xInit.runDispatch = false; }; $store.xPopup.setWidthScrollbar();"
1494    x-on:touchstart="if ($store.xInit.runDispatch) { $dispatch('init-run'); $store.xInit.runDispatch = false;}"
1495  ><div class="main-container flex flex-col min-h-screen relative">
1496      <a class="skip-to-content absolute -z-10 button button-solid hidden lg:block pt-2.5 pb-2.5 pl-6 pr-6 lg:pt-3 lg:pb-3 mt-0.5 ml-0.5 leading-normal justify-center cursor-pointer focus-visible:z-60" href="#MainContent">
1497        コンテンツへスキップ
1498      </a>
1499      
1500      
1501          <!-- BEGIN sections: header-group-puff -->
1502<div id="shopify-section-sections--20069737627846__announcement-bar" class="shopify-section shopify-section-group-header-group-puff section-announcement"><style data-shopify>
1503  @media (min-width: 1024px) {
1504    .announcement-bar-toolbar #localization_form button {
1505      padding-bottom: 0.375rem;
1506      padding-top: 0.375rem;
1507    }
1508    .announcement-bar-toolbar #localization_form ul{
1509      z-index: 100;
1510    }
1511  }
1512  .announcement-bar-toolbar #localization_form > .localization-form-child {
1513    width: -moz-max-content;
1514    width: max-content;
1515  }
1516  .announcement-bar-toolbar .social-list a {
1517    height: 1.5rem;
1518    padding-top: 0.125rem;
1519    padding-right: 0.375rem;
1520    padding-left: 0.375rem;
1521    padding-bottom: 0.125rem;
1522    width: 30px;
1523  }
1524  .announcement-bar-toolbar.toolbar-align-left #selector-social {
1525    flex-direction:row-reverse
1526  }
1527  @media (min-width: 1024px) {
1528    .announcement-bar-right .menu-position-left, 
1529    .announcement-bar-left .menu-position-left {
1530      padding-left: 1.25rem
1531    }
1532    .announcement-bar-right .menu-position-right, 
1533    .announcement-bar-left .menu-position-right {
1534      padding-right: 1.25rem
1535    }
1536  }
1537  .announcement-bar-toolbar .social-list {
1538    max-width: 200px;
1539  }
1540  @media (max-width: 767px) {
1541    .announcement-bar-toolbar .social-list{
1542      max-width: unset;
1543    }
1544  }
1545</style>
1546<style data-shopify>#shopify-section-sections--20069737627846__announcement-bar {
1547    contain: style layout;
1548  }
1549  #x-announcement-bar .arrow {
1550    background: transparent;
1551    border: 0;
1552    box-shadow: none;
1553    color: #031b53;
1554  }
1555  .dark #x-announcement-bar .arrow {
1556    color: #ffffff;
1557  }
1558  .announcement-bar_container-sections--20069737627846__announcement-bar {
1559    
1560      background: #f4f2e9;
1561    
1562    
1563      --colors-text-link: 255,255,255;
1564    
1565  }
1566  .dark .announcement-bar_container-sections--20069737627846__announcement-bar {
1567    
1568      background: #606b50;
1569    
1570--colors-text-link: 255,255,255;
1571    
1572  }
1573  .announcement-bar_text {
1574    
1575      color: #031b53;
1576      --colors-line-and-border: 3,27,83;
1577    
1578  }
1579  .dark .announcement-bar_text {
1580    
1581      color: #ffffff;
1582      --colors-line-and-border: 255,255,255;
1583    
1584  }
1585  
1586</style><div 
1587    id="x-announcement" 
1588    class="announcement-bar_container-sections--20069737627846__announcement-bar ltr mr-auto ml-auto flex items-center has-toolbar lg:pr-5 rtl:lg:pr-0 rtl:lg:pl-5 rtl:announcement-bar-right announcement-bar-left flex-r rtl:flex-row-reverse"
1589    
1590  >
1591        
1592          <div id="x-slide-announcement-bar" class="disable-effect-hover grow flex-1 x-splide splide cursor-grab lg:pl-12 lg:pr-12 overflow-hidden visible relative"x-intersect.once='$store.xSplide.load($el, {
1593                "type": "loop",
1594                "speed": 1000,
1595                "pagination": false,
1596                "interval": 4000,
1597"autoplay": true,
1598                "classes": {
1599                  "arrows" : "block hidden"
1600                }
1601              })'>
1602            <div class="splide__track x-pgw page-width mr-auto ml-auto pl-0 pr-0">
1603              <div class="splide__list w-full flex "><style data-shopify>.text--announcement_DyUh4T .width-countdown {
1604                    width: 7.0875rem;
1605                  }.text--announcement_DyUh4T,
1606                    .btn--announcement_DyUh4T {
1607                      font-size: 0.70875rem;
1608                    }
1609                    @media (min-width: 768px) {
1610                      .text--announcement_DyUh4T,
1611                      .btn--announcement_DyUh4T {
1612                        font-size: 0.7875rem;
1613                      }
1614                    }.icon--announcement_DyUh4T {
1615                    width: 0.7875rem;
1616                    height: 0.7875rem;
1617                  }
1618                  .button.text_button_announ--announcement_DyUh4T {
1619                    
1620                      color: rgb(var(--colors-button-text-hover));
1621                    
1622                    
1623                      background: var(--colors-button-hover);
1624                    
1625                  }
1626                  .dark .button.text_button_announ--announcement_DyUh4T {
1627                    
1628                      color: rgb(var(--colors-button-text-hover));
1629                    
1630                    
1631                      background: var(--colors-button-hover);
1632                    
1633                  } 
1634                  @media(min-width: 768px){
1635                    .button.text_button_announ--announcement_DyUh4T {
1636                      
1637                        color: rgba(var(--colors-button-text-hover));
1638                      
1639                      
1640                        background: rgba(var(--colors-button));
1641                      
1642                    }
1643                    .dark .button.text_button_announ--announcement_DyUh4T {
1644                      
1645                        color: rgba(var(--colors-button-text-hover));
1646                      
1647                      
1648                        background: rgba(var(--colors-button));
1649                      
1650                    } 
1651                  }
1652                  .text-link-with-arrow--announcement_DyUh4T {
1653                    
1654                      color: rgb(var(--colors-text-link));
1655                    
1656                  }
1657                  .dark .text-link-with-arrow--announcement_DyUh4T {
1658                    
1659                      color: rgb(var(--colors-text-link));
1660                    
1661                  }
1662                  .hyperlink-circle-color--announcement_DyUh4T {
1663                    
1664                      background-color: rgba(var(--colors-text-link));
1665                    
1666                  }
1667                  .dark .hyperlink-circle-color--announcement_DyUh4T {
1668                    
1669                      background-color: rgba(var(--colors-button-text-hover));
1670                    
1671                  }</style><div x-slide-index="0" class="h-auto w-full flex items-center md:flex justify-center splide__slide x-splide-slide gradient text-center pt-3 pb-3 pl-5 pr-5 lg:pr-5 lg:pl-5" ><div
1672                      
1673                      class="flex items-center flex-wrap justify-center gap-x-3 gap-y-2 ltr">
1674                      
1675                      <div class="text--announcement_DyUh4T announcement-bar_text flex rtl:order-1">
1676<p class="x-announcement-bar-block-data leading-[initial]">¥11,000以上ご購入で送料無料</p></div></div></div><style data-shopify>.text--announcement-bar-0 .width-countdown {
1677                    width: 7.0875rem;
1678                  }.text--announcement-bar-0,
1679                    .btn--announcement-bar-0 {
1680                      font-size: 0.70875rem;
1681                    }
1682                    @media (min-width: 768px) {
1683                      .text--announcement-bar-0,
1684                      .btn--announcement-bar-0 {
1685                        font-size: 0.7875rem;
1686                      }
1687                    }.icon--announcement-bar-0 {
1688                    width: 0.7875rem;
1689                    height: 0.7875rem;
1690                  }
1691                  .button.text_button_announ--announcement-bar-0 {
1692                    
1693                      color: #ffffff;
1694                    
1695                    
1696                      background: #ce021e;
1697                    
1698                  }
1699                  .dark .button.text_button_announ--announcement-bar-0 {
1700                    
1701                      color: #242424;
1702                    
1703                    
1704                      background: #ce021e;
1705                    
1706                  } 
1707                  @media(min-width: 768px){
1708                    .button.text_button_announ--announcement-bar-0 {
1709                      
1710                        color: #ffffff;
1711                      
1712                      
1713                        background: #ce021e;
1714                      
1715                    }
1716                    .dark .button.text_button_announ--announcement-bar-0 {
1717                      
1718                        color: #242424;
1719                      
1720                      
1721                        background: #ce021e;
1722                      
1723                    } 
1724                  }
1725                  .text-link-with-arrow--announcement-bar-0 {
1726                    
1727                      color: #ce021e;
1728                    
1729                  }
1730                  .dark .text-link-with-arrow--announcement-bar-0 {
1731                    
1732                      color: #ce021e;
1733                    
1734                  }
1735                  .hyperlink-circle-color--announcement-bar-0 {
1736                    
1737                      background-color: #ce021e;
1738                    
1739                  }
1740                  .dark .hyperlink-circle-color--announcement-bar-0 {
1741                    
1742                      background-color: #ce021e;
1743                    
1744                  }</style><div x-slide-index="1" class="h-auto w-full flex items-center md:flex justify-center splide__slide x-splide-slide gradient text-center pt-3 pb-3 pl-5 pr-5 lg:pr-5 lg:pl-5" ><div
1745                      
1746                      class="flex items-center flex-wrap justify-center gap-x-3 gap-y-2 ltr">
1747                      
1748                      <div class="text--announcement-bar-0 announcement-bar_text flex rtl:order-1">
1749<p>
1750                            <a href="/pages/newsletter" class="button-link relative hover-text-link x-announcement-bar-block-data leading-[initial]"
1751                            >ニュースレター新規登録で送料無料クーポンご進呈</a>
1752                          </p></div></div></div></div>
1753            </div></div>
1754        
1755
1756
1757<style data-shopify>.announcement-bar-toolbar #localization_form button {
1758          font-size: 0.63rem;
1759        }
1760        @media (min-width: 1025px){
1761          .announcement-bar-toolbar #localization_form button {
1762            font-size: 0.7rem; 
1763          }
1764        }
1765        .announcement-bar-toolbar .locale-options {
1766          
1767            background: #f4f2e9;
1768          
1769        }
1770        .announcement-bar-toolbar .country-options {
1771          
1772            background: #f4f2e9;
1773          
1774          
1775            left: auto;
1776            right: 0;
1777          
1778        }
1779        .dark .announcement-bar-toolbar .locale-options {
1780          
1781            background: #606b50;
1782          
1783        }
1784        .dark .announcement-bar-toolbar .country-options {
1785          
1786            background: #606b50;
1787          
1788        }</style><div class="announcement-bar_text announcement-bar-toolbar toolbar-align-right rtl:toolbar-align-left hidden relative lg:flex items-center">
1789        
1790<div id="selector-social" class=" flex lg:items-center lg:justify-end relative pt-1.5 pb-1.5 mr-auto ml-auto">
1791    
1792      <ul class="social-list flex  flex-wrap opacity-70" role="list">
1793<li>
1794      <a href="https://www.facebook.com/organic.hippopotamus/" target="blank" aria-label="Facebook" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3">
1795    <svg class="icon-animation" width="100%" height="100%" viewB
1795ox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1796      <path d="M17.6477 13.4987L18.322 9.15733H14.1091V6.34132C14.1091 5.15199 14.6971 3.99467 16.5851 3.99467H18.5V0.293323C18.5 0.293323 16.7631 0 15.0963 0C11.6278 0 9.35684 2.07999 9.35684 5.84533V9.15733H5.5V13.4987H9.35684V24H14.1037V13.4987H17.6477Z" fill="currentColor"/>
1797    </svg>
1798  
1799</a>
1800    </li><li>
1801      <a href="https://www.instagram.com/hippopotamus_japan/" target="blank" aria-label="Instagram" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3">
1802    <svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="currentColor">
1803      <path 
1804        d="M12.007 2.1622C15.2152 2.1622 15.5951 2.17628 16.8568 2.23256C18.0293 2.28415 18.6625 2.48114 19.0846 2.6453C19.6428 2.86105 20.0461 3.12371 20.4636 3.54114C20.8857 3.96326 21.1436 4.36193 21.3594 4.92007C21.5236 5.34219 21.7205 5.98007 21.7721 7.14794C21.8284 8.4143 21.8425 8.79422 21.8425 11.9977C21.8425 15.2058 21.8284 15.5857 21.7721 16.8474C21.7205 18.0199 21.5236 18.6531 21.3594 19.0752C21.1436 19.6334 20.881 20.0367 20.4636 20.4542C20.0414 20.8763 19.6428 21.1343 19.0846 21.35C18.6625 21.5142 18.0246 21.7112 16.8568 21.7628C15.5904 21.819 15.2105 21.8331 12.007 21.8331C8.79891 21.8331 8.419 21.819 7.15732 21.7628C5.98476 21.7112 5.35157 21.5142 4.92945 21.35C4.37131 21.1343 3.96795 20.8716 3.55052 20.4542C3.1284 20.0321 2.87043 19.6334 2.65468 19.0752C2.49052 18.6531 2.29353 18.0152 2.24194 16.8474C2.18566 15.581 2.17159 15.2011 2.17159 11.9977C2.17159 8.78953 2.18566 8.40961 2.24194 7.14794C2.29353 5.97538 2.49052 5.34219 2.65468 4.92007C2.87043 4.36193 3.13309 3.95857 3.55052 3.54114C3.97264 3.11901 4.37131 2.86105 4.92945 2.6453C5.35157 2.48114 5.98945 2.28415 7.15732 2.23256C8.419 2.17628 8.79891 2.1622 12.007 2.1622ZM12.007 0C8.74731 0 8.33926 0.0140707 7.05882 0.0703537C5.78308 0.126637 4.906 0.333008 4.14618 0.628493C3.35353 0.93805 2.68282 1.3461 2.01681 2.01681C1.3461 2.68282 0.93805 3.35353 0.628493 4.14149C0.333008 4.906 0.126637 5.77839 0.0703537 7.05413C0.0140707 8.33926 0 8.74731 0 12.007C0 15.2668 0.0140707 15.6748 0.0703537 16.9552C0.126637 18.231 0.333008 19.1081 0.628493 19.8679C0.93805 20.6605 1.3461 21.3312 2.01681 21.9973C2.68282 22.6633 3.35353 23.076 4.14149 23.3809C4.906 23.6764 5.77839 23.8827 7.05413 23.939C8.33457 23.9953 8.74262 24.0094 12.0023 24.0094C15.2621 24.0094 15.6701 23.9953 16.9506 23.939C18.2263 23.8827 19.1034 23.6764 19.8632 23.3809C20.6512 23.076 21.3219 22.6633 21.9879 21.9973C22.6539 21.3312 23.0666 20.6605 23.3715 19.8726C23.667 19.1081 23.8734 18.2357 23.9296 16.9599C23.9859 15.6795 24 15.2714 24 12.0117C24 8.752 23.9859 8.34395 23.9296 7.06351C23.8734 5.78777 23.667 4.91069 23.3715 4.15087C23.076 3.35353 22.668 2.68282 21.9973 2.01681C21.3313 1.35079 20.6605 0.93805 19.8726 0.633183C19.1081 0.337698 18.2357 0.131327 16.9599 0.075044C15.6748 0.0140707 15.2668 0 12.007 0Z
1805          M12.007 5.83936C8.60191 5.83936 5.83936 8.60191 5.83936 12.007C5.83936 15.4122 8.60191 18.1747 12.007 18.1747C15.4122 18.1747 18.1747 15.4122 18.1747 12.007C18.1747 8.60191 15.4122 5.83936 12.007 5.83936ZM12.007 16.0078C9.79792 16.0078 8.00625 14.2161 8.00625 12.007C8.00625 9.79792 9.79792 8.00625 12.007 8.00625C14.2161 8.00625 16.0078 9.79792 16.0078 12.007C16.0078 14.2161 14.2161 16.0078 12.007 16.0078Z
1806          M19.8586 5.59543C19.8586 6.39277 19.2113 7.03533 18.4187 7.03533C17.6213 7.03533 16.9788 6.38808 16.9788 5.59543C16.9788 4.79808 17.626 4.15552 18.4187 4.15552C19.2113 4.15552 19.8586 4.80277 19.8586 5.59543Z"
1807        />
1808    </svg>
1809  
1810</a>
1811    </li><li>
1812      <a href="https://lin.ee/lfG3q6eF" target="blank" aria-label="LINE" class="flex disable-effect hover-text-link  w-11 h-11 pt-3 pr-3 pb-3 pl-3">
1813    <svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1814      <path d="M12 0.5C18.6274 0.5 24 4.8641 24 10.2476C24 12.4682 23.0858 14.5155 21.5464 16.1545C18.9546 18.979 11.6061 23.9621 10.9693 23.4655C10.2821 22.9297 11.3275 22.1762 11.2365 20.4417C11.2175 20.0806 10.9968 19.9757 10.8658 19.9522C4.77032 19.488 0 15.3203 0 10.2476C0 4.8641 5.37259 0.5 12 0.5ZM8.9969 7.15981C8.6525 7.15981 8.37335 7.4397 8.37335 7.785V12.4802C8.37335 12.8255 8.6525 13.1054 8.9969 13.1054C9.3413 13.1054 9.62046 12.8255 9.62046 12.4802V7.785C9.62046 7.4397 9.3413 7.15981 8.9969 7.15981ZM4.82286 7.16C4.47853 7.16 4.19937 7.43989 4.19937 7.78513V12.4803C4.19937 12.8256 4.47853 13.1055 4.82286 13.1055L7.16444 13.1055C7.50878 13.1055 7.78794 12.8256 7.78794 12.4803C7.78794 12.135 7.50878 11.8552 7.16444 11.8552H5.44642V7.78513C5.44642 7.43989 5.16726 7.16 4.82286 7.16ZM11.1347 7.15987C10.7903 7.
181415987 10.5112 7.43976 10.5112 7.78506V12.4803C10.5112 12.8256 10.7903 13.1055 11.1347 13.1055C11.4791 13.1055 11.7582 12.8256 11.7582 12.4803V9.55931L14.1864 12.8662C14.392 13.1397 14.7783 13.1961 15.0529 12.9942C15.2151 12.8814 15.3213 12.6933 15.3213 12.4803V7.78513C15.3213 7.43983 15.0421 7.15994 14.6978 7.15994C14.3534 7.15994 14.0742 7.43983 14.0742 7.78513V10.716L11.6564 7.42285L11.462 7.25283C11.3668 7.19388 11.2547 7.15987 11.1347 7.15987ZM16.7848 7.15994C16.5852 7.15994 16.4075 7.25397 16.2933 7.40025C16.2105 7.50638 16.1612 7.63999 16.1612 7.78519L16.1612 7.79247V12.4729L16.1612 12.4803C16.1612 12.8256 16.4404 13.1055 16.7848 13.1055H19.1516C19.496 13.1055 19.7752 12.8256 19.7752 12.4803C19.7752 12.135 19.496 11.8552 19.1516 11.8552H17.4083V10.7579H19.1516C19.496 10.7579 19.7752 10.478 19.7752 10.1328C19.7752 9.78746 19.496 9.50758 19.1516 9.50758H17.4083V8.41031H19.1516C19.496 8.41031 19.7752 8.13043 19.7752 7.78519C19.7752 7.43989 19.496 7.16 19.1516 7.16H16.7929L16.7848 7.15994Z" fill="currentColor"/>
1815    </svg>
1816  
1817</a>
1818    </li></ul>
1819     </div>
1820      </div></div>
1821</div><div id="shopify-section-sections--20069737627846__header" class="shopify-section shopify-section-group-header-group-puff section-header z-50"><style data-shopify>
1822    #x-header-container {
1823      contain: style layout;
1824    }
1825  
1826  
1827  .w-logo-header {
1828    width: 100px;
1829    min-width: 100px;
1830  }
1831  @media(min-width: 768px) {
1832    .w-logo-header {
1833      width: 130px;
1834      min-width: 130px;
1835    }
1836  }
1837  
1838    .section-header {
1839      position: sticky;
1840      z-index: 50;
1841      top: var(--announcement-height);
1842    }
1843    
1844      #x-header-container .header-logo {
1845        width: 100%;
1846        transition: width 0.4s ease-in-out 0.1s;
1847      }
1848      #x-header-container.reduce-logo-size .header-logo {
1849        width: 75%;
1850      }
1851    
1852  
1853  
1854.logo-name {
1855    font-size: 1.125rem;
1856  }
1857  header {
1858    grid-template-areas: "drawer heading icons";
1859    
1860  }
1861  @media (min-width: 1024px) {
1862    header {
1863      grid-template-areas: "iconsRight heading icons" "navigation navigation navigation";
1864      grid-template-columns: 4fr 2fr 4fr;
1865    } 
1866    .logo-name {
1867      font-size: 2.25rem;
1868    }
1869    .pt-header {
1870      padding-top: 12px;
1871    }
1872    .pb-header {
1873      padding-bottom: 12px;
1874    }
1875  }
1876  .h-hamburger {
1877    height: var(--hamburger-menu-height);
1878  }
1879  @media (max-width: 1023px) {
1880    .section-padding-sections--20069737627846__header {
1881      padding-top: 12px;
1882      padding-bottom: 12px;
1883    }
1884  }</style><div x-show="$store.xHeaderMenu.overlay" 
1885  x-transition:enter="ease-in-out duration-300"
1886  x-transition:enter-start="opacity-0"
1887  x-transition:enter-end="opacity-100"
1888  x-transition:leave="transition-all ease-in-out duration-300"
1889  x-transition:leave-end="opacity-0"
1890  class="bg-[rgba(0,0,0,0.4)] hidden lg:flex fixed top-0 right-0 bottom-0 left-0" x-cloak></div>
1891<div
1892  id="x-header-container"
1893  class="relative text-[rgb(var(--colors-text-header))] text-[rgb(var(--colors-text-header))] background-header"
1894  
1895  
1896    data-is-sticky="true"
1897  
1898  x-init='
1899    $store.xHeaderMenu.sectionId = "sections--20069737627846__header";
1900    $store.xHeaderMenu.mobileHeaderLayout = "center-left";
1901    $store.xHeaderMenu.initSticky($el, "reduce-logo-size");'
1902  
1903    :class="($store.xMiniCart.open || $store.xHeaderMenu.show) && 'z-[60]'"
1904  
1905  @click.away="$store.xHeaderMenu.openHamburgerMenu = false;"
1906  
1907>
1908  <div
1909    id="sticky-header-content"
1910    class="sticky-header-content background-header sticky-header-active z-20 w-full top-0
1911     header-full-width"
1912    :class="{ 'padding-scrollbar-header': $store.xHeaderMenu.isSticky && ($store.xPopup.open || $store.xPopup.openVideoShopping), 'static': $store.xHeaderMenu.overlay, 'relative': !$store.xHeaderMenu.overlay}"
1913    
1914  >
1915    <header 
1916      class="header lg:pb-0 section-padding-sections--20069737627846__header pt-header lg:pb-0 full-width grid lg:mr-auto lg:ml-auto gap-x-2 items-center" :class="{ ' lg:pt-5': !$store.xHeaderMenu.isSticky, 'open-menu': $store.xHeaderMenu.overlay }"
1917      
1918    >
1919      <div data-breakpoint="tablet" class="x-container-header-mobile-nav [grid-area:drawer] lg:hidden flex items-center w-full">
1920        
1921        
1922        <style data-shopify>
1923          .mobile-navigation-modern-icon-bg{
1924            background: rgba(var(--colors-line-header),1)
1925          }
1926        </style>
1927        <div 
1928          id="mobile-navigation"
1929          @click="setTimeout(() => { $store.xMobileNav.open() }, 0)"
1930          @touchstart="setTimeout(() => { $store.xMobileNav.open() }, 0)"
1931          class="relative  pt-2 pb-2 pl-2 pr-2 mobile-navigation-modern-icon-bg  rounded-full cursor-pointer "
1932        > 
1933          <div class="w-5 h-5">
1934    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1935      <path d="M1 7H23 M1 17H23" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1936    </svg>
1937  
1938</div>            
1939        </div>
1940      </div>
1941        <div class="flex logo-name p-break-words lg:order-2 top-4 text-center [grid-area:heading] mr-auto ml-auto justify-center lg:mr-auto lg:ml-auto lg:pb-0 lg:justify-center"
1942        >
1943      
1944        
1945
1946<div class="flex lg:pt-2 lg:pb-2 items-center">
1947  <a href="/" class="w-logo-header h-auto disable-effect inline-block"><img
1948        src="//hippopotamus.co.jp/cdn/shop/files/logo_wh_Hippopotums.png?v=1767919725&width=1500"
1949        alt="Hippopotamus-official"
1950        sizes="(min-width: 768px) 130px, 100px"
1951        srcset="//hippopotamus.co.jp/cdn/shop/files/logo_wh_Hippopotums.png?v=1767919725&width=50 50w,
1952          //hippopotamus.co.jp/cdn/shop/files/logo_wh_Hippopotums.png?v=1767919725&width=100 100w,
1953          //hippopotamus.co.jp/cdn/shop/files/logo_wh_Hippopotums.png?v=1767919725&width=150 150w,
1954          //hippopotamus.co.jp/cdn/shop/files/logo_wh_Hippopotums.png?v=1767919725&width=200 200w,
1955          //hippopotamus.co.jp/cdn/shop/files/logo_wh_Hippopotums.png?v=1767919725&width=250 250w,
1956          //hippopotamus.co.jp/cdn/shop/files/logo_wh_Hippopotums.png?v=1767919725&width=300 300w,
1957          //hippopotamus.co.jp/cdn/shop/files/logo_wh_Hippopotums.png?v=1767919725&width=400 400w,
1958          //hippopotamus.co.jp/cdn/shop/files/logo_wh_Hippopotums.png?v=1767919725&width=500 500w,
1959          //hippopotamus.co.jp/cdn/shop/files/logo_wh_Hippopotums.png?v=1767919725&width=600 600w"
1960        width="1500"
1961        height="739"
1962        class="header-logo w-full hidden absolute dark:block dark:relative mr-auto ml-auto md:mr-auto md:ml-auto"
1963        loading="lazy"
1964      /><img
1965        src="//hippopotamus.co.jp/cdn/shop/files/logo_Hippopotums.png?v=1764326568&width=1500"
1966        alt="Hippopotamus-official"
1967        sizes="(min-width: 768px) 130px, 100px"
1968        srcset="//hippopotamus.co.jp/cdn/shop/files/logo_Hippopotums.png?v=1764326568&width=50 50w,
1969          //hippopotamus.co.jp/cdn/shop/files/logo_Hippopotums.png?v=1764326568&width=100 100w,
1970          //hippopotamus.co.jp/cdn/shop/files/logo_Hippopotums.png?v=1764326568&width=150 150w,
1971          //hippopotamus.co.jp/cdn/shop/files/logo_Hippopotums.png?v=1764326568&width=200 200w,
1972          //hippopotamus.co.jp/cdn/shop/files/logo_Hippopotums.png?v=1764326568&width=250 250w,
1973          //hippopotamus.co.jp/cdn/shop/files/logo_Hippopotums.png?v=1764326568&width=300 300w,
1974          //hippopotamus.co.jp/cdn/shop/files/logo_Hippopotums.png?v=1764326568&width=400 400w,
1975          //hippopotamus.co.jp/cdn/shop/files/logo_Hippopotums.png?v=1764326568&width=500 500w,
1976          //hippopotamus.co.jp/cdn/shop/files/logo_Hippopotums.png?v=1764326568&width=600 600w"
1977        width="1500"
1978        height="739"
1979        class="header-logo w-full block dark:hidden dark:absolute mr-auto ml-auto md:mr-auto md:ml-auto"
1980        loading="lazy"
1981      /></a>
1982</div>
1983
1984        </div>
1985      <div
1986        class="x-container-header-icons justify-end lg:order-4 [grid-area:icons] lg:[grid-area:icons] flex"
1987      >
1988        <div class="x-header-store-selector-container self-center md:block hidden md:mr-2.5 md:ml-3 empty:hidden"></div>
1989        
1990        
1991<style data-shopify>
1992            
1993              @media (max-width: 767px) {
1994                .mobile-center-left #SearchOpen {
1995                  left: 3.5rem;
1996                }
1997                .mobile-center-right #SearchOpen {
1998                  right: 3.5rem;
1999                }
2000              }
2001            
2002          </style>
2003          <div class="x-header-icon-search flex items-center justify-center mobile-center-left" @init-run.window="$store.xHeaderMenu.renderAjax($el, 'header-search-block', '#ajax-loading-header-search');">
2004            <a 
2005              id="SearchOpen"
2006              href="/search" 
2007              aria-label="search"
2008              class="flex items-center cursor-pointer justify-center link focus-inset bg-none" 
2009              @click.prevent="setTimeout(() => { $store.xModal.setActiveElement('SearchOpen'); }, 0)">
2010              <span class="w-11 h-10 pl-3 pr-3 pt-2.5 pb-2">
2011    <svg class="icon-animation icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none">
2012      <path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M11.192 20.223C16.5 20.223 20.803 15.92 20.803 10.612S16.5 1 11.192 1 1.58 5.303 1.58 10.612s4.304 9.611 9.612 9.611 M17.706 18.301 22.405 23"/>
2013    </svg>
2014  
2015</span>
2016            </a>
2017          </div><shopify-store store-domain="https://hippopotamus.co.jp" country="JP" language="ja"></shopify-store>
2018<shopify-account class="header-icon-account flex relative items-center justify-center" menu="customer-account-main-menu">
2019            <div slot="signed-out-avatar">
2020              <span class="w-11 h-10 pl-3 pr-2.5 pt-2.5 pb-2 block">
2021                
2022    <svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none">
2023      <path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M21.776 23v-2.444a4.889 4.889 0 0 0-4.889-4.889H7.109a4.889 4.889 0 0 0-4.889 4.889V23 M11.998 10.778a4.889 4.889 0 1 0 0-9.778 4.889 4.889 0 0 0 0 9.778"/>
2024    </svg>
2025  
2026
2027              </span>
2028            </div>
2029          </shopify-account><a 
2030            id="cart-icon"
2031            href="/cart"
2032            class="relative flex items-center header-icon-cart cursor-pointer"   
2033                       
2034              @click.prevent="setTimeout(() => { $store.xModal.setActiveElement('cart-icon'); $store.xMiniCart.openCart(); }, 0)"
2035              :class="$store.xMiniCart.open && 'pointer-events-none'"
2036            
2037            aria-controls="CartDrawer"
2038            aria-expanded="false"
2039            aria-label="icon-cart"
2040          >
2041            <span class="relative w-11 h-10 md:pl-3 inline-block pl-3 pr-0 md:pr-2.5 pt-2.5 pb-2">
2042              
2043    <svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none">
2044      <path fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M21.912 21.122a2.2 2.2 0 0 1-.423 1.32 2.16 2.16 0 0 1-1.269.558H3.703a2.16 2.16 0 0 1-1.269-.558 2.2 2.2 0 0 1-.423-1.32L3.5 7.77h16.923l1.489 13.353ZM7.731 7.769V5.231a4.23 4.23 0 1 1 8.462 0v2.538"/>
2045    </svg>
2046  
2047              <div id="cart-icon-bubble" >
2048                <div 
2049                  class="count_item absolute text-center place-content-center -top-0.5 -right-1.5 md:right-0 bg-[rgba(var(--colors-cart))] text-[rgba(var(--colors-cart-text))] font-medium h-5 w-5 rounded-full text-[9px] hidden" 
2050                  data-value="0"
2051                >0</div>
2052              </div>
2053            </span>
2054          </a></div>
2055
2056      
2057
2058      
2059        
2060
2061<style data-shopify>
2062    .svg-highlight-sections--20069737627846__header {
2063      --color-highlight: #ea5205;
2064    }
2065    .dark .svg-highlight-sections--20069737627846__header {
2066      --color-highlight: rgb(255, 255, 255);
2067    }
2068  
2069  .x-icon-caret svg {
2070    color: var(--colors-text-header);
2071    --tw-rotate: 0deg;
2072    transform: rotate(var(--tw-rotate));
2073    transition: transform 0.5s ease 0.1s;
2074  }
2075  .clicked .x-icon-caret svg {
2076      color: var(--colors-text-link);
2077      --tw-rotate: 180deg;
2078    }
2079</style><nav 
2080  x-on:click.away="$store.xHeaderMenu.closeMenu()"
2081  class="x-container-header-nav [grid-area:navigation] w-full order-3 hidden header__inline-menu lg:flex items-center pb-header lg:[grid-area:navigation] mt-4 justify-center"
2082>
2083  <ul class="list-menu inline-flex flex-wrap gap-x-10 items-center justify-center"
2084  >
2085    
2086
2087
2088<style data-shopify>
2089</style><li 
2090            class="tree-menu  relative has-dropdown"
2091            
2092              
2093              @mouseover="$el.classList.add('is-focus');"
2094              @mouseleave="$el.classList.remove('is-focus');"
2095              @focusin="$el.classList.add('is-focus');"
2096              @focusout="$el.classList.remove('is-focus');"
2097            
2098          >
2099            <div class=" relative cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link 
2099is-focus:link-active" x-data='{ active: false }' 
2100              
2101               
2102                @click.prevent="$store.xHeaderMenu.toggleMenu(1)"
2103              
2104            >
2105              <div class="flex items-center relative x-anm">
2106                <a
2107                  href="/collections/all-items"
2108                  class=" cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative transition hover-text-link is-focus:link-active" 
2109                >
2110                  
2111                  
2112                    
2113                    
2114                      商品カテゴリー
2115                    
2116                  
2117                </a>
2118                
2119              </div><span class="x-icon-caret w-5 pl-2">
2120    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2121      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2122    </svg>
2123</span>
2124            </div><template x-if="!$store.xInit.runDispatch">
2125                <div :class="{ 'toggle-menu-hidden': $store.xHeaderMenu.show !== 1, 'toggle-menu-show': $store.xHeaderMenu.show === 1, 'active': $store.xHeaderMenu.initIndex.has(1) }" class="toggle-menu text-[rgba(var(--colors-text))] absolute z-50 background-header top-full w-48 xl:w-[222px] shadow-md is-focus:text-[rgba(var(--colors-text))] duration-300">
2126                  <ul class="tree-menu-nav pt-5 pb-5">
2127                    
2128<li 
2129                        x-data="{ openSub: false }" 
2130                        class="relative pl-7 pr-6" 
2131                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2132                        @mouseleave="$el.classList.remove('is-focus-child');"
2133                        @mouseover.away="openSub = false"
2134                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2135                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2136                      >
2137                        <div class="sub-menu flex items-center">
2138                          <span class="flex-1">
2139                            <a href="#" class="nav-link relative p-break-words flex items-center pr-5 hover-text-link is-focus-child:effect-inline"
2140                               @click.prevent="openSub = true;"
2141                            >
2142                              
2143                              
2144                                
2145                                
2146                                  <span>タオル</span>
2147                                
2148                              
2149<span class="icon-child z-10 w-5 h-4 pt-1 pb-1 pl-1 pr-1 rounded-full block absolute -rotate-90 right-0">
2150                                  
2151    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2152      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2153    </svg>
2154
2155                                </span></a>
2156                          </span>
2157                        </div><div class="sub-menu-toggle background-header child absolute -top-5 w-full shadow-showdownInset left-full" :class="openSub ? 'opacity-1 max-h-auto' : 'opacity-0 max-h-0 overflow-hidden' ">
2158                            <ul class="pt-5 pb-5"><li class="relative pl-7 pr-6"
2159                                >
2160                                  <div class="flex items-center">
2161                                    <span class="flex-1">
2162                                      <a href="/collections/bath-towels" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
2163                                        
2164                                        
2165                                          
2166                                          
2167                                            <span>バスタオル</span>
2168                                          
2169                                        
2170                                      </a>
2171                                    </span>
2172                                  </div>
2173                                </li><li class="relative pl-7 pr-6"
2174                                >
2175                                  <div class="flex items-center pt-3">
2176                                    <span class="flex-1">
2177                                      <a href="/collections/face-towels" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
2178                                        
2179                                        
2180                                          
2181                                          
2182                                            <span>フェイスタオル</span>
2183                                          
2184                                        
2185                                      </a>
2186                                    </span>
2187                                  </div>
2188                                </li><li class="relative pl-7 pr-6"
2189                                >
2190                                  <div class="flex items-center pt-3">
2191                                    <span class="flex-1">
2192                                      <a href="/collections/hand-towels" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
2193                                        
2194                                        
2195                                          
2196                                          
2197                                            <span>ハンドタオル</span>
2198                                          
2199                                        
2200                                      </a>
2201                                    </span>
2202                                  </div>
2203                                </li><li class="relative pl-7 pr-6"
2204                                >
2205                                  <div class="flex items-center pt-3">
2206                                    <span class="flex-1">
2207                                      <a href="/collections/towel" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
2208                                        
2209                                        
2210                                          
2211                                          
2212                                            <span>全てのタオル</span>
2213                                          
2214                                        
2215                                      </a>
2216                                    </span>
2217                                  </div>
2218                                </li></ul>
2219                          </div></li><li 
2220                        x-data="{ openSub: false }" 
2221                        class="relative pl-7 pr-6" 
2222                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2223                        @mouseleave="$el.classList.remove('is-focus-child');"
2224                        @mouseover.away="openSub = false"
2225                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2226                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2227                      >
2228                        <div class="sub-menu flex items-center pt-3">
2229                          <span class="flex-1">
2230                            <a href="#" class="nav-link relative p-break-words flex items-center pr-5 hover-text-link is-focus-child:effect-inline"
2231                               @click.prevent="openSub = true;"
2232                            >
2233                              
2234                              
2235                                
2236                                
2237                                  <span>ギフト</span>
2238                                
2239                              
2240<span class="icon-child z-10 w-5 h-4 pt-1 pb-1 pl-1 pr-1 rounded-full block absolute -rotate-90 right-0">
2241                                  
2242    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2243      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2244    </svg>
2245
2246                                </span></a>
2247                          </span>
2248                        </div>
2248<div class="sub-menu-toggle background-header child absolute -top-2 w-full shadow-showdownInset left-full" :class="openSub ? 'opacity-1 max-h-auto' : 'opacity-0 max-h-0 overflow-hidden' ">
2249                            <ul class="pt-5 pb-5"><li class="relative pl-7 pr-6"
2250                                >
2251                                  <div class="flex items-center">
2252                                    <span class="flex-1">
2253                                      <a href="/collections/gift-bestselling" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
2254                                        
2255                                        
2256                                          
2257                                          
2258                                            <span>タオルギフト</span>
2259                                          
2260                                        
2261                                      </a>
2262                                    </span>
2263                                  </div>
2264                                </li><li class="relative pl-7 pr-6"
2265                                >
2266                                  <div class="flex items-center pt-3">
2267                                    <span class="flex-1">
2268                                      <a href="https://hippopotamus.co.jp/collections/gift-baby" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
2269                                        
2270                                        
2271                                          
2272                                          
2273                                            <span>出産のお祝い</span>
2274                                          
2275                                        
2276                                      </a>
2277                                    </span>
2278                                  </div>
2279                                </li><li class="relative pl-7 pr-6"
2280                                >
2281                                  <div class="flex items-center pt-3">
2282                                    <span class="flex-1">
2283                                      <a href="https://hippopotamus.co.jp/collections/gift-wedding" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
2284                                        
2285                                        
2286                                          
2287                                          
2288                                            <span>結婚のお祝い</span>
2289                                          
2290                                        
2291                                      </a>
2292                                    </span>
2293                                  </div>
2294                                </li><li class="relative pl-7 pr-6"
2295                                >
2296                                  <div class="flex items-center pt-3">
2297                                    <span class="flex-1">
2298                                      <a href="/collections/gift-thanks" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
2299                                        
2300                                        
2301                                          
2302                                          
2303                                            <span>誕生日/お返し</span>
2304                                          
2305                                        
2306                                      </a>
2307                                    </span>
2308                                  </div>
2309                                </li><li class="relative pl-7 pr-6"
2310                                >
2311                                  <div class="flex items-center pt-3">
2312                                    <span class="flex-1">
2313                                      <a href="/collections/gift_-chiefbear_pvt" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
2314                                        
2315                                        
2316                                          
2317                                          
2318                                            <span>タオルベアギフト</span>
2319                                          
2320                                        
2321                                      </a>
2322                                    </span>
2323                                  </div>
2324                                </li><li class="relative pl-7 pr-6"
2325                                >
2326                                  <div class="flex items-center pt-3">
2327                                    <span class="flex-1">
2328                                      <a href="/collections/gift" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
2329                                        
2330                                        
2331                                          
2332                                          
2333                                            <span>全てのギフト</span>
2334                                          
2335                                        
2336                                      </a>
2337                                    </span>
2338                                  </div>
2339                                </li></ul>
2340                          </div></li><li 
2341                        x-data="{ openSub: false }" 
2342                        class="relative pl-7 pr-6" 
2343                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2344                        @mouseleave="$el.classList.remove('is-focus-child');"
2345                        @mouseover.away="openSub = false"
2346                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2347                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2348                      >
2349                        <div class="sub-menu flex items-center pt-3">
2350                          <span class="flex-1">
2351                            <a href="/collections/baby-toy" class="nav-link relative p-break-words inline-block hover-text-link is-focus-child:effect-inline"
2352                              
2353                            >
2354                              
2355                              
2356                                
2357                                
2358                                  <span>ベビー&amp;トイ</span>
2359                                
2360                              
2361</a>
2362                          </span>
2363                        </div></li><li 
2364                        x-data="{ openSub: false }" 
2365                        class="relative pl-7 pr-6" 
2366                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2367                        @mouseleave="$el.classList.remove('is-focus-child');"
2368                        @mouseover.away="openSub = false"
2369                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2370                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2371                      >
2372                        <div class="sub-menu flex items-center pt-3">
2373                          <span class="flex-1">
2374                            <a href="/collections/room-shoes" class="nav-link relative p-break-words inline-block hover-text-link is-focus-child:effect-inline"
2375                              
2376                            >
2377                              
2378                              
2379                                
2380                                
2381                                  <span>ルームシューズ</span>
2382                                
2383                              
2384</a>
2385                          </span>
2386                        </div></li><li 
2387                        x-data="{ openSub: false }" 
2388                        class="relative pl-7 pr-6" 
2389                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2390                        @mouseleave="$el.classList.remove('is-focus-child');"
2391                        @mouseover.away="openSub = false"
2392                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2393                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2394                      >
2395                        <div class="sub-menu flex items-center pt-3">
2396                          <span class="flex-1">
2397                            <a href="#" class="nav-link relative p-break-words flex items-center pr-5 hover-text-link is-focus-child:effect-inline"
2398                               @click.prevent="openSub = true;"
2399                            >
2400                              
2401                              
2402                                
2403                                
2404                                  <span>寝具&パジャマ</span>
2405                                
2406                              
2407<span class="icon-child z-10 w-5 h-4 pt-1 pb-1 pl-1 pr-1 rounded-full block absolute -rotate-90 right-0">
2408                                  
2409    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2410      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2411    </svg>
2412
2413                                </span></a>
2414                          </span>
2415                        </div><div class="sub-menu-toggle background-header child absolute -top-2 w-full shadow-showdownInset left-full" :class="openSub ? 'opacity-1 max-h-auto' : 'opacity-0 max-h-0 overflow-hidden' ">
2416                            <ul class="pt-5 pb-5"><li class="relative pl-7 pr-6"
2417                                >
2418                                  <div class="flex items-center">
2419                                    <span class="flex-1">
2420                                      <a href="/collections/towelket-gauzeket" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
2421                                        
2422                                        
2423                                          
2424                                          
2425                                            <span>タオルケット&ガーゼケット</span>
2426                                          
2427                                        
2428                                      </a>
2429                                    </span>
2430                                  </div>
2431                                </li><li class="relative pl-7 pr-6"
2432                                >
2433                                  <div class="flex items-center pt-3">
2434                                    <span class="flex-1">
2435                                      <a href="/collections/clothing" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
2436                                        
2437                                        
2438                                          
2439                                          
2440                                            <span>ルームウェア</span>
2441                                          
2442                                        
2443                                      </a>
2444                                    </span>
2445                                  </div>
2446                                </li><li class="relative pl-7 pr-6"
2447                                >
2448                                  <div class="flex items-center pt-3">
2449                                    <span class="flex-1">
2450                                      <a href="/collections/bedding-and-pyjamas" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
2451                                        
2452                                        
2453                                          
2454                                          
2455                                            <span>全ての寝具&パジャマ</span>
2456                                          
2457                                        
2458                                      </a>
2459                                    </span>
2460                                  </div>
2461                                </li></ul>
2462                          </div></li><li 
2463                        x-data="{ openSub: false }" 
2464                        class="relative pl-7 pr-6" 
2465                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2466                        @mouseleave="$el.classList.remove('is-focus-child');"
2467                        @mouseover.away="openSub = false"
2468                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2469                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2470                      >
2471                        <div class="sub-menu flex items-center pt-3">
2472                          <span class="flex-1">
2473                            <a href="/collections/bathroom" class="nav-link relative p-break-words inline-block hover-text-link is-focus-child:effect-inline"
2474                              
2475                            >
2476                              
2477                              
2478                                
2479                                
2480                                  <span>バスルーム&サウナ</span>
2481                                
2482                              
2483</a>
2484                          </span>
2485                        </div></li><li 
2486                        x-data="{ openSub: false }" 
2487                        class="relative pl-7 pr-6" 
2488                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2489                        @mouseleave="$el.classList.remove('is-focus-child');"
2490                        @mouseover.away="openSub = false"
2491                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2492                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2493                      >
2494                        <div class="sub-menu flex items-center pt-3">
2495                          <span class="flex-1">
2496                            <a href="#" class="nav-link relative p-break-words flex items-center pr-5 hover-text-link is-focus-child:effect-inline"
2497                               @click.prevent="openSub = true;"
2498                            >
2499                              
2500                              
2501                                
2502                                
2503                                  <span>洗濯洗剤</span>
2504                                
2505                              
2506<span class="icon-child z-10 w-5 h-4 pt-1 pb-1 pl-1 pr-1 rounded-full block absolute -rotate-90 right-0">
2507                                  
2508    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2509      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2510    </svg>
2511
2512                                </span></a>
2513                          </span>
2514                        </div><div class="sub-menu-toggle background-header child absolute -top-2 w-full shadow-showdownInset left-full" :class="openSub ? 'opacity-1 max-h-auto' : 'opacity-0 max-h-0 overflow-hidden' ">
2515                            <ul class="pt-5 pb-5"><li class="relative pl-7 pr-6"
2516                                >
2517                                  <div class="flex items-center">
2518                                    <span class="flex-1">
2519                                      <a href="/pages/laundry-detergent_2024" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
2520                                        
2521                                        
2522                                          
2523                                          
2524                                            <span>定期お届け便</span>
2525                                          
2526                                        
2527                                      </a>
2528                                    </span>
2529                                  </div>
2530                                </li><li class="relative pl-7 pr-6"
2531                                >
2532                                  <div class="flex items-center pt-3">
2533                                    <span class="flex-1">
2534                                      <a href="/collections/detergent_cat" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
2535                                        
2536                                        
2537                                          
2538                                          
2539                                            <span>全ての洗濯洗剤</span>
2540                                          
2541                                        
2542                                      </a>
2543                                    </span>
2544                                  </div>
2545                                </li></ul>
2546                          </div></li><li 
2547                        x-data="{ openSub: false }" 
2548                        class="relative pl-7 pr-6" 
2549                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2550                        @mouseleave="$el.classList.remove('is-focus-child');"
2551                        @mouseover.away="openSub = false"
2552                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2553                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2554                      >
2555                        <div class="sub-menu flex items-center pt-3">
2556                          <span class="flex-1">
2557                            <a href="/collections/collaboration" class="nav-link relative p-break-words inline-block hover-text-link is-focus-child:effect-inline"
2558                              
2559                            >
2560                              
2561                              
2562                                
2563                                
2564                                  <span>コラボレーション</span>
2565                                
2566                              
2567</a>
2568                          </span>
2569                        </div></li><li 
2570                        x-data="{ openSub: false }" 
2571                        class="relative pl-7 pr-6" 
2572                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2573                        @mouseleave="$el.classList.remove('is-focus-child');"
2574                        @mouseover.away="openSub = false"
2575                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2576                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2577                      >
2578                        <div class="sub-menu flex items-center pt-3">
2579                          <span class="flex-1">
2580                            <a href="/collections/all-items" class="nav-link relative p-break-words inline-block hover-text-link is-focus-child:effect-inline"
2581                              
2582                            >
2583                              
2584                              
2585                                
2586                                
2587                                  <span>全ての商品</span>
2588                                
2589                              
2590</a>
2591                          </span>
2592                        </div></li><li 
2593                        x-data="{ openSub: false }" 
2594                        class="relative pl-7 pr-6" 
2595                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2596                        @mouseleave="$el.classList.remove('is-focus-child');"
2597                        @mouseover.away="openSub = false"
2598                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2599                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2600                      >
2601                        <div class="sub-menu flex items-center pt-3">
2602                          <span class="flex-1">
2603                            <a href="/pages/embroidery" class="nav-link relative p-break-words inline-block hover-text-link is-focus-child:effect-inline"
2604                              
2605                            >
2606                              
2607                              
2608                                
2609                                
2610                                  <span>刺繍サービス</span>
2611                                
2612                              
2613</a>
2614                          </span>
2615                        </div></li></ul>
2616                  
2617                    <div class="hidden 1" @init-run.window="$store.xHeaderMenu.setPosition($el,2); $store.xHeaderMenu.resizeWindow($el,2)"></div>
2618                  
2619                </div>
2620              </template></li><li 
2621            class="tree-menu  relative has-dropdown"
2622            
2623              
2624              @mouseover="$el.classList.add('is-focus');"
2625              @mouseleave="$el.classList.remove('is-focus');"
2626              @focusin="$el.classList.add('is-focus');"
2627              @focusout="$el.classList.remove('is-focus');"
2628            
2629          >
2630            <div class=" relative cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" x-data='{ active: false }' 
2631              
2632               
2633                @click.prevent="$store.xHeaderMenu.toggleMenu(2)"
2634              
2635            >
2636              <div class="flex items-center relative x-anm">
2637                <a
2638                  href="/collections/gift"
2639                  class=" cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative transition hover-text-link 
2639is-focus:link-active" 
2640                >
2641                  
2642                  
2643                    
2644                    
2645                      ギフト
2646                    
2647                  
2648                </a>
2649                
2650              </div><span class="x-icon-caret w-5 pl-2">
2651    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2652      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2653    </svg>
2654</span>
2655            </div><template x-if="!$store.xInit.runDispatch">
2656                <div :class="{ 'toggle-menu-hidden': $store.xHeaderMenu.show !== 2, 'toggle-menu-show': $store.xHeaderMenu.show === 2, 'active': $store.xHeaderMenu.initIndex.has(2) }" class="toggle-menu text-[rgba(var(--colors-text))] absolute z-50 background-header top-full w-48 xl:w-[222px] shadow-md is-focus:text-[rgba(var(--colors-text))] duration-300">
2657                  <ul class="tree-menu-nav pt-5 pb-5">
2658                    
2659<li 
2660                        x-data="{ openSub: false }" 
2661                        class="relative pl-7 pr-6" 
2662                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2663                        @mouseleave="$el.classList.remove('is-focus-child');"
2664                        @mouseover.away="openSub = false"
2665                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2666                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2667                      >
2668                        <div class="sub-menu flex items-center">
2669                          <span class="flex-1">
2670                            <a href="/pages/lp-gift" class="nav-link relative p-break-words inline-block hover-text-link is-focus-child:effect-inline"
2671                              
2672                            >
2673                              
2674                              
2675                                
2676                                
2677                                  <span>ギフトを探す</span>
2678                                
2679                              
2680</a>
2681                          </span>
2682                        </div></li><li 
2683                        x-data="{ openSub: false }" 
2684                        class="relative pl-7 pr-6" 
2685                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2686                        @mouseleave="$el.classList.remove('is-focus-child');"
2687                        @mouseover.away="openSub = false"
2688                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2689                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2690                      >
2691                        <div class="sub-menu flex items-center pt-3">
2692                          <span class="flex-1">
2693                            <a href="#" class="nav-link relative p-break-words flex items-center pr-5 hover-text-link is-focus-child:effect-inline"
2694                               @click.prevent="openSub = true;"
2695                            >
2696                              
2697                              
2698                                
2699                                
2700                                  <span>シーンから探す</span>
2701                                
2702                              
2703<span class="icon-child z-10 w-5 h-4 pt-1 pb-1 pl-1 pr-1 rounded-full block absolute -rotate-90 right-0">
2704                                  
2705    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2706      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2707    </svg>
2708
2709                                </span></a>
2710                          </span>
2711                        </div><div class="sub-menu-toggle background-header child absolute -top-2 w-full shadow-showdownInset left-full" :class="openSub ? 'opacity-1 max-h-auto' : 'opacity-0 max-h-0 overflow-hidden' ">
2712                            <ul class="pt-5 pb-5"><li class="relative pl-7 pr-6"
2713                                >
2714                                  <div class="flex items-center">
2715                                    <span class="flex-1">
2716                                      <a href="/collections/gift-bestselling#introBox" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
2717                                        
2718                                        
2719                                          
2720                                          
2721                                            <span>定番のタオル</span>
2722                                          
2723                                        
2724                                      </a>
2725                                    </span>
2726                                  </div>
2727                                </li><li class="relative pl-7 pr-6"
2728                                >
2729                                  <div class="flex items-center pt-3">
2730                                    <span class="flex-1">
2731                                      <a href="/collections/gift-baby#introBox" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
2732                                        
2733                                        
2734                                          
2735                                          
2736                                            <span>出産のお祝い</span>
2737                                          
2738                                        
2739                                      </a>
2740                                    </span>
2741                                  </div>
2742                                </li><li class="relative pl-7 pr-6"
2743                                >
2744                                  <div class="flex items-center pt-3">
2745                                    <span class="flex-1">
2746                                      <a href="/collections/gift-wedding#introBox" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
2747                                        
2748                                        
2749                                          
2750                                          
2751                                            <span>結婚のお祝い</span>
2752                                          
2753                                        
2754                                      </a>
2755                                    </span>
2756                                  </div>
2757                                </li><li class="relative pl-7 pr-6"
2758                                >
2759                                  <div class="flex items-center pt-3">
2760                                    <span class="flex-1">
2761                                      <a href="/collections/gift-thanks" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
2762                                        
2763                                        
2764                                          
2765                                          
2766                                            <span>誕生日/お返し</span>
2767                                          
2768                                        
2769                                      </a>
2770                                    </span>
2771                                  </div>
2772                                </li></ul>
2773                          </div></li><li 
2774                        x-data="{ openSub: false }" 
2775                        class="relative pl-7 pr-6" 
2776                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2777                        @mouseleave="$el.classList.remove('is-focus-child');"
2778                        @mouseover.away="openSub = false"
2779                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2780                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2781                      >
2782                        <div class="sub-menu flex items-center pt-3">
2783                          <span class="flex-1">
2784                            <a href="#" class="nav-link relative p-break-words flex items-center pr-5 hover-text-link 
2784is-focus-child:effect-inline"
2785                               @click.prevent="openSub = true;"
2786                            >
2787                              
2788                              
2789                                
2790                                
2791                                  <span>商品から探す</span>
2792                                
2793                              
2794<span class="icon-child z-10 w-5 h-4 pt-1 pb-1 pl-1 pr-1 rounded-full block absolute -rotate-90 right-0">
2795                                  
2796    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2797      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2798    </svg>
2799
2800                                </span></a>
2801                          </span>
2802                        </div><div class="sub-menu-toggle background-header child absolute -top-2 w-full shadow-showdownInset left-full" :class="openSub ? 'opacity-1 max-h-auto' : 'opacity-0 max-h-0 overflow-hidden' ">
2803                            <ul class="pt-5 pb-5"><li class="relative pl-7 pr-6"
2804                                >
2805                                  <div class="flex items-center">
2806                                    <span class="flex-1">
2807                                      <a href="/collections/gift_bath-towels_pvt" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
2808                                        
2809                                        
2810                                          
2811                                          
2812                                            <span>バスタオル</span>
2813                                          
2814                                        
2815                                      </a>
2816                                    </span>
2817                                  </div>
2818                                </li><li class="relative pl-7 pr-6"
2819                                >
2820                                  <div class="flex items-center pt-3">
2821                                    <span class="flex-1">
2822                                      <a href="/collections/gift_-face-towels_pvt" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
2823                                        
2824                                        
2825                                          
2826                                          
2827                                            <span>フェイスタオル</span>
2828                                          
2829                                        
2830                                      </a>
2831                                    </span>
2832                                  </div>
2833                                </li><li class="relative pl-7 pr-6"
2834                                >
2835                                  <div class="flex items-center pt-3">
2836                                    <span class="flex-1">
2837                                      <a href="/collections/gift_hand-towels_pvt" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
2838                                        
2839                                        
2840                                          
2841                                          
2842                                            <span>ハンドタオル</span>
2843                                          
2844                                        
2845                                      </a>
2846                                    </span>
2847                                  </div>
2848                                </li><li class="relative pl-7 pr-6"
2849                                >
2850                                  <div class="flex items-center pt-3">
2851                                    <span class="flex-1">
2852                                      <a href="/collections/gift_-chiefbear_pvt" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
2853                                        
2854                                        
2855                                          
2856                                          
2857                                            <span>タオルベア</span>
2858                                          
2859                                        
2860                                      </a>
2861                                    </span>
2862                                  </div>
2863                                </li><li class="relative pl-7 pr-6"
2864                                >
2865                                  <div class="flex items-center pt-3">
2866                                    <span class="flex-1">
2867                                      <a href="/collections/gift_room-wear_pvt" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
2868                                        
2869                                        
2870                                          
2871                                          
2872                                            <span>ルームウェア</span>
2873                                          
2874                                        
2875                                      </a>
2876                                    </span>
2877                                  </div>
2878                                </li><li class="relative pl-7 pr-6"
2879                                >
2880                                  <div class="flex items-center pt-3">
2881                                    <span class="flex-1">
2882                                      <a href="/collections/gift_bedding-pajamas_pvt" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
2883                                        
2884                                        
2885                                          
2886                                          
2887                                            <span>寝具&パジャマ</span>
2888                                          
2889                                        
2890                                      </a>
2891                                    </span>
2892                                  </div>
2893                                </li><li class="relative pl-7 pr-6"
2894                                >
2895                                  <div class="flex items-center pt-3">
2896                                    <span class="flex-1">
2897                                      <a href="/collections/gift_baby_pvt" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
2898                                        
2899                                        
2900                                          
2901                                          
2902                                            <span>ベビー&トイ</span>
2903                                          
2904                                        
2905                                      </a>
2906                                    </span>
2907                                  </div>
2908                                </li><li class="relative pl-7 pr-6"
2909                                >
2910                                  <div class="flex items-center pt-3">
2911                                    <span class="flex-1">
2912                                      <a href="/collections/gift_detergents_pvt" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
2913                                        
2914                                        
2915                                          
2916                                          
2917                                            <span>洗濯洗剤</span>
2918                                          
2919                                        
2920                                      </a>
2921                                    </span>
2922                                  </div>
2923                                </li></ul>
2924                          </div></li><li 
2925                        x-data="{ openSub: false }" 
2926                        class="relative pl-7 pr-6" 
2927                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2928                        @mouseleave="$el.classList.remove('is-focus-child');"
2929                        @mouseover.away="openSub = false"
2930                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2931                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2932                      >
2933                        <div class="sub-menu flex items-center pt-3">
2934                          <span class="flex-1">
2935                            <a href="#" class="nav-link relative p-break-words flex items-center pr-5 hover-text-link is-focus-child:effect-inline"
2936                               @click.prevent="openSub = true;"
2937                            >
2938                              
2939                              
2940                                
2941                                
2942                                  <span>価格から探す</span>
2943                                
2944                              
2945<span class="icon-child z-10 w-5 h-4 pt-1 pb-1 pl-1 pr-1 rounded-full block absolute -rotate-90 right-0">
2946                                  
2947    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2948      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2949    </svg>
2950
2951                                </span></a>
2952                          </span>
2953                        </div><div class="sub-menu-toggle background-header child absolute -top-2 w-full shadow-showdownInset left-full" :class="openSub ? 'opacity-1 max-h-auto' : 'opacity-0 max-h-0 overflow-hidden' ">
2954                            <ul class="pt-5 pb-5"><li class="relative pl-7 pr-6"
2955                                >
2956                                  <div class="flex items-center">
2957                                    <span class="flex-1">
2958                                      <a href="/collections/gift_5000_pvt" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
2959                                        
2960                                        
2961                                          
2962                                          
2963                                            <span>~5,000円</span>
2964                                          
2965                                        
2966                                      </a>
2967                                    </span>
2968                                  </div>
2969                                </li><li class="relative pl-7 pr-6"
2970                                >
2971                                  <div class="flex items-center pt-3">
2972                                    <span class="flex-1">
2973                                      <a href="/collections/gift_5000-10000_pvt" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
2974                                        
2975                                        
2976                                          
2977                                          
2978                                            <span>5,000~10,000円</span>
2979                                          
2980                                        
2981                                      </a>
2982                                    </span>
2983                                  </div>
2984                                </li><li class="relative pl-7 pr-6"
2985                                >
2986                                  <div class="flex items-center pt-3">
2987                                    <span class="flex-1">
2988                                      <a href="/collections/gift_10000-20000_pvt" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
2989                                        
2990                                        
2991                                          
2992                                          
2993                                            <span>10,000~20,000円</span>
2994                                          
2995                                        
2996                                      </a>
2997                                    </span>
2998                                  </div>
2999                                </li><li class="relative pl-7 pr-6"
3000                                >
3001                                  <div class="flex items-center pt-3">
3002                                    <span class="flex-1">
3003                                      <a href="/collections/gift-20000_pvt" class="nav-link inline-block p-break-words relative hover-text-link 
3003is-focus-subchild:effect-inline">
3004                                        
3005                                        
3006                                          
3007                                          
3008                                            <span>20,000円~</span>
3009                                          
3010                                        
3011                                      </a>
3012                                    </span>
3013                                  </div>
3014                                </li></ul>
3015                          </div></li><li 
3016                        x-data="{ openSub: false }" 
3017                        class="relative pl-7 pr-6" 
3018                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
3019                        @mouseleave="$el.classList.remove('is-focus-child');"
3020                        @mouseover.away="openSub = false"
3021                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
3022                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3023                      >
3024                        <div class="sub-menu flex items-center pt-3">
3025                          <span class="flex-1">
3026                            <a href="/pages/embroidery" class="nav-link relative p-break-words inline-block hover-text-link is-focus-child:effect-inline"
3027                              
3028                            >
3029                              
3030                              
3031                                
3032                                
3033                                  <span>刺繍サービス</span>
3034                                
3035                              
3036</a>
3037                          </span>
3038                        </div></li><li 
3039                        x-data="{ openSub: false }" 
3040                        class="relative pl-7 pr-6" 
3041                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
3042                        @mouseleave="$el.classList.remove('is-focus-child');"
3043                        @mouseover.away="openSub = false"
3044                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
3045                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3046                      >
3047                        <div class="sub-menu flex items-center pt-3">
3048                          <span class="flex-1">
3049                            <a href="/pages/concierge" class="nav-link relative p-break-words inline-block hover-text-link is-focus-child:effect-inline"
3050                              
3051                            >
3052                              
3053                              
3054                                
3055                                
3056                                  <span>ギフトコンシェルジュ</span>
3057                                
3058                              
3059</a>
3060                          </span>
3061                        </div></li><li 
3062                        x-data="{ openSub: false }" 
3063                        class="relative pl-7 pr-6" 
3064                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
3065                        @mouseleave="$el.classList.remove('is-focus-child');"
3066                        @mouseover.away="openSub = false"
3067                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
3068                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3069                      >
3070                        <div class="sub-menu flex items-center pt-3">
3071                          <span class="flex-1">
3072                            <a href="/pages/e-gift" class="nav-link relative p-break-words inline-block hover-text-link is-focus-child:effect-inline"
3073                              
3074                            >
3075                              
3076                              
3077                                
3078                                
3079                                  <span>e-Gift</span>
3080                                
3081                              
3082</a>
3083                          </span>
3084                        </div></li></ul>
3085                  
3086                    <div class="hidden 1" @init-run.window="$store.xHeaderMenu.setPosition($el,2); $store.xHeaderMenu.resizeWindow($el,2)"></div>
3087                  
3088                </div>
3089              </template></li><li 
3090            class="tree-menu "
3091            
3092              
3093                @click="window.location.replace(LinkDrop);"
3094              
3095              @mouseover="$el.classList.add('is-focus');"
3096              @mouseleave="$el.classList.remove('is-focus');"
3097              @focusin="$el.classList.add('is-focus');"
3098              @focusout="$el.classList.remove('is-focus');"
3099            
3100          >
3101            <div class=" relative cursor-pointer tree-menu-item p-break-words inline-block justify-center pt-1 pb-1 relative hover-text-link 
3101is-focus:link-active" x-data='{ active: false }' 
3102              
3103              
3104            >
3105              <div class="flex items-center relative x-anm">
3106                <a
3107                  href="/collections/outlet"
3108                  class=" cursor-pointer tree-menu-item p-break-words inline-block justify-center pt-1 pb-1 relative transition hover-text-link is-focus:link-active" 
3109                >
3110                  
3111                  
3112                    
3113                    
3114                      アウトレット(会員限定)
3115                    
3116                  
3117                </a>
3118                
3119              </div>
3120            </div></li><li 
3121            class="tree-menu  relative has-dropdown"
3122            
3123              
3124              @mouseover="$el.classList.add('is-focus');"
3125              @mouseleave="$el.classList.remove('is-focus');"
3126              @focusin="$el.classList.add('is-focus');"
3127              @focusout="$el.classList.remove('is-focus');"
3128            
3129          >
3130            <div class=" relative cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" x-data='{ active: false }' 
3131              
3132               
3133                @click.prevent="$store.xHeaderMenu.toggleMenu(4)"
3134              
3135            >
3136              <div class="flex items-center relative x-anm">
3137                <a
3138                  href="#"
3139                  class=" cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative transition hover-text-link is-focus:link-active" 
3140                >
3141                  
3142                  
3143                    
3144                    
3145                      ショッピングガイド
3146                    
3147                  
3148                </a>
3149                
3150              </div><span class="x-icon-caret w-5 pl-2">
3151    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3152      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3153    </svg>
3154</span>
3155            </div><template x-if="!$store.xInit.runDispatch">
3156                <div :class="{ 'toggle-menu-hidden': $store.xHeaderMenu.show !== 4, 'toggle-menu-show': $store.xHeaderMenu.show === 4, 'active': $store.xHeaderMenu.initIndex.has(4) }" class="toggle-menu text-[rgba(var(--colors-text))] absolute z-50 background-header top-full w-48 xl:w-[222px] shadow-md is-focus:text-[rgba(var(--colors-text))] duration-300">
3157                  <ul class="tree-menu-nav pt-5 pb-5">
3158                    
3159<li 
3160                        x-data="{ openSub: false }" 
3161                        class="relative pl-7 pr-6" 
3162                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
3163                        @mouseleave="$el.classList.remove('is-focus-child');"
3164                        @mouseover.away="openSub = false"
3165                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
3166                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3167                      >
3168                        <div class="sub-menu flex items-center">
3169                          <span class="flex-1">
3170                            <a href="/pages/%E3%81%94%E5%88%A9%E7%94%A8%E3%82%AC%E3%82%A4%E3%83%89" class="nav-link relative p-break-words inline-block hover-text-link is-focus-child:effect-inline"
3171                              
3172                            >
3173                              
3174                              
3175                                
3176                                
3177                                  <span>ご利用ガイド</span>
3178                                
3179                              
3180</a>
3181                          </span>
3182                        </div></li><li 
3183                        x-data="{ openSub: false }" 
3184                        class="relative pl-7 pr-6" 
3185                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
3186                        @mouseleave="$el.classList.remove('is-focus-child');"
3187                        @mouseover.away="openSub = false"
3188                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
3189                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3190                      >
3191                        <div class="sub-menu flex items-center pt-3">
3192                          <span class="flex-1">
3193                            <a href="/pages/program" class="nav-link relative p-break-words inline-block hover-text-link is-focus-child:effect-inline"
3194                              
3195                            >
3196                              
3197                              
3198                                
3199                                
3200                                  <span>ポイントプログラム&LINE ID連携</span>
3201                                
3202                              
3203</a>
3204                          </span>
3205                        </div></li><li 
3206                        x-data="{ openSub: false }" 
3207                        class="relative pl-7 pr-6" 
3208                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
3209                        @mouseleave="$el.classList.remove('is-focus-child');"
3210                        @mouseover.away="openSub = false"
3211                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
3212                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3213                      >
3214                        <div class="sub-menu flex items-center pt-3">
3215                          <span class="flex-1">
3216                            <a href="https://hippopotamus.co.jp/pages/laundry-detergent_2024#shopify-section-template--20069738283206__text_column_with_image_FDJAnp" class="nav-link relative p-break-words inline-block hover-text-link is-focus-child:effect-inline"
3217                              
3218                            >
3219                              
3220                              
3221                                
3222                                
3223                                  <span>洗濯洗剤定期お届け便</span>
3224                                
3225                              
3226</a>
3227                          </span>
3228                        </div></li><li 
3229                        x-data="{ openSub: false }" 
3230                        class="relative pl-7 pr-6" 
3231                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
3232                        @mouseleave="$el.classList.remove('is-focus-child');"
3233                        @mouseover.away="openSub = false"
3234                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
3235                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3236                      >
3237                        <div class="sub-menu flex items-center pt-3">
3238                          <span class="flex-1">
3239                            <a href="/pages/faq" class="nav-link relative p-break-words inline-block hover-text-link is-focus-child:effect-inline"
3240                              
3241                            >
3242                              
3243                              
3244                                
3245                                
3246                                  <span>よくあるご質問</span>
3247                                
3248                              
3249</a>
3250                          </span>
3251                        </div></li><li 
3252                        x-data="{ openSub: false }" 
3253                        class="relative pl-7 pr-6" 
3254                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
3255                        @mouseleave="$el.classList.remove('is-focus-child');"
3256                        @mouseover.away="openSub = false"
3257                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
3258                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3259                      >
3260                        <div class="sub-menu flex items-center pt-3">
3261                          <span class="flex-1">
3262                            <a href="/pages/maintenance" class="nav-link relative p-break-words inline-block hover-text-link is-focus-child:effect-inline"
3263                              
3264                            >
3265                              
3266                              
3267                                
3268                                
3269                                  <span>お手入れのポイント</span>
3270                                
3271                              
3272</a>
3273                          </span>
3274                        </div></li></ul>
3275                  
3276                </div>
3277              </template></li><li 
3278            class="tree-menu  relative has-dropdown"
3279            
3280              
3281              @mouseover="$el.classList.add('is-focus');"
3282              @mouseleave="$el.classList.remove('is-focus');"
3283              @focusin="$el.classList.add('is-focus');"
3284              @focusout="$el.classList.remove('is-focus');"
3285            
3286          >
3287            <div class=" relative cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" x-data='{ active: false }' 
3288              
3289               
3290                @click.prevent="$store.xHeaderMenu.toggleMenu(5)"
3291              
3292            >
3293              <div class="flex items-center relative x-anm">
3294                <a
3295                  href="#"
3296                  class=" cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative transition hover-text-link is-focus:link-active" 
3297                >
3298                  
3299                  
3300                    
3301                    
3302                      
3303
3304
3305<span 
3306  class="highlight relative inline-block" 
3307  x-data="{ isIntersecting: false }" 
3308  x-intersect.once="isIntersecting = true"
3309  :class="isIntersecting && 'highlight-anm-start'"
3310>
3311  特集
3312  
3313  
3314    <svg class="svg-highlight svg-star opacity-0 svg-highlight-sections--20069737627846__header absolute -top-1 -left-2" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
3315      <path d="M6.54054 5.87135L5.99035 4L5.35328 5.87135L3.5 6.52437L5.35328 7.19688L5.99035 9L6.63707 7.19688L8.5 6.52437L6.54054 5.87135Z" stroke="var(--color-highlight)" stroke-width="2"/>
3316    </svg>
3317    <svg class="svg-highlight svg-star opacity-0 animation-bling svg-highlight-sections--20069737627846__header absolute top-1 -left-3" width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
3318      <path d="M4.10811 4.37427L3.99807 4L3.87066 4.37427L3.5 4.50487L3.87066 4.63938L3.99807 5L4.12741 4.63938L4.5 4.50487L4.10811 4.37427Z" stroke="var(--color-highlight)" stroke-width="2"/>
3319    </svg>
3320    <svg class="svg-highlight svg-star opacity-0 animation-bling svg-highlight-sections--20069737627846__header absolute bottom-0 -right-2" width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
3321      <path d="M4.71622 4.74854L4.49614 4L4.24131 4.74854L3.5 5.00975L4.24131 5.27875L4.49614 6L4.75483 5.27875L5.5 5.00975L4.71622 4.74854Z" stroke="var(--color-highlight)" stroke-width="2"/>
3322    </svg>
3323  
3324
3325</span>
3326                    
3327                  
3328                </a>
3329                
3330              </div><span class="x-icon-caret w-5 pl-2">
3331    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3332      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3333    </svg>
3334</span>
3335            </div><template x-if="!$store.xInit.runDispatch">
3336                <div :class="{ 'toggle-menu-hidden': $store.xHeaderMenu.show !== 5, 'toggle-menu-show': $store.xHeaderMenu.show === 5, 'active': $store.xHeaderMenu.initIndex.has(5) }" class="toggle-menu text-[rgba(var(--colors-text))] absolute z-50 background-header top-full w-48 xl:w-[222px] shadow-md is-focus:text-[rgba(var(--colors-text))] duration-300">
3337                  <ul class="tree-menu-nav pt-5 pb-5">
3338                    
3339<li 
3340                        x-data="{ openSub: false }" 
3341                        class="relative pl-7 pr-6" 
3342                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
3343                        @mouseleave="$el.classList.remove('is-focus-child');"
3344                        @mouseover.away="openSub = false"
3345                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
3346                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3347                      >
3348                        <div class="sub-menu flex items-center">
3349                          <span class="flex-1">
3350                            <a href="#" class="nav-link relative p-break-words flex items-center pr-5 hover-text-link is-focus-child:effect-inline"
3351                               @click.prevent="openSub = true;"
3352                            >
3353                              
3354                              
3355                                
3356                                
3357                                  <span>特別コレクション</span>
3358                                
3359                              
3360<span class="icon-child z-10 w-5 h-4 pt-1 pb-1 pl-1 pr-1 rounded-full block absolute -rotate-90 right-0">
3361                                  
3362    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3363      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3364    </svg>
3365
3366                                </span></a>
3367                          </span>
3368                        </div><div class="sub-menu-toggle background-header child absolute -top-5 w-full shadow-showdownInset left-full" :class="openSub ? 'opacity-1 max-h-auto' : 'opacity-0 max-h-0 overflow-hidden' ">
3369                            <ul class="pt-5 pb-5"><li class="relative pl-7 pr-6"
3370                                >
3371                                  <div class="flex items-center">
3372                                    <span class="flex-1">
3373                                      <a href="/pages/crew-neck-knit" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
3374                                        
3375                                        
3376                                          
3377                                          
3378                                            <span>
3378CREW NECK KNIT</span>
3379                                          
3380                                        
3381                                      </a>
3382                                    </span>
3383                                  </div>
3384                                </li><li class="relative pl-7 pr-6"
3385                                >
3386                                  <div class="flex items-center pt-3">
3387                                    <span class="flex-1">
3388                                      <a href="/pages/leopard" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
3389                                        
3390                                        
3391                                          
3392                                          
3393                                            <span>LEOPARD COLLECTION</span>
3394                                          
3395                                        
3396                                      </a>
3397                                    </span>
3398                                  </div>
3399                                </li><li class="relative pl-7 pr-6"
3400                                >
3401                                  <div class="flex items-center pt-3">
3402                                    <span class="flex-1">
3403                                      <a href="/pages/estnation" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
3404                                        
3405                                        
3406                                          
3407                                          
3408                                            <span>ESTNATIONコラボレーション</span>
3409                                          
3410                                        
3411                                      </a>
3412                                    </span>
3413                                  </div>
3414                                </li><li class="relative pl-7 pr-6"
3415                                >
3416                                  <div class="flex items-center pt-3">
3417                                    <span class="flex-1">
3418                                      <a href="/pages/ronherman" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
3419                                        
3420                                        
3421                                          
3422                                          
3423                                            <span>ロンハーマンコラボレーション</span>
3424                                          
3425                                        
3426                                      </a>
3427                                    </span>
3428                                  </div>
3429                                </li><li class="relative pl-7 pr-6"
3430                                >
3431                                  <div class="flex items-center pt-3">
3432                                    <span class="flex-1">
3433                                      <a href="/pages/monpoke" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
3434                                        
3435                                        
3436                                          
3437                                          
3438                                            <span>monpoké (モンポケ)</span>
3439                                          
3440                                        
3441                                      </a>
3442                                    </span>
3443                                  </div>
3444                                </li><li class="relative pl-7 pr-6"
3445                                >
3446                                  <div class="flex items-center pt-3">
3447                                    <span class="flex-1">
3448                                      <a href="/pages/sauna-hat" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
3449                                        
3450                                        
3451                                          
3452                                          
3453                                            <span>サウナハット</span>
3454                                          
3455                                        
3456                                      </a>
3457                                    </span>
3458                                  </div>
3459                                </li><li class="relative pl-7 pr-6"
3460                                >
3461                                  <div class="flex items-center pt-3">
3462                                    <span class="flex-1">
3463                                      <a href="/pages/laundry-detergent_2024" class="nav-link inline-block p-break-words relative hover-text-link is-focus-subchild:effect-inline">
3464                                        
3465                                        
3466                                          
3467                                          
3468                                            <span>LAUNDRY DETERGENT</span>
3469                                          
3470                                        
3471                                      </a>
3472                                    </span>
3473                                  </div>
3474                                </li></ul>
3475                          </div></li><li 
3476                        x-data="{ openSub: false }" 
3477                        class="relative pl-7 pr-6" 
3478                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
3479                        @mouseleave="$el.classList.remove('is-focus-child');"
3480                        @mouseover.away="openSub = false"
3481                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
3482                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3483                      >
3484                        <div class="sub-menu flex items-center pt-3">
3485                          <span class="flex-1">
3486                            <a href="/blogs/interview" class="nav-link relative p-break-words inline-block hover-text-link is-focus-child:effect-inline"
3487                              
3488                            >
3489                              
3490                              
3491                                
3492                                
3493                                  <span>Life With Hippo(インタビュー)</span>
3494                                
3495                              
3496</a>
3497                          </span>
3498                        </div></li><li 
3499                        x-data="{ openSub: false }" 
3500                        class="relative pl-7 pr-6" 
3501                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
3502                        @mouseleave="$el.classList.remove('is-focus-child');"
3503                        @mouseover.away="openSub = false"
3504                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
3505                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3506                      >
3507                        <div class="sub-menu flex items-center pt-3">
3508                          <span class="flex-1">
3509                            <a href="/blogs/journal" class="nav-link relative p-break-words inline-block hover-text-link is-focus-child:effect-inline"
3510                              
3511                            >
3512                              
3513                              
3514                                
3515                                
3516                                  <span>ジャーナル(豆知識)</span>
3517                                
3518                              
3519</a>
3520                          </span>
3521                        </div></li></ul>
3522                  
3523                    <div class="hidden 1" @init-run.window="$store.xHeaderMenu.setPosition($el,2); $store.xHeaderMenu.resizeWindow($el,2)"></div>
3524                  
3525                </div>
3526              </template></li><li 
3527            class="tree-menu "
3528            
3529              
3530                @click="window.location.replace(LinkDrop);"
3531              
3532              @mouseover="$el.classList.add('is-focus');"
3533              @mouseleave="$el.classList.remove('is-focus');"
3534              @focusin="$el.classList.add('is-focus');"
3535              @focusout="$el.classList.remove('is-focus');"
3536            
3537          >
3538            <div class=" relative cursor-pointer tree-menu-item p-break-words inline-block justify-center pt-1 pb-1 relative hover-text-link 
3538is-focus:link-active" x-data='{ active: false }' 
3539              
3540              
3541            >
3542              <div class="flex items-center relative x-anm">
3543                <a
3544                  href="/pages/stockists"
3545                  class=" cursor-pointer tree-menu-item p-break-words inline-block justify-center pt-1 pb-1 relative transition hover-text-link is-focus:link-active" 
3546                >
3547                  
3548                  
3549                    
3550                    
3551                      取扱店舗
3552                    
3553                  
3554                </a>
3555                
3556              </div>
3557            </div></li><li 
3558            class="tree-menu  relative has-dropdown"
3559            
3560              
3561              @mouseover="$el.classList.add('is-focus');"
3562              @mouseleave="$el.classList.remove('is-focus');"
3563              @focusin="$el.classList.add('is-focus');"
3564              @focusout="$el.classList.remove('is-focus');"
3565            
3566          >
3567            <div class=" relative cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" x-data='{ active: false }' 
3568              
3569               
3570                @click.prevent="$store.xHeaderMenu.toggleMenu(7)"
3571              
3572            >
3573              <div class="flex items-center relative x-anm">
3574                <a
3575                  href="/pages/brand"
3576                  class=" cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative transition hover-text-link is-focus:link-active" 
3577                >
3578                  
3579                  
3580                    
3581                    
3582                      ヒポポタマスとは
3583                    
3584                  
3585                </a>
3586                
3587              </div><span class="x-icon-caret w-5 pl-2">
3588    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3589      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3590    </svg>
3591</span>
3592            </div><template x-if="!$store.xInit.runDispatch">
3593                <div :class="{ 'toggle-menu-hidden': $store.xHeaderMenu.show !== 7, 'toggle-menu-show': $store.xHeaderMenu.show === 7, 'active': $store.xHeaderMenu.initIndex.has(7) }" class="toggle-menu text-[rgba(var(--colors-text))] absolute z-50 background-header top-full w-48 xl:w-[222px] shadow-md is-focus:text-[rgba(var(--colors-text))] duration-300">
3594                  <ul class="tree-menu-nav pt-5 pb-5">
3595                    
3596<li 
3597                        x-data="{ openSub: false }" 
3598                        class="relative pl-7 pr-6" 
3599                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
3600                        @mouseleave="$el.classList.remove('is-focus-child');"
3601                        @mouseover.away="openSub = false"
3602                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
3603                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3604                      >
3605                        <div class="sub-menu flex items-center">
3606                          <span class="flex-1">
3607                            <a href="/pages/about2" class="nav-link relative p-break-words inline-block hover-text-link is-focus-child:effect-inline"
3608                              
3609                            >
3610                              
3611                              
3612                                
3613                                
3614                                  <span>フィロソフィー</span>
3615                                
3616                              
3617</a>
3618                          </span>
3619                        </div></li><li 
3620                        x-data="{ openSub: false }" 
3621                        class="relative pl-7 pr-6" 
3622                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
3623                        @mouseleave="$el.classList.remove('is-focus-child');"
3624                        @mouseover.away="openSub = false"
3625                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
3626                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3627                      >
3628                        <div class="sub-menu flex items-center pt-3">
3629                          <span class="flex-1">
3630                            <a href="/pages/brand" class="nav-link relative p-break-words inline-block hover-text-link is-focus-child:effect-inline"
3631                              
3632                            >
3633                              
3634                              
3635                                
3636                                
3637                                  <span>マニュファクチャリング</span>
3638                                
3639                              
3640</a>
3641                          </span>
3642                        </div></li><li 
3643                        x-data="{ openSub: false }" 
3644                        class="relative pl-7 pr-6" 
3645                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
3646                        @mouseleave="$el.classList.remove('is-focus-child');"
3647                        @mouseover.away="openSub = false"
3648                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
3649                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3650                      >
3651                        <div class="sub-menu flex items-center pt-3">
3652                          <span class="flex-1">
3653                            <a href="https://hippopotamus.co.jp/pages/brand#shopify-section-template--21305754681542__promotion_banner_QwGYn7" class="nav-link relative p-break-words inline-block hover-text-link is-focus-child:effect-inline"
3654                              
3655                            >
3656                              
3657                              
3658                                
3659                                
3660                                  <span>カラーストーリー</span>
3661                                
3662                              
3663</a>
3664                          </span>
3665                        </div></li><li 
3666                        x-data="{ openSub: false }" 
3667                        class="relative pl-7 pr-6" 
3668                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
3669                        @mouseleave="$el.classList.remove('is-focus-child');"
3670                        @mouseover.away="openSub = false"
3671                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
3672                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3673                      >
3674                        <div class="sub-menu flex items-center pt-3">
3675                          <span class="flex-1">
3676                            <a href="/pages/reviews" class="nav-link relative p-break-words inline-block hover-text-link is-focus-child:effect-inline"
3677                              
3678                            >
3679                              
3680                              
3681                                
3682                                
3683                                  <span>カスタマーレビュー</span>
3684                                
3685                              
3686</a>
3687                          </span>
3688                        </div></li></ul>
3689                  
3690                </div>
3691              </template></li><li 
3692            class="tree-menu "
3693            
3694              
3695                @click="window.location.replace(LinkDrop);"
3696              
3697              @mouseover="$el.classList.add('is-focus');"
3698              @mouseleave="$el.classList.remove('is-focus');"
3699              @focusin="$el.classList.add('is-focus');"
3700              @focusout="$el.classList.remove('is-focus');"
3701            
3702          >
3703            <div class=" relative cursor-pointer tree-menu-item p-break-words inline-block justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" x-data='{ active: false }' 
3704              
3705              
3706            >
3707              <div class="flex items-center relative x-anm">
3708                <a
3709                  href="/pages/embroidery"
3710                  class=" cursor-pointer tree-menu-item p-break-words inline-block justify-center pt-1 pb-1 relative transition hover-text-link 
3710is-focus:link-active" 
3711                >
3712                  
3713                  
3714                    
3715                    
3716                      刺繍サービス
3717                    
3718                  
3719                </a>
3720                
3721              </div>
3722            </div></li></ul>
3723</nav>
3724      
3725    </header>
3726    
3727    
3728  </div>
3729  
3730</div><div id="x-cart-drawer-container" class="z-[70] fixed" @init-run.window="$store.xHeaderMenu.renderAjax($el, 'cart-drawer', '#ajax-loading-cart');"></div>
3730<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/search-prompts.js?v=181440801706723618771774087103" defer></script>
3730                   
3731<script type="application/ld+json">
3732  {
3733    "@context": "http://schema.org",
3734    "@type": "Organization",
3735    "name": "Hippopotamus-official",
3736    
3737      "logo": "https:\/\/hippopotamus.co.jp\/cdn\/shop\/files\/logo_Hippopotums.png?v=1764326568\u0026width=1500",
3738    
3739    "sameAs": [
3740      "",
3741      "https:\/\/www.facebook.com\/organic.hippopotamus\/",
3742      "",
3743      "https:\/\/www.instagram.com\/hippopotamus_japan\/",
3744      "",
3745      "",
3746      "",
3747      "",
3748      ""
3749    ],
3750    "url": "https:\/\/hippopotamus.co.jp"
3751  }
3752</script>
3752<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/store-selector.js?v=69199566774997787001774087103" defer="defer"></script>
vendor: 1 bytes, line 3752
3752
3753<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/account-custom.js?v=43075683502004529451778686094" defer></script>
3753                   
3754
3755
3756</div><div id="shopify-section-sections--20069737627846__mobile-navigation" class="shopify-section shopify-section-group-header-group-puff section-mobile-navigation"><style data-shopify>#mobile-navigation {
3757    contain: style layout;
3758  }
3759  #mobile-navigation * {border-color: #f2f2f2;}
3760  .dark #mobile-navigation * {border-color: #313131;}
3761  #mobile-navigation .text-color,
3762  #mobile-navigation .background-header {background: #031b53;--colors-heading: 255, 255, 255;
3763      color: #ffffff;
3764      --colors-text: 255, 255, 255;
3765      --colors-text-header: 255, 255, 255;  
3766      --colors-text-link: 234, 82, 5;
3767    
3768  }
3769  .dark #mobile-navigation .text-color,
3770  .dark #mobile-navigation .background-header {background: #202020;--colors-heading: 255, 255, 255;
3771      color: #ffffff;
3772      --colors-text-header: 255, 255, 255;
3773      --colors-text: 255, 255, 255;  
3774      --colors-text-link: 251, 133, 0;
3775    
3776  }
3777  
3778  .block-mobile-navigation-after::after {
3779    content: var(--tw-content);
3780    position: absolute;
3781    width: 100%;
3782    left: 0;
3783    border-bottom-width: 1px;border-color: #f2f2f2;}
3784  .dark .block-mobile-navigation-after::after {border-color: #313131;}
3785  .font-menu-level-0 {
3786    font-size: 1.25rem;
3787  }
3788  .font-menu-level-1 {
3789    font-size: 1.0rem;
3790  }
3791  .font-menu-level-2 {
3792    font-size: 0.875rem;
3793  }
3794  
3795    .block-mobile-navigation-menu .font-menu-level-0, 
3796    .block-mobile-navigation-menu .font-menu-level-1, 
3797    .block-mobile-navigation-menu .font-menu-level-2,
3798    .block-mobile-navigation-carousel_menu .font-menu-level-0,
3799    .block-mobile-navigation-carousel_menu .font-menu-level-2,
3800    .block-mobile-navigation-account .font-menu-level-1,
3801    .block-mobile-navigation-cart .font-menu-level-1
3802    {
3803      font-size: 0.7875rem;
3804      font-weight: var(--font-body-weight);
3805    }
3806  
3807</style><div
3808  class="z-[70] fixed top-0 h-full w-full opacity-60 bg-black"
3809  x-show="$store.xMobileNav.show"
3810  x-cloak
3811  @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
3812></div>
3813<template x-if="!$store.xInit.runDispatch">
3814  <div
3815    id="mobile-navigation"
3816    :class="{ 'menu-opening': $store.xMobileNav.show }" 
3817    class="menu-drawer fixed z-[70] top-0 bottom-0 w-full max-w-xl motion-reduce overflow-x-hidden ltr left-0 -translate-x-full"
3818  >
3819    <div class="x-container-mobile-nav background-header gradient menu-drawer duration-300 ease-in-out overflow-hidden h-full flex flex-col">
3820      <div class="x-block-mobile-nav-close pt-4 pb-4 pl-4 pr-4 w-full flex justify-between items-center"
3821        aria-label="閉じる"
3822      >
3823        <span class="font-menu-level-2 uppercase">メニュー</span>
3824        <span
3825          class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full absolute top-2 right-2 rtl:right-auto rtl:left-2"
3826          @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
3827        >
3828    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3829      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
3830    </svg>
3831</span>
3832      </div>
3833      <div
3834        id="menu-navigation"
3835        class="h-full flex-1 overflow-x-hidden scrollbar-body overflow-y-auto scrollbar-stable"
3836      >
3837        
3838        <ul 
3839          x-data="{ openCur: 0 }"
3840          id="menu-level-0"
3841          role="list" 
3842          class="menu-parent relative h-full w-full" 
3843        >
3844           <li class="block-mobile-navigation-menu">
3845                <span class="flex empty:hidden border-t ml-4 mr-4"></span>
3846
3847
3848
3849<div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-1')" 
3850        class="flex items-center gap-4 pr-4 pl-4 border-b"
3851      ><style data-shopify>
3852
3853</style>
3854          <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect">
3855        
3856          
3857          
3858          <span class="flex flex-wrap gap-x-2">
3859            <span class="p-break-words font-medium font-menu-level-0">
3860              
3861              
3862                <span>商品カテゴリー</span>
3863              
3864            </span>
3865            
3866            
3867          </span>
3868        </span>
3869<span
3870            class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90"
3871          >
3872    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3873      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3874    </svg>
3875</span></div><div
3876          class="menu-drawer duration-300 ease-in-out top-0 left-0 fixed background-header w-full h-full z-30 invisible -translate-x-full"
3877          :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-1')}"
3878        >
3879          <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full"
3880            :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'"
3881          >
3882            <div class="flex items-center sticky top-0 background-header z-30 pt-4 pb-4 pl-4 pr-4 gap-4 justify-between">
3883              <div class="flex items-center">
3884                <span class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90" 
3885                  @click="$store.xMobileNav.removeActiveLink('-1'); "
3886                >
3887                  
3888    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3889      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3890    </svg>
3891
3892                </span>
3893                <a href="/collections/all-items" class="flex relative flex-wrap gap-x-2 flex-1 font-medium disable-effect">
3894                  <span class="p-break-words font-menu-level-0">
3895                    
3896                    
3897                      <span>商品カテゴリー</span>
3898                    
3899                  </span>
3900                  
3901                  
3902                </a>
3903              </div>
3904              <span
3905                class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full"
3906                @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
3907              >
3908    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3909      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
3910    </svg>
3911</span>
3912            </div>
3913            <ul 
3914              id="menu-level-1"
3915              class="background-header w-full" 
3916            ><li  class="border-b pb-3 pl-4 pr-4 pt-3">
3917                  
3918                  <div
3919                    class="flex items-center justify-between h-full gap-"
3920                    @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-1-1');"
3921                  >
3922                    
3923                      <span class="p-break-words flex gap-3 h-full flex-1 disable-effect items-center">
3924                    
3925                      
3926                      
3927                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
3928                        <span class="flex flex-wrap gap-x-2">
3929                          
3930                          
3931                            <span>タオル</span>
3932                          
3933                          
3934                          
3935                        </span>
3936                        
3937                      </span>
3938                    </span>
3939 
3940                    <span class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90">
3941                      
3942    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3943      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3944    </svg>
3945
3946                    </span>
3947                  
3948</div><div
3949                      class="menu-drawer duration-300 ease-in-out top-0 left-0 absolute background-header w-full h-full z-30 invisible -translate-x-full" 
3950                      :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-1-1')} "
3951                    >
3952                      <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full"
3953                        :class="$store.xMobileNav.currentMenuLinks.length == 3 ? 'overflow-hidden' : 'overflow-y-auto'"
3954                      >
3955                        <div class="flex items-center sticky top-0 background-header z-30 justify-between pt-4 pb-4 pl-4 pr-4 gap-4">
3956                          <div class="flex items-center">
3957                            <span
3958                              class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90"
3959                              @click="$store.xMobileNav.removeActiveLink('-1-1')"
3960                            >
3961    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3962      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3963    </svg>
3964</span>
3965                            <a href="#" class="p-break-words flex flex-wrap gap-x-2 flex-1 font-menu-level-0 font-medium disable-effect">
3966                              
3967                              
3968                                <span>タオル</span>
3969                              
3970                              
3971                              
3972                            </a>
3973                          </div>
3974                          <span
3975                            class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full"
3976                            @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
3977                          >
3978    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3979      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
3980    </svg>
3981</span>
3982                        </div>
3983                        <ul
3984                          id="menu-level-2"
3985                          class="w-full background-header"
3986                        ><li  class="pb-3 border-b pl-4 pr-4 pt-3">
3987                              <a
3988                                href="/collections/bath-towels"
3989                                class="p-break-words h-full disable-effect flex gap-3 items-center"
3990                                
3991                              >
3992                                
3993                                
3994                                <span class="flex flex-wrap gap-x-2">
3995                                  <span class="font-menu-level-2 mt-auto mb-auto">
3996                                    
3997                                    
3998                                      <span>バスタオル</span>
3999                                    
4000                                  </span>
4001                                  
4002                                  
4003                                </span>
4004                              </a>
4005                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
4006                              <a
4007                                href="/collections/face-towels"
4008                                class="p-break-words h-full disable-effect flex gap-3 items-center"
4009                                
4010                              >
4011                                
4012                                
4013                                <span class="flex flex-wrap gap-x-2">
4014                                  <span class="font-menu-level-2 mt-auto mb-auto">
4015                                    
4016                                    
4017                                      <span>フェイスタオル</span>
4018                                    
4019                                  </span>
4020                                  
4021                                  
4022                                </span>
4023                              </a>
4024                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
4025                              <a
4026                                href="/collections/hand-towels"
4027                                class="p-break-words h-full disable-effect flex gap-3 items-center"
4028                                
4029                              >
4030                                
4031                                
4032                                <span class="flex flex-wrap gap-x-2">
4033                                  <span class="font-menu-level-2 mt-auto mb-auto">
4034                                    
4035                                    
4036                                      <span>ハンドタオル</span>
4037                                    
4038                                  </span>
4039                                  
4040                                  
4041                                </span>
4042                              </a>
4043                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
4044                              <a
4045                                href="/collections/towel"
4046                                class="p-break-words h-full disable-effect flex gap-3 items-center"
4047                                
4048                              >
4049                                
4050                                
4051                                <span class="flex flex-wrap gap-x-2">
4052                                  <span class="font-menu-level-2 mt-auto mb-auto">
4053                                    
4054                                    
4055                                      <span>全てのタオル</span>
4056                                    
4057                                  </span>
4058                                  
4059                                  
4060                                </span>
4061                              </a>
4062                            </li></ul>
4063                      </div>
4064                    </div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
4065                  
4066                  <div
4067                    class="flex items-center justify-between h-full gap-"
4068                    @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-1-2');"
4069                  >
4070                    
4071                      <span class="p-break-words flex gap-3 h-full flex-1 disable-effect items-center">
4072                    
4073                      
4074                      
4075                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
4076                        <span class="flex flex-wrap gap-x-2">
4077                          
4078                          
4079                            <span>ギフト</span>
4080                          
4081                          
4082                          
4083                        </span>
4084                        
4085                      </span>
4086                    </span>
4087 
4088                    <span class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90">
4089                      
4090    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4091      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4092    </svg>
4093
4094                    </span>
4095                  
4096</div><div
4097                      class="menu-drawer duration-300 ease-in-out top-0 left-0 absolute background-header w-full h-full z-30 invisible -translate-x-full" 
4098                      :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-1-2')} "
4099                    >
4100                      <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full"
4101                        :class="$store.xMobileNav.currentMenuLinks.length == 3 ? 'overflow-hidden' : 'overflow-y-auto'"
4102                      >
4103                        <div class="flex items-center sticky top-0 background-header z-30 justify-between pt-4 pb-4 pl-4 pr-4 gap-4">
4104                          <div class="flex items-center">
4105                            <span
4106                              class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90"
4107                              @click="$store.xMobileNav.removeActiveLink('-1-2')"
4108                            >
4109    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4110      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4111    </svg>
4112</span>
4113                            <a href="#" class="p-break-words flex flex-wrap gap-x-2 flex-1 font-menu-level-0 font-medium disable-effect">
4114                              
4115                              
4116                                <span>ギフト</span>
4117                              
4118                              
4119                              
4120                            </a>
4121                          </div>
4122                          <span
4123                            class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full"
4124                            @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
4125                          >
4126    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4127      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
4128    </svg>
4129</span>
4130                        </div>
4131                        <ul
4132                          id="menu-level-2"
4133                          class="w-full background-header"
4134                        ><li  class="pb-3 border-b pl-4 pr-4 pt-3">
4135                              <a
4136                                href="/collections/gift-bestselling"
4137                                class="p-break-words h-full disable-effect flex gap-3 items-center"
4138                                
4139                              >
4140                                
4141                                
4142                                <span class="flex flex-wrap gap-x-2">
4143                                  <span class="font-menu-level-2 mt-auto mb-auto">
4144                                    
4145                                    
4146                                      <span>タオルギフト</span>
4147                                    
4148                                  </span>
4149                                  
4150                                  
4151                                </span>
4152                              </a>
4153                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
4154                              <a
4155                                href="https://hippopotamus.co.jp/collections/gift-baby"
4156                                class="p-break-words h-full disable-effect flex gap-3 items-center"
4157                                
4158                              >
4159                                
4160                                
4161                                <span class="flex flex-wrap gap-x-2">
4162                                  <span class="font-menu-level-2 mt-auto mb-auto">
4163                                    
4164                                    
4165                                      <span>出産のお祝い</span>
4166                                    
4167                                  </span>
4168                                  
4169                                  
4170                                </span>
4171                              </a>
4172                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
4173                              <a
4174                                href="https://hippopotamus.co.jp/collections/gift-wedding"
4175                                class="p-break-words h-full disable-effect flex gap-3 items-center"
4176                                
4177                              >
4178                                
4179                                
4180                                <span class="flex flex-wrap gap-x-2">
4181                                  <span class="font-menu-level-2 mt-auto mb-auto">
4182                                    
4183                                    
4184                                      <span>結婚のお祝い</span>
4185                                    
4186                                  </span>
4187                                  
4188                                  
4189                                </span>
4190                              </a>
4191                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
4192                              <a
4193                                href="/collections/gift-thanks"
4194                                class="p-break-words h-full disable-effect flex gap-3 items-center"
4195                                
4196                              >
4197                                
4198                                
4199                                <span class="flex flex-wrap gap-x-2">
4200                                  <span class="font-menu-level-2 mt-auto mb-auto">
4201                                    
4202                                    
4203                                      <span>誕生日/お返し</span>
4204                                    
4205                                  </span>
4206                                  
4207                                  
4208                                </span>
4209                              </a>
4210                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
4211                              <a
4212                                href="/collections/gift_-chiefbear_pvt"
4213                                class="p-break-words h-full disable-effect flex gap-3 items-center"
4214                                
4215                              >
4216                                
4217                                
4218                                <span class="flex flex-wrap gap-x-2">
4219                                  <span class="font-menu-level-2 mt-auto mb-auto">
4220                                    
4221                                    
4222                                      <span>タオルベアギフト</span>
4223                                    
4224                                  </span>
4225                                  
4226                                  
4227                                </span>
4228                              </a>
4229                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
4230                              <a
4231                                href="/collections/gift"
4232                                class="p-break-words h-full disable-effect flex gap-3 items-center"
4233                                
4234                              >
4235                                
4236                                
4237                                <span class="flex flex-wrap gap-x-2">
4238                                  <span class="font-menu-level-2 mt-auto mb-auto">
4239                                    
4240                                    
4241                                      <span>全てのギフト</span>
4242                                    
4243                                  </span>
4244                                  
4245                                  
4246                                </span>
4247                              </a>
4248                            </li></ul>
4249                      </div>
4250                    </div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
4251                  
4252                  <div
4253                    class="flex items-center justify-between h-full gap-"
4254                    
4255                  >
4256                    
4257                      <a href="/collections/baby-toy" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
4258                    
4259                      
4260                      
4261                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
4262                        <span class="flex flex-wrap gap-x-2">
4263                          
4264                          
4265                            <span>ベビー&amp;トイ</span>
4266                          
4267                          
4268                          
4269                        </span>
4270                        
4271                      </span>
4272                    </a>
4273</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
4274                  
4275                  <div
4276                    class="flex items-center justify-between h-full gap-"
4277                    
4278                  >
4279                    
4280                      <a href="/collections/room-shoes" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
4281                    
4282                      
4283                      
4284                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
4285                        <span class="flex flex-wrap gap-x-2">
4286                          
4287                          
4288                            <span>ルームシューズ</span>
4289                          
4290                          
4291                          
4292                        </span>
4293                        
4294                      </span>
4295                    </a>
4296</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
4297                  
4298                  <div
4299                    class="flex items-center justify-between h-full gap-"
4300                    @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-1-5');"
4301                  >
4302                    
4303                      <span class="p-break-words flex gap-3 h-full flex-1 disable-effect items-center">
4304                    
4305                      
4306                      
4307                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
4308                        <span class="flex flex-wrap gap-x-2">
4309                          
4310                          
4311                            <span>寝具&パジャマ</span>
4312                          
4313                          
4314                          
4315                        </span>
4316                        
4317                      </span>
4318                    </span>
4319 
4320                    <span class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90">
4321                      
4322    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4323      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4324    </svg>
4325
4326                    </span>
4327                  
4328</div><div
4329                      class="menu-drawer duration-300 ease-in-out top-0 left-0 absolute background-header w-full h-full z-30 invisible -translate-x-full" 
4330                      :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-1-5')} "
4331                    >
4332                      <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full"
4333                        :class="$store.xMobileNav.currentMenuLinks.length == 3 ? 'overflow-hidden' : 'overflow-y-auto'"
4334                      >
4335                        <div class="flex items-center sticky top-0 background-header z-30 justify-between pt-4 pb-4 pl-4 pr-4 gap-4">
4336                          <div class="flex items-center">
4337                            <span
4338                              class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90"
4339                              @click="$store.xMobileNav.removeActiveLink('-1-5')"
4340                            >
4341    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4342      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4343    </svg>
4344</span>
4345                            <a href="#" class="p-break-words flex flex-wrap gap-x-2 flex-1 font-menu-level-0 font-medium disable-effect">
4346                              
4347                              
4348                                <span>寝具&パジャマ</span>
4349                              
4350                              
4351                              
4352                            </a>
4353                          </div>
4354                          <span
4355                            class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full"
4356                            @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
4357                          >
4358    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4359      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
4360    </svg>
4361</span>
4362                        </div>
4363                        <ul
4364                          id="menu-level-2"
4365                          class="w-full background-header"
4366                        ><li  class="pb-3 border-b pl-4 pr-4 pt-3">
4367                              <a
4368                                href="/collections/towelket-gauzeket"
4369                                class="p-break-words h-full disable-effect flex gap-3 items-center"
4370                                
4371                              >
4372                                
4373                                
4374                                <span class="flex flex-wrap gap-x-2">
4375                                  <span class="font-menu-level-2 mt-auto mb-auto">
4376                                    
4377                                    
4378                                      <span>タオルケット&ガーゼケット</span>
4379                                    
4380                                  </span>
4381                                  
4382                                  
4383                                </span>
4384                              </a>
4385                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
4386                              <a
4387                                href="/collections/clothing"
4388                                class="p-break-words h-full disable-effect flex gap-3 items-center"
4389                                
4390                              >
4391                                
4392                                
4393                                <span class="flex flex-wrap gap-x-2">
4394                                  <span class="font-menu-level-2 mt-auto mb-auto">
4395                                    
4396                                    
4397                                      <span>ルームウェア</span>
4398                                    
4399                                  </span>
4400                                  
4401                                  
4402                                </span>
4403                              </a>
4404                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
4405                              <a
4406                                href="/collections/bedding-and-pyjamas"
4407                                class="p-break-words h-full disable-effect flex gap-3 items-center"
4408                                
4409                              >
4410                                
4411                                
4412                                <span class="flex flex-wrap gap-x-2">
4413                                  <span class="font-menu-level-2 mt-auto mb-auto">
4414                                    
4415                                    
4416                                      <span>全ての寝具&パジャマ</span>
4417                                    
4418                                  </span>
4419                                  
4420                                  
4421                                </span>
4422                              </a>
4423                            </li></ul>
4424                      </div>
4425                    </div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
4426                  
4427                  <div
4428                    class="flex items-center justify-between h-full gap-"
4429                    
4430                  >
4431                    
4432                      <a href="/collections/bathroom" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
4433                    
4434                      
4435                      
4436                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
4437                        <span class="flex flex-wrap gap-x-2">
4438                          
4439                          
4440                            <span>バスルーム&サウナ</span>
4441                          
4442                          
4443                          
4444                        </span>
4445                        
4446                      </span>
4447                    </a>
4448</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
4449                  
4450                  <div
4451                    class="flex items-center justify-between h-full gap-"
4452                    @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-1-7');"
4453                  >
4454                    
4455                      <span class="p-break-words flex gap-3 h-full flex-1 disable-effect items-center">
4456                    
4457                      
4458                      
4459                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
4460                        <span class="flex flex-wrap gap-x-2">
4461                          
4462                          
4463                            <span>洗濯洗剤</span>
4464                          
4465                          
4466                          
4467                        </span>
4468                        
4469                      </span>
4470                    </span>
4471 
4472                    <span class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90">
4473                      
4474    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4475      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4476    </svg>
4477
4478                    </span>
4479                  
4480</div><div
4481                      class="menu-drawer duration-300 ease-in-out top-0 left-0 absolute background-header w-full h-full z-30 invisible -translate-x-full" 
4482                      :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-1-7')} "
4483                    >
4484                      <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full"
4485                        :class="$store.xMobileNav.currentMenuLinks.length == 3 ? 'overflow-hidden' : 'overflow-y-auto'"
4486                      >
4487                        <div class="flex items-center sticky top-0 background-header z-30 justify-between pt-4 pb-4 pl-4 pr-4 gap-4">
4488                          <div class="flex items-center">
4489                            <span
4490                              class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90"
4491                              @click="$store.xMobileNav.removeActiveLink('-1-7')"
4492                            >
4493    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4494      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4495    </svg>
4496</span>
4497                            <a href="#" class="p-break-words flex flex-wrap gap-x-2 flex-1 font-menu-level-0 font-medium disable-effect">
4498                              
4499                              
4500                                <span>洗濯洗剤</span>
4501                              
4502                              
4503                              
4504                            </a>
4505                          </div>
4506                          <span
4507                            class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full"
4508                            @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
4509                          >
4510    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4511      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
4512    </svg>
4513</span>
4514                        </div>
4515                        <ul
4516                          id="menu-level-2"
4517                          class="w-full background-header"
4518                        ><li  class="pb-3 border-b pl-4 pr-4 pt-3">
4519                              <a
4520                                href="/pages/laundry-detergent_2024"
4521                                class="p-break-words h-full disable-effect flex gap-3 items-center"
4522                                
4523                              >
4524                                
4525                                
4526                                <span class="flex flex-wrap gap-x-2">
4527                                  <span class="font-menu-level-2 mt-auto mb-auto">
4528                                    
4529                                    
4530                                      <span>定期お届け便</span>
4531                                    
4532                                  </span>
4533                                  
4534                                  
4535                                </span>
4536                              </a>
4537                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
4538                              <a
4539                                href="/collections/detergent_cat"
4540                                class="p-break-words h-full disable-effect flex gap-3 items-center"
4541                                
4542                              >
4543                                
4544                                
4545                                <span class="flex flex-wrap gap-x-2">
4546                                  <span class="font-menu-level-2 mt-auto mb-auto">
4547                                    
4548                                    
4549                                      <span>全ての洗濯洗剤</span>
4550                                    
4551                                  </span>
4552                                  
4553                                  
4554                                </span>
4555                              </a>
4556                            </li></ul>
4557                      </div>
4558                    </div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
4559                  
4560                  <div
4561                    class="flex items-center justify-between h-full gap-"
4562                    
4563                  >
4564                    
4565                      <a href="/collections/collaboration" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
4566                    
4567                      
4568                      
4569                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
4570                        <span class="flex flex-wrap gap-x-2">
4571                          
4572                          
4573                            <span>コラボレーション</span>
4574                          
4575                          
4576                          
4577                        </span>
4578                        
4579                      </span>
4580                    </a>
4581</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
4582                  
4583                  <div
4584                    class="flex items-center justify-between h-full gap-"
4585                    
4586                  >
4587                    
4588                      <a href="/collections/all-items" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
4589                    
4590                      
4591                      
4592                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
4593                        <span class="flex flex-wrap gap-x-2">
4594                          
4595                          
4596                            <span>全ての商品</span>
4597                          
4598                          
4599                          
4600                        </span>
4601                        
4602                      </span>
4603                    </a>
4604</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
4605                  
4606                  <div
4607                    class="flex items-center justify-between h-full gap-"
4608                    
4609                  >
4610                    
4611                      <a href="/pages/embroidery" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
4612                    
4613                      
4614                      
4615                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
4616                        <span class="flex flex-wrap gap-x-2">
4617                          
4618                          
4619                            <span>刺繍サービス</span>
4620                          
4621                          
4622                          
4623                        </span>
4624                        
4625                      </span>
4626                    </a>
4627</div></li></ul>
4628          </div>
4629        </div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-2')" 
4630        class="flex items-center gap-4 pr-4 pl-4 border-b"
4631      ><style data-shopify>
4632
4633</style>
4634          <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect">
4635        
4636          
4637          
4638          <span class="flex flex-wrap gap-x-2">
4639            <span class="p-break-words font-medium font-menu-level-0">
4640              
4641              
4642                <span>ギフト</span>
4643              
4644            </span>
4645            
4646            
4647          </span>
4648        </span>
4649<span
4650            class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90"
4651          >
4652    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4653      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4654    </svg>
4655</span></div><div
4656          class="menu-drawer duration-300 ease-in-out top-0 left-0 fixed background-header w-full h-full z-30 invisible -translate-x-full"
4657          :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-2')}"
4658        >
4659          <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full"
4660            :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'"
4661          >
4662            <div class="flex items-center sticky top-0 background-header z-30 pt-4 pb-4 pl-4 pr-4 gap-4 justify-between">
4663              <div class="flex items-center">
4664                <span class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90" 
4665                  @click="$store.xMobileNav.removeActiveLink('-2'); "
4666                >
4667                  
4668    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4669      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4670    </svg>
4671
4672                </span>
4673                <a href="/collections/gift" class="flex relative flex-wrap gap-x-2 flex-1 font-medium disable-effect">
4674                  <span class="p-break-words font-menu-level-0">
4675                    
4676                    
4677                      <span>ギフト</span>
4678                    
4679                  </span>
4680                  
4681                  
4682                </a>
4683              </div>
4684              <span
4685                class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full"
4686                @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
4687              >
4688    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4689      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
4690    </svg>
4691</span>
4692            </div>
4693            <ul 
4694              id="menu-level-1"
4695              class="background-header w-full" 
4696            ><li  class="border-b pb-3 pl-4 pr-4 pt-3">
4697                  
4698                  <div
4699                    class="flex items-center justify-between h-full gap-"
4700                    
4701                  >
4702                    
4703                      <a href="/pages/lp-gift" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
4704                    
4705                      
4706                      
4707                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
4708                        <span class="flex flex-wrap gap-x-2">
4709                          
4710                          
4711                            <span>ギフトを探す</span>
4712                          
4713                          
4714                          
4715                        </span>
4716                        
4717                      </span>
4718                    </a>
4719</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
4720                  
4721                  <div
4722                    class="flex items-center justify-between h-full gap-"
4723                    @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-2-2');"
4724                  >
4725                    
4726                      <span class="p-break-words flex gap-3 h-full flex-1 disable-effect items-center">
4727                    
4728                      
4729                      
4730                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
4731                        <span class="flex flex-wrap gap-x-2">
4732                          
4733                          
4734                            <span>シーンから探す</span>
4735                          
4736                          
4737                          
4738                        </span>
4739                        
4740                      </span>
4741                    </span>
4742 
4743                    <span class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90">
4744                      
4745    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4746      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4747    </svg>
4748
4749                    </span>
4750                  
4751</div><div
4752                      class="menu-drawer duration-300 ease-in-out top-0 left-0 absolute background-header w-full h-full z-30 invisible -translate-x-full" 
4753                      :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-2-2')} "
4754                    >
4755                      <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full"
4756                        :class="$store.xMobileNav.currentMenuLinks.length == 3 ? 'overflow-hidden' : 'overflow-y-auto'"
4757                      >
4758                        <div class="flex items-center sticky top-0 background-header z-30 justify-between pt-4 pb-4 pl-4 pr-4 gap-4">
4759                          <div class="flex items-center">
4760                            <span
4761                              class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90"
4762                              @click="$store.xMobileNav.removeActiveLink('-2-2')"
4763                            >
4764    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4765      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4766    </svg>
4767</span>
4768                            <a href="#" class="p-break-words flex flex-wrap gap-x-2 flex-1 font-menu-level-0 font-medium disable-effect">
4769                              
4770                              
4771                                <span>シーンから探す</span>
4772                              
4773                              
4774                              
4775                            </a>
4776                          </div>
4777                          <span
4778                            class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full"
4779                            @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
4780                          >
4781    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4782      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
4783    </svg>
4784</span>
4785                        </div>
4786                        <ul
4787                          id="menu-level-2"
4788                          class="w-full background-header"
4789                        ><li  class="pb-3 border-b pl-4 pr-4 pt-3">
4790                              <a
4791                                href="/collections/gift-bestselling#introBox"
4792                                class="p-break-words h-full disable-effect flex gap-3 items-center"
4793                                
4794                              >
4795                                
4796                                
4797                                <span class="flex flex-wrap gap-x-2">
4798                                  <span class="font-menu-level-2 mt-auto mb-auto">
4799                                    
4800                                    
4801                                      <span>定番のタオル</span>
4802                                    
4803                                  </span>
4804                                  
4805                                  
4806                                </span>
4807                              </a>
4808                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
4809                              <a
4810                                href="/collections/gift-baby#introBox"
4811                                class="p-break-words h-full disable-effect flex gap-3 items-center"
4812                                
4813                              >
4814                                
4815                                
4816                                <span class="flex flex-wrap gap-x-2">
4817                                  <span class="font-menu-level-2 mt-auto mb-auto">
4818                                    
4819                                    
4820                                      <span>出産のお祝い</span>
4821                                    
4822                                  </span>
4823                                  
4824                                  
4825                                </span>
4826                              </a>
4827                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
4828                              <a
4829                                href="/collections/gift-wedding#introBox"
4830                                class="p-break-words h-full disable-effect flex gap-3 items-center"
4831                                
4832                              >
4833                                
4834                                
4835                                <span class="flex flex-wrap gap-x-2">
4836                                  <span class="font-menu-level-2 mt-auto mb-auto">
4837                                    
4838                                    
4839                                      <span>結婚のお祝い</span>
4840                                    
4841                                  </span>
4842                                  
4843                                  
4844                                </span>
4845                              </a>
4846                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
4847                              <a
4848                                href="/collections/gift-thanks"
4849                                class="p-break-words h-full disable-effect flex gap-3 items-center"
4850                                
4851                              >
4852                                
4853                                
4854                                <span class="flex flex-wrap gap-x-2">
4855                                  <span class="font-menu-level-2 mt-auto mb-auto">
4856                                    
4857                                    
4858                                      <span>誕生日/お返し</span>
4859                                    
4860                                  </span>
4861                                  
4862                                  
4863                                </span>
4864                              </a>
4865                            </li></ul>
4866                      </div>
4867                    </div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
4868                  
4869                  <div
4870                    class="flex items-center justify-between h-full gap-"
4871                    @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-2-3');"
4872                  >
4873                    
4874                      <span class="p-break-words flex gap-3 h-full flex-1 disable-effect items-center">
4875                    
4876                      
4877                      
4878                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
4879                        <span class="flex flex-wrap gap-x-2">
4880                          
4881                          
4882                            <span>商品から探す</span>
4883                          
4884                          
4885                          
4886                        </span>
4887                        
4888                      </span>
4889                    </span>
4890 
4891                    <span class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90">
4892                      
4893    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4894      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4895    </svg>
4896
4897                    </span>
4898                  
4899</div><div
4900                      class="menu-drawer duration-300 ease-in-out top-0 left-0 absolute background-header w-full h-full z-30 invisible -translate-x-full" 
4901                      :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-2-3')} "
4902                    >
4903                      <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full"
4904                        :class="$store.xMobileNav.currentMenuLinks.length == 3 ? 'overflow-hidden' : 'overflow-y-auto'"
4905                      >
4906                        <div class="flex items-center sticky top-0 background-header z-30 justify-between pt-4 pb-4 pl-4 pr-4 gap-4">
4907                          <div class="flex items-center">
4908                            <span
4909                              class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90"
4910                              @click="$store.xMobileNav.removeActiveLink('-2-3')"
4911                            >
4912    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4913      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4914    </svg>
4915</span>
4916                            <a href="#" class="p-break-words flex flex-wrap gap-x-2 flex-1 font-menu-level-0 font-medium disable-effect">
4917                              
4918                              
4919                                <span>商品から探す</span>
4920                              
4921                              
4922                              
4923                            </a>
4924                          </div>
4925                          <span
4926                            class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full"
4927                            @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
4928                          >
4929    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4930      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
4931    </svg>
4932</span>
4933                        </div>
4934                        <ul
4935                          id="menu-level-2"
4936                          class="w-full background-header"
4937                        ><li  class="pb-3 border-b pl-4 pr-4 pt-3">
4938                              <a
4939                                href="/collections/gift_bath-towels_pvt"
4940                                class="p-break-words h-full disable-effect flex gap-3 items-center"
4941                                
4942                              >
4943                                
4944                                
4945                                <span class="flex flex-wrap gap-x-2">
4946                                  <span class="font-menu-level-2 mt-auto mb-auto">
4947                                    
4948                                    
4949                                      <span>バスタオル</span>
4950                                    
4951                                  </span>
4952                                  
4953                                  
4954                                </span>
4955                              </a>
4956                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
4957                              <a
4958                                href="/collections/gift_-face-towels_pvt"
4959                                class="p-break-words h-full disable-effect flex gap-3 items-center"
4960                                
4961                              >
4962                                
4963                                
4964                                <span class="flex flex-wrap gap-x-2">
4965                                  <span class="font-menu-level-2 mt-auto mb-auto">
4966                                    
4967                                    
4968                                      <span>フェイスタオル</span>
4969                                    
4970                                  </span>
4971                                  
4972                                  
4973                                </span>
4974                              </a>
4975                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
4976                              <a
4977                                href="/collections/gift_hand-towels_pvt"
4978                                class="p-break-words h-full disable-effect flex gap-3 items-center"
4979                                
4980                              >
4981                                
4982                                
4983                                <span class="flex flex-wrap gap-x-2">
4984                                  <span class="font-menu-level-2 mt-auto mb-auto">
4985                                    
4986                                    
4987                                      <span>ハンドタオル</span>
4988                                    
4989                                  </span>
4990                                  
4991                                  
4992                                </span>
4993                              </a>
4994                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
4995                              <a
4996                                href="/collections/gift_-chiefbear_pvt"
4997                                class="p-break-words h-full disable-effect flex gap-3 items-center"
4998                                
4999                              >
5000                                
5001                                
5002                                <span class="flex flex-wrap gap-x-2">
5003                                  <span class="font-menu-level-2 mt-auto mb-auto">
5004                                    
5005                                    
5006                                      <span>タオルベア</span>
5007                                    
5008                                  </span>
5009                                  
5010                                  
5011                                </span>
5012                              </a>
5013                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
5014                              <a
5015                                href="/collections/gift_room-wear_pvt"
5016                                class="p-break-words h-full disable-effect flex gap-3 items-center"
5017                                
5018                              >
5019                                
5020                                
5021                                <span class="flex flex-wrap gap-x-2">
5022                                  <span class="font-menu-level-2 mt-auto mb-auto">
5023                                    
5024                                    
5025                                      <span>ルームウェア</span>
5026                                    
5027                                  </span>
5028                                  
5029                                  
5030                                </span>
5031                              </a>
5032                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
5033                              <a
5034                                href="/collections/gift_bedding-pajamas_pvt"
5035                                class="p-break-words h-full disable-effect flex gap-3 items-center"
5036                                
5037                              >
5038                                
5039                                
5040                                <span class="flex flex-wrap gap-x-2">
5041                                  <span class="font-menu-level-2 mt-auto mb-auto">
5042                                    
5043                                    
5044                                      <span>寝具&パジャマ</span>
5045                                    
5046                                  </span>
5047                                  
5048                                  
5049                                </span>
5050                              </a>
5051                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
5052                              <a
5053                                href="/collections/gift_baby_pvt"
5054                                class="p-break-words h-full disable-effect flex gap-3 items-center"
5055                                
5056                              >
5057                                
5058                                
5059                                <span class="flex flex-wrap gap-x-2">
5060                                  <span class="font-menu-level-2 mt-auto mb-auto">
5061                                    
5062                                    
5063                                      <span>ベビー&トイ</span>
5064                                    
5065                                  </span>
5066                                  
5067                                  
5068                                </span>
5069                              </a>
5070                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
5071                              <a
5072                                href="/collections/gift_detergents_pvt"
5073                                class="p-break-words h-full disable-effect flex gap-3 items-center"
5074                                
5075                              >
5076                                
5077                                
5078                                <span class="flex flex-wrap gap-x-2">
5079                                  <span class="font-menu-level-2 mt-auto mb-auto">
5080                                    
5081                                    
5082                                      <span>洗濯洗剤</span>
5083                                    
5084                                  </span>
5085                                  
5086                                  
5087                                </span>
5088                              </a>
5089                            </li></ul>
5090                      </div>
5091                    </div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5092                  
5093                  <div
5094                    class="flex items-center justify-between h-full gap-"
5095                    @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-2-4');"
5096                  >
5097                    
5098                      <span class="p-break-words flex gap-3 h-full flex-1 disable-effect items-center">
5099                    
5100                      
5101                      
5102                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5103                        <span class="flex flex-wrap gap-x-2">
5104                          
5105                          
5106                            <span>価格から探す</span>
5107                          
5108                          
5109                          
5110                        </span>
5111                        
5112                      </span>
5113                    </span>
5114 
5115                    <span class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90">
5116                      
5117    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
5118      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5119    </svg>
5120
5121                    </span>
5122                  
5123</div><div
5124                      class="menu-drawer duration-300 ease-in-out top-0 left-0 absolute background-header w-full h-full z-30 invisible -translate-x-full" 
5125                      :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-2-4')} "
5126                    >
5127                      <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full"
5128                        :class="$store.xMobileNav.currentMenuLinks.length == 3 ? 'overflow-hidden' : 'overflow-y-auto'"
5129                      >
5130                        <div class="flex items-center sticky top-0 background-header z-30 justify-between pt-4 pb-4 pl-4 pr-4 gap-4">
5131                          <div class="flex items-center">
5132                            <span
5133                              class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90"
5134                              @click="$store.xMobileNav.removeActiveLink('-2-4')"
5135                            >
5136    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
5137      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5138    </svg>
5139</span>
5140                            <a href="#" class="p-break-words flex flex-wrap gap-x-2 flex-1 font-menu-level-0 font-medium disable-effect">
5141                              
5142                              
5143                                <span>価格から探す</span>
5144                              
5145                              
5146                              
5147                            </a>
5148                          </div>
5149                          <span
5150                            class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full"
5151                            @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
5152                          >
5153    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
5154      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
5155    </svg>
5156</span>
5157                        </div>
5158                        <ul
5159                          id="menu-level-2"
5160                          class="w-full background-header"
5161                        ><li  class="pb-3 border-b pl-4 pr-4 pt-3">
5162                              <a
5163                                href="/collections/gift_5000_pvt"
5164                                class="p-break-words h-full disable-effect flex gap-3 items-center"
5165                                
5166                              >
5167                                
5168                                
5169                                <span class="flex flex-wrap gap-x-2">
5170                                  <span class="font-menu-level-2 mt-auto mb-auto">
5171                                    
5172                                    
5173                                      <span>~5,000円</span>
5174                                    
5175                                  </span>
5176                                  
5177                                  
5178                                </span>
5179                              </a>
5180                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
5181                              <a
5182                                href="/collections/gift_5000-10000_pvt"
5183                                class="p-break-words h-full disable-effect flex gap-3 items-center"
5184                                
5185                              >
5186                                
5187                                
5188                                <span class="flex flex-wrap gap-x-2">
5189                                  <span class="font-menu-level-2 mt-auto mb-auto">
5190                                    
5191                                    
5192                                      <span>5,000~10,000円</span>
5193                                    
5194                                  </span>
5195                                  
5196                                  
5197                                </span>
5198                              </a>
5199                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
5200                              <a
5201                                href="/collections/gift_10000-20000_pvt"
5202                                class="p-break-words h-full disable-effect flex gap-3 items-center"
5203                                
5204                              >
5205                                
5206                                
5207                                <span class="flex flex-wrap gap-x-2">
5208                                  <span class="font-menu-level-2 mt-auto mb-auto">
5209                                    
5210                                    
5211                                      <span>10,000~20,000円</span>
5212                                    
5213                                  </span>
5214                                  
5215                                  
5216                                </span>
5217                              </a>
5218                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
5219                              <a
5220                                href="/collections/gift-20000_pvt"
5221                                class="p-break-words h-full disable-effect flex gap-3 items-center"
5222                                
5223                              >
5224                                
5225                                
5226                                <span class="flex flex-wrap gap-x-2">
5227                                  <span class="font-menu-level-2 mt-auto mb-auto">
5228                                    
5229                                    
5230                                      <span>20,000円~</span>
5231                                    
5232                                  </span>
5233                                  
5234                                  
5235                                </span>
5236                              </a>
5237                            </li></ul>
5238                      </div>
5239                    </div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5240                  
5241                  <div
5242                    class="flex items-center justify-between h-full gap-"
5243                    
5244                  >
5245                    
5246                      <a href="/pages/embroidery" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5247                    
5248                      
5249                      
5250                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5251                        <span class="flex flex-wrap gap-x-2">
5252                          
5253                          
5254                            <span>刺繍サービス</span>
5255                          
5256                          
5257                          
5258                        </span>
5259                        
5260                      </span>
5261                    </a>
5262</div></li>
5262<li  class="border-b pb-3 pl-4 pr-4 pt-3">
5263                  
5264                  <div
5265                    class="flex items-center justify-between h-full gap-"
5266                    
5267                  >
5268                    
5269                      <a href="/pages/concierge" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5270                    
5271                      
5272                      
5273                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5274                        <span class="flex flex-wrap gap-x-2">
5275                          
5276                          
5277                            <span>ギフトコンシェルジュ</span>
5278                          
5279                          
5280                          
5281                        </span>
5282                        
5283                      </span>
5284                    </a>
5285</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5286                  
5287                  <div
5288                    class="flex items-center justify-between h-full gap-"
5289                    
5290                  >
5291                    
5292                      <a href="/pages/e-gift" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5293                    
5294                      
5295                      
5296                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5297                        <span class="flex flex-wrap gap-x-2">
5298                          
5299                          
5300                            <span>e-Gift</span>
5301                          
5302                          
5303                          
5304                        </span>
5305                        
5306                      </span>
5307                    </a>
5308</div></li></ul>
5309          </div>
5310        </div><div  
5311        class="flex items-center gap-4 pr-4 pl-4 border-b"
5312      ><style data-shopify>
5313
5314</style>
5315          <a href="/collections/outlet" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
5316        
5317          
5318          
5319          <span class="flex flex-wrap gap-x-2">
5320            <span class="p-break-words font-medium font-menu-level-0">
5321              
5322              
5323                <span>アウトレット(会員限定)</span>
5324              
5325            </span>
5326            
5327            
5328          </span>
5329        </a>
5330</div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-4')" 
5331        class="flex items-center gap-4 pr-4 pl-4 border-b"
5332      ><style data-shopify>
5333
5334</style>
5335          <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect">
5336        
5337          
5338          
5339          <span class="flex flex-wrap gap-x-2">
5340            <span class="p-break-words font-medium font-menu-level-0">
5341              
5342              
5343                <span>ショッピングガイド</span>
5344              
5345            </span>
5346            
5347            
5348          </span>
5349        </span>
5350<span
5351            class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90"
5352          >
5353    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
5354      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5355    </svg>
5356</span></div><div
5357          class="menu-drawer duration-300 ease-in-out top-0 left-0 fixed background-header w-full h-full z-30 invisible -translate-x-full"
5358          :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-4')}"
5359        >
5360          <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full"
5361            :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'"
5362          >
5363            <div class="flex items-center sticky top-0 background-header z-30 pt-4 pb-4 pl-4 pr-4 gap-4 justify-between">
5364              <div class="flex items-center">
5365                <span class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90" 
5366                  @click="$store.xMobileNav.removeActiveLink('-4'); "
5367                >
5368                  
5369    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
5370      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5371    </svg>
5372
5373                </span>
5374                <a href="#" class="flex relative flex-wrap gap-x-2 flex-1 font-medium disable-effect">
5375                  <span class="p-break-words font-menu-level-0">
5376                    
5377                    
5378                      <span>ショッピングガイド</span>
5379                    
5380                  </span>
5381                  
5382                  
5383                </a>
5384              </div>
5385              <span
5386                class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full"
5387                @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
5388              >
5389    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
5390      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
5391    </svg>
5392</span>
5393            </div>
5394            <ul 
5395              id="menu-level-1"
5396              class="background-header w-full" 
5397            ><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5398                  
5399                  <div
5400                    class="flex items-center justify-between h-full gap-"
5401                    
5402                  >
5403                    
5404                      <a href="/pages/%E3%81%94%E5%88%A9%E7%94%A8%E3%82%AC%E3%82%A4%E3%83%89" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5405                    
5406                      
5407                      
5408                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5409                        <span class="flex flex-wrap gap-x-2">
5410                          
5411                          
5412                            <span>ご利用ガイド</span>
5413                          
5414                          
5415                          
5416                        </span>
5417                        
5418                      </span>
5419                    </a>
5420</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5421                  
5422                  <div
5423                    class="flex items-center justify-between h-full gap-"
5424                    
5425                  >
5426                    
5427                      <a href="/pages/program" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5428                    
5429                      
5430                      
5431                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5432                        <span class="flex flex-wrap gap-x-2">
5433                          
5434                          
5435                            <span>ポイントプログラム&LINE ID連携</span>
5436                          
5437                          
5438                          
5439                        </span>
5440                        
5441                      </span>
5442                    </a>
5443</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5444                  
5445                  <div
5446                    class="flex items-center justify-between h-full gap-"
5447                    
5448                  >
5449                    
5450                      <a href="https://hippopotamus.co.jp/pages/laundry-detergent_2024#shopify-section-template--20069738283206__text_column_with_image_FDJAnp" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5451                    
5452                      
5453                      
5454                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5455                        <span class="flex flex-wrap gap-x-2">
5456                          
5457                          
5458                            <span>洗濯洗剤定期お届け便</span>
5459                          
5460                          
5461                          
5462                        </span>
5463                        
5464                      </span>
5465                    </a>
5466</div></li>
5466<li  class="border-b pb-3 pl-4 pr-4 pt-3">
5467                  
5468                  <div
5469                    class="flex items-center justify-between h-full gap-"
5470                    
5471                  >
5472                    
5473                      <a href="/pages/faq" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5474                    
5475                      
5476                      
5477                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5478                        <span class="flex flex-wrap gap-x-2">
5479                          
5480                          
5481                            <span>よくあるご質問</span>
5482                          
5483                          
5484                          
5485                        </span>
5486                        
5487                      </span>
5488                    </a>
5489</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5490                  
5491                  <div
5492                    class="flex items-center justify-between h-full gap-"
5493                    
5494                  >
5495                    
5496                      <a href="/pages/maintenance" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5497                    
5498                      
5499                      
5500                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5501                        <span class="flex flex-wrap gap-x-2">
5502                          
5503                          
5504                            <span>お手入れのポイント</span>
5505                          
5506                          
5507                          
5508                        </span>
5509                        
5510                      </span>
5511                    </a>
5512</div></li></ul>
5513          </div>
5514        </div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-5')" 
5515        class="flex items-center gap-4 pr-4 pl-4 border-b"
5516      ><style data-shopify>
5517
5518</style>
5519          <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect">
5520        
5521          
5522          
5523          <span class="flex flex-wrap gap-x-2">
5524            <span class="p-break-words font-medium font-menu-level-0">
5525              
5526              
5527                <span>特集</span>
5528              
5529            </span>
5530            
5531            
5532          </span>
5533        </span>
5534<span
5535            class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90"
5536          >
5537    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
5538      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5539    </svg>
5540</span></div><div
5541          class="menu-drawer duration-300 ease-in-out top-0 left-0 fixed background-header w-full h-full z-30 invisible -translate-x-full"
5542          :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-5')}"
5543        >
5544          <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full"
5545            :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'"
5546          >
5547            <div class="flex items-center sticky top-0 background-header z-30 pt-4 pb-4 pl-4 pr-4 gap-4 justify-between">
5548              <div class="flex items-center">
5549                <span class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90" 
5550                  @click="$store.xMobileNav.removeActiveLink('-5'); "
5551                >
5552                  
5553    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
5554      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5555    </svg>
5556
5557                </span>
5558                <a href="#" class="flex relative flex-wrap gap-x-2 flex-1 font-medium disable-effect">
5559                  <span class="p-break-words font-menu-level-0">
5560                    
5561                    
5562                      <span>特集</span>
5563                    
5564                  </span>
5565                  
5566                  
5567                </a>
5568              </div>
5569              <span
5570                class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full"
5571                @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
5572              >
5573    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
5574      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
5575    </svg>
5576</span>
5577            </div>
5578            <ul 
5579              id="menu-level-1"
5580              class="background-header w-full" 
5581            ><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5582                  
5583                  <div
5584                    class="flex items-center justify-between h-full gap-"
5585                    @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-5-1');"
5586                  >
5587                    
5588                      <span class="p-break-words flex gap-3 h-full flex-1 disable-effect items-center">
5589                    
5590                      
5591                      
5592                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5593                        <span class="flex flex-wrap gap-x-2">
5594                          
5595                          
5596                            <span>特別コレクション</span>
5597                          
5598                          
5599                          
5600                        </span>
5601                        
5602                      </span>
5603                    </span>
5604 
5605                    <span class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90">
5606                      
5607    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
5608      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5609    </svg>
5610
5611                    </span>
5612                  
5613</div><div
5614                      class="menu-drawer duration-300 ease-in-out top-0 left-0 absolute background-header w-full h-full z-30 invisible -translate-x-full" 
5615                      :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-5-1')} "
5616                    >
5617                      <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full"
5618                        :class="$store.xMobileNav.currentMenuLinks.length == 3 ? 'overflow-hidden' : 'overflow-y-auto'"
5619                      >
5620                        <div class="flex items-center sticky top-0 background-header z-30 justify-between pt-4 pb-4 pl-4 pr-4 gap-4">
5621                          <div class="flex items-center">
5622                            <span
5623                              class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90"
5624                              @click="$store.xMobileNav.removeActiveLink('-5-1')"
5625                            >
5626    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
5627      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5628    </svg>
5629</span>
5630                            <a href="#" class="p-break-words flex flex-wrap gap-x-2 flex-1 font-menu-level-0 font-medium disable-effect">
5631                              
5632                              
5633                                <span>特別コレクション</span>
5634                              
5635                              
5636                              
5637                            </a>
5638                          </div>
5639                          <span
5640                            class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full"
5641                            @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
5642                          >
5643    <svg class="icon-close-animation" width="100%" height="100%" viewB
5643ox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
5644      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
5645    </svg>
5646</span>
5647                        </div>
5648                        <ul
5649                          id="menu-level-2"
5650                          class="w-full background-header"
5651                        ><li  class="pb-3 border-b pl-4 pr-4 pt-3">
5652                              <a
5653                                href="/pages/crew-neck-knit"
5654                                class="p-break-words h-full disable-effect flex gap-3 items-center"
5655                                
5656                              >
5657                                
5658                                
5659                                <span class="flex flex-wrap gap-x-2">
5660                                  <span class="font-menu-level-2 mt-auto mb-auto">
5661                                    
5662                                    
5663                                      <span>
5663CREW NECK KNIT</span>
5664                                    
5665                                  </span>
5666                                  
5667                                  
5668                                </span>
5669                              </a>
5670                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
5671                              <a
5672                                href="/pages/leopard"
5673                                class="p-break-words h-full disable-effect flex gap-3 items-center"
5674                                
5675                              >
5676                                
5677                                
5678                                <span class="flex flex-wrap gap-x-2">
5679                                  <span class="font-menu-level-2 mt-auto mb-auto">
5680                                    
5681                                    
5682                                      <span>LEOPARD COLLECTION</span>
5683                                    
5684                                  </span>
5685                                  
5686                                  
5687                                </span>
5688                              </a>
5689                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
5690                              <a
5691                                href="/pages/estnation"
5692                                class="p-break-words h-full disable-effect flex gap-3 items-center"
5693                                
5694                              >
5695                                
5696                                
5697                                <span class="flex flex-wrap gap-x-2">
5698                                  <span class="font-menu-level-2 mt-auto mb-auto">
5699                                    
5700                                    
5701                                      <span>ESTNATIONコラボレーション</span>
5702                                    
5703                                  </span>
5704                                  
5705                                  
5706                                </span>
5707                              </a>
5708                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
5709                              <a
5710                                href="/pages/ronherman"
5711                                class="p-break-words h-full disable-effect flex gap-3 items-center"
5712                                
5713                              >
5714                                
5715                                
5716                                <span class="flex flex-wrap gap-x-2">
5717                                  <span class="font-menu-level-2 mt-auto mb-auto">
5718                                    
5719                                    
5720                                      <span>ロンハーマンコラボレーション</span>
5721                                    
5722                                  </span>
5723                                  
5724                                  
5725                                </span>
5726                              </a>
5727                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
5728                              <a
5729                                href="/pages/monpoke"
5730                                class="p-break-words h-full disable-effect flex gap-3 items-center"
5731                                
5732                              >
5733                                
5734                                
5735                                <span class="flex flex-wrap gap-x-2">
5736                                  <span class="font-menu-level-2 mt-auto mb-auto">
5737                                    
5738                                    
5739                                      <span>monpoké (モンポケ)</span>
5740                                    
5741                                  </span>
5742                                  
5743                                  
5744                                </span>
5745                              </a>
5746                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
5747                              <a
5748                                href="/pages/sauna-hat"
5749                                class="p-break-words h-full disable-effect flex gap-3 items-center"
5750                                
5751                              >
5752                                
5753                                
5754                                <span class="flex flex-wrap gap-x-2">
5755                                  <span class="font-menu-level-2 mt-auto mb-auto">
5756                                    
5757                                    
5758                                      <span>サウナハット</span>
5759                                    
5760                                  </span>
5761                                  
5762                                  
5763                                </span>
5764                              </a>
5765                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
5766                              <a
5767                                href="/pages/laundry-detergent_2024"
5768                                class="p-break-words h-full disable-effect flex gap-3 items-center"
5769                                
5770                              >
5771                                
5772                                
5773                                <span class="flex flex-wrap gap-x-2">
5774                                  <span class="font-menu-level-2 mt-auto mb-auto">
5775                                    
5776                                    
5777                                      <span>LAUNDRY DETERGENT</span>
5778                                    
5779                                  </span>
5780                                  
5781                                  
5782                                </span>
5783                              </a>
5784                            </li></ul>
5785                      </div>
5786                    </div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5787                  
5788                  <div
5789                    class="flex items-center justify-between h-full gap-"
5790                    
5791                  >
5792                    
5793                      <a href="/blogs/interview" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5794                    
5795                      
5796                      
5797                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5798                        <span class="flex flex-wrap gap-x-2">
5799                          
5800                          
5801                            <span>Life With Hippo(インタビュー)</span>
5802                          
5803                          
5804                          
5805                        </span>
5806                        
5807                      </span>
5808                    </a>
5809</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5810                  
5811                  <div
5812                    class="flex items-center justify-between h-full gap-"
5813                    
5814                  >
5815                    
5816                      <a href="/blogs/journal" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5817                    
5818                      
5819                      
5820                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5821                        <span class="flex flex-wrap gap-x-2">
5822                          
5823                          
5824                            <span>ジャーナル(豆知識)</span>
5825                          
5826                          
5827                          
5828                        </span>
5829                        
5830                      </span>
5831                    </a>
5832</div></li></ul>
5833          </div>
5834        </div><div  
5835        class="flex items-center gap-4 pr-4 pl-4 border-b"
5836      ><style data-shopify>
5837
5838</style>
5839          <a href="/pages/stockists" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
5840        
5841          
5842          
5843          <span class="flex flex-wrap gap-x-2">
5844            <span class="p-break-words font-medium font-menu-level-0">
5845              
5846              
5847                <span>取扱店舗</span>
5848              
5849            </span>
5850            
5851            
5852          </span>
5853        </a>
5854</div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-7')" 
5855        class="flex items-center gap-4 pr-4 pl-4 border-b"
5856      ><style data-shopify>
5857
5858</style>
5859          <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect">
5860        
5861          
5862          
5863          <span class="flex flex-wrap gap-x-2">
5864            <span class="p-break-words font-medium font-menu-level-0">
5865              
5866              
5867                <span>ヒポポタマスとは</span>
5868              
5869            </span>
5870            
5871            
5872          </span>
5873        </span>
5874<span
5875            class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90"
5876          >
5877    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
5878      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5879    </svg>
5880</span></div><div
5881          class="menu-drawer duration-300 ease-in-out top-0 left-0 fixed background-header w-full h-full z-30 invisible -translate-x-full"
5882          :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-7')}"
5883        >
5884          <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full"
5885            :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'"
5886          >
5887            <div class="flex items-center sticky top-0 background-header z-30 pt-4 pb-4 pl-4 pr-4 gap-4 justify-between">
5888              <div class="flex items-center">
5889                <span class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90" 
5890                  @click="$store.xMobileNav.removeActiveLink('-7'); "
5891                >
5892                  
5893    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
5894      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5895    </svg>
5896
5897                </span>
5898                <a href="/pages/brand" class="flex relative flex-wrap gap-x-2 flex-1 font-medium disable-effect">
5899                  <span class="p-break-words font-menu-level-0">
5900                    
5901                    
5902                      <span>ヒポポタマスとは</span>
5903                    
5904                  </span>
5905                  
5906                  
5907                </a>
5908              </div>
5909              <span
5910                class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full"
5911                @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
5912              >
5913    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
5914      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
5915    </svg>
5916</span>
5917            </div>
5918            <ul 
5919              id="menu-level-1"
5920              class="background-header w-full" 
5921            ><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5922                  
5923                  <div
5924                    class="flex items-center justify-between h-full gap-"
5925                    
5926                  >
5927                    
5928                      <a href="/pages/about2" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5929                    
5930                      
5931                      
5932                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5933                        <span class="flex flex-wrap gap-x-2">
5934                          
5935                          
5936                            <span>フィロソフィー</span>
5937                          
5938                          
5939                          
5940                        </span>
5941                        
5942                      </span>
5943                    </a>
5944</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5945                  
5946                  <div
5947                    class="flex items-center justify-between h-full gap-"
5948                    
5949                  >
5950                    
5951                      <a href="/pages/brand" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5952                    
5953                      
5954                      
5955                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5956                        <span class="flex flex-wrap gap-x-2">
5957                          
5958                          
5959                            <span>マニュファクチャリング</span>
5960                          
5961                          
5962                          
5963                        </span>
5964                        
5965                      </span>
5966                    </a>
5967</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5968                  
5969                  <div
5970                    class="flex items-center justify-between h-full gap-"
5971                    
5972                  >
5973                    
5974                      <a href="https://hippopotamus.co.jp/pages/brand#shopify-section-template--21305754681542__promotion_banner_QwGYn7" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5975                    
5976                      
5977                      
5978                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5979                        <span class="flex flex-wrap gap-x-2">
5980                          
5981                          
5982                            <span>カラーストーリー</span>
5983                          
5984                          
5985                          
5986                        </span>
5987                        
5988                      </span>
5989                    </a>
5990</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5991                  
5992                  <div
5993                    class="flex items-center justify-between h-full gap-"
5994                    
5995                  >
5996                    
5997                      <a href="/pages/reviews" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5998                    
5999                      
6000                      
6001                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
6002                        <span class="flex flex-wrap gap-x-2">
6003                          
6004                          
6005                            <span>カスタマーレビュー</span>
6006                          
6007                          
6008                          
6009                        </span>
6010                        
6011                      </span>
6012                    </a>
6013</div></li></ul>
6014          </div>
6015        </div><div  
6016        class="flex items-center gap-4 pr-4 pl-4 border-b"
6017      ><style data-shopify>
6018
6019</style>
6020          <a href="/pages/embroidery" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6021        
6022          
6023          
6024          <span class="flex flex-wrap gap-x-2">
6025            <span class="p-break-words font-medium font-menu-level-0">
6026              
6027              
6028                <span>刺繍サービス</span>
6029              
6030            </span>
6031            
6032            
6033          </span>
6034        </a>
6035</div>
6036</li><li class="x-block-login block-mobile-navigation block-mobile-navigation-account pl-4 pr-4 block-mobile-navigation-after" >  
6037                      <style data-shopify>
6038                        .x-block-login.block-mobile-navigation shopify-account::part(signed-out-avatar):after{
6039                          font-family: var(--font-body-family);
6040                          content: 'ログイン';
6041                          font-weight: 500;
6042                          
6043                        }
6044                      </style>
6045                    
6046                    <div class=" font-medium pt-3.5 pb-3.5 flex items-center disable-effect">
6047                      <shopify-account menu="customer-account-main-menu">
6048                        <div slot="signed-out-avatar">
6049                          <span class="w-6 h-6 mr-2 rtl:mr-0 rtl:ml-2 block">
6050                          
6051    <svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none">
6052      <path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M21.776 23v-2.444a4.889 4.889 0 0 0-4.889-4.889H7.109a4.889 4.889 0 0 0-4.889 4.889V23 M11.998 10.778a4.889 4.889 0 1 0 0-9.778 4.889 4.889 0 0 0 0 9.778"/>
6053    </svg>
6054  
6055
6056                        </span>
6057                        </div>
6058                      </shopify-account>
6059                      
6060                    </div>
6061                  </li><li class="x-block-social block-mobile-navigation pl-4 pr-4 block-mobile-navigation-after" >
6062                  <div class="pt-2 pb-2 pl-0.5 pr-0.5 flex items-center justify-center opacity-70">
6063                    
6064<div id="selector-social" class=" flex lg:items-center lg:justify-end relative pt-1.5 pb-1.5">
6065    
6066      <ul class="social-list flex  flex-wrap opacity-70" role="list">
6067<li>
6068      <a href="https://www.facebook.com/organic.hippopotamus/" target="blank" aria-label="Facebook" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3">
6069    <svg class="icon-animation" width="100%" height="100%" viewB
6069ox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
6070      <path d="M17.6477 13.4987L18.322 9.15733H14.1091V6.34132C14.1091 5.15199 14.6971 3.99467 16.5851 3.99467H18.5V0.293323C18.5 0.293323 16.7631 0 15.0963 0C11.6278 0 9.35684 2.07999 9.35684 5.84533V9.15733H5.5V13.4987H9.35684V24H14.1037V13.4987H17.6477Z" fill="currentColor"/>
6071    </svg>
6072  
6073</a>
6074    </li><li>
6075      <a href="https://www.instagram.com/hippopotamus_japan/" target="blank" aria-label="Instagram" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3">
6076    <svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="currentColor">
6077      <path 
6078        d="M12.007 2.1622C15.2152 2.1622 15.5951 2.17628 16.8568 2.23256C18.0293 2.28415 18.6625 2.48114 19.0846 2.6453C19.6428 2.86105 20.0461 3.12371 20.4636 3.54114C20.8857 3.96326 21.1436 4.36193 21.3594 4.92007C21.5236 5.34219 21.7205 5.98007 21.7721 7.14794C21.8284 8.4143 21.8425 8.79422 21.8425 11.9977C21.8425 15.2058 21.8284 15.5857 21.7721 16.8474C21.7205 18.0199 21.5236 18.6531 21.3594 19.0752C21.1436 19.6334 20.881 20.0367 20.4636 20.4542C20.0414 20.8763 19.6428 21.1343 19.0846 21.35C18.6625 21.5142 18.0246 21.7112 16.8568 21.7628C15.5904 21.819 15.2105 21.8331 12.007 21.8331C8.79891 21.8331 8.419 21.819 7.15732 21.7628C5.98476 21.7112 5.35157 21.5142 4.92945 21.35C4.37131 21.1343 3.96795 20.8716 3.55052 20.4542C3.1284 20.0321 2.87043 19.6334 2.65468 19.0752C2.49052 18.6531 2.29353 18.0152 2.24194 16.8474C2.18566 15.581 2.17159 15.2011 2.17159 11.9977C2.17159 8.78953 2.18566 8.40961 2.24194 7.14794C2.29353 5.97538 2.49052 5.34219 2.65468 4.92007C2.87043 4.36193 3.13309 3.95857 3.55052 3.54114C3.97264 3.11901 4.37131 2.86105 4.92945 2.6453C5.35157 2.48114 5.98945 2.28415 7.15732 2.23256C8.419 2.17628 8.79891 2.1622 12.007 2.1622ZM12.007 0C8.74731 0 8.33926 0.0140707 7.05882 0.0703537C5.78308 0.126637 4.906 0.333008 4.14618 0.628493C3.35353 0.93805 2.68282 1.3461 2.01681 2.01681C1.3461 2.68282 0.93805 3.35353 0.628493 4.14149C0.333008 4.906 0.126637 5.77839 0.0703537 7.05413C0.0140707 8.33926 0 8.74731 0 12.007C0 15.2668 0.0140707 15.6748 0.0703537 16.9552C0.126637 18.231 0.333008 19.1081 0.628493 19.8679C0.93805 20.6605 1.3461 21.3312 2.01681 21.9973C2.68282 22.6633 3.35353 23.076 4.14149 23.3809C4.906 23.6764 5.77839 23.8827 7.05413 23.939C8.33457 23.9953 8.74262 24.0094 12.0023 24.0094C15.2621 24.0094 15.6701 23.9953 16.9506 23.939C18.2263 23.8827 19.1034 23.6764 19.8632 23.3809C20.6512 23.076 21.3219 22.6633 21.9879 21.9973C22.6539 21.3312 23.0666 20.6605 23.3715 19.8726C23.667 19.1081 23.8734 18.2357 23.9296 16.9599C23.9859 15.6795 24 15.2714 24 12.0117C24 8.752 23.9859 8.34395 23.9296 7.06351C23.8734 5.78777 23.667 4.91069 23.3715 4.15087C23.076 3.35353 22.668 2.68282 21.9973 2.01681C21.3313 1.35079 20.6605 0.93805 19.8726 0.633183C19.1081 0.337698 18.2357 0.131327 16.9599 0.075044C15.6748 0.0140707 15.2668 0 12.007 0Z
6079          M12.007 5.83936C8.60191 5.83936 5.83936 8.60191 5.83936 12.007C5.83936 15.4122 8.60191 18.1747 12.007 18.1747C15.4122 18.1747 18.1747 15.4122 18.1747 12.007C18.1747 8.60191 15.4122 5.83936 12.007 5.83936ZM12.007 16.0078C9.79792 16.0078 8.00625 14.2161 8.00625 12.007C8.00625 9.79792 9.79792 8.00625 12.007 8.00625C14.2161 8.00625 16.0078 9.79792 16.0078 12.007C16.0078 14.2161 14.2161 16.0078 12.007 16.0078Z
6080          M19.8586 5.59543C19.8586 6.39277 19.2113 7.03533 18.4187 7.03533C17.6213 7.03533 16.9788 6.38808 16.9788 5.59543C16.9788 4.79808 17.626 4.15552 18.4187 4.15552C19.2113 4.15552 19.8586 4.80277 19.8586 5.59543Z"
6081        />
6082    </svg>
6083  
6084</a>
6085    </li><li>
6086      <a href="https://lin.ee/lfG3q6eF" target="blank" aria-label="LINE" class="flex disable-effect hover-text-link  w-11 h-11 pt-3 pr-3 pb-3 pl-3">
6087    <svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
6088      <path d="M12 0.5C18.6274 0.5 24 4.8641 24 10.2476C24 12.4682 23.0858 14.5155 21.5464 16.1545C18.9546 18.979 11.6061 23.9621 10.9693 23.4655C10.2821 22.9297 11.3275 22.1762 11.2365 20.4417C11.2175 20.0806 10.9968 19.9757 10.8658 19.9522C4.77032 19.488 0 15.3203 0 10.2476C0 4.8641 5.37259 0.5 12 0.5ZM8.9969 7.15981C8.6525 7.15981 8.37335 7.4397 8.37335 7.785V12.4802C8.37335 12.8255 8.6525 13.1054 8.9969 13.1054C9.3413 13.1054 9.62046 12.8255 9.62046 12.4802V7.785C9.62046 7.4397 9.3413 7.15981 8.9969 7.15981ZM4.82286 7.16C4.47853 7.16 4.19937 7.43989 4.19937 7.78513V12.4803C4.19937 12.8256 4.47853 13.1055 4.82286 13.1055L7.16444 13.1055C7.50878 13.1055 7.78794 12.8256 7.78794 12.4803C7.78794 12.135 7.50878 11.8552 7.16444 11.8552H5.44642V7.78513C5.44642 7.43989 5.16726 7.16 4.82286 7.16ZM11.1347 7.15987C10.7903 7.
608815987 10.5112 7.43976 10.5112 7.78506V12.4803C10.5112 12.8256 10.7903 13.1055 11.1347 13.1055C11.4791 13.1055 11.7582 12.8256 11.7582 12.4803V9.55931L14.1864 12.8662C14.392 13.1397 14.7783 13.1961 15.0529 12.9942C15.2151 12.8814 15.3213 12.6933 15.3213 12.4803V7.78513C15.3213 7.43983 15.0421 7.15994 14.6978 7.15994C14.3534 7.15994 14.0742 7.43983 14.0742 7.78513V10.716L11.6564 7.42285L11.462 7.25283C11.3668 7.19388 11.2547 7.15987 11.1347 7.15987ZM16.7848 7.15994C16.5852 7.15994 16.4075 7.25397 16.2933 7.40025C16.2105 7.50638 16.1612 7.63999 16.1612 7.78519L16.1612 7.79247V12.4729L16.1612 12.4803C16.1612 12.8256 16.4404 13.1055 16.7848 13.1055H19.1516C19.496 13.1055 19.7752 12.8256 19.7752 12.4803C19.7752 12.135 19.496 11.8552 19.1516 11.8552H17.4083V10.7579H19.1516C19.496 10.7579 19.7752 10.478 19.7752 10.1328C19.7752 9.78746 19.496 9.50758 19.1516 9.50758H17.4083V8.41031H19.1516C19.496 8.41031 19.7752 8.13043 19.7752 7.78519C19.7752 7.43989 19.496 7.16 19.1516 7.16H16.7929L16.7848 7.15994Z" fill="currentColor"/>
6089    </svg>
6090  
6091</a>
6092    </li></ul>
6093     </div>
6094                  </div>
6095                </li>
6096        </ul>
6097      </div>
6098      
6099      <div class="block-mobile-navigation x-header-store-selector-container font-menu-level-2 empty:hidden pl-4 pr-4 flex"></div><style data-shopify>
6100          .font-menu-level-2 button {
6101            font-size: 0.875rem;
6102          }
6103
6104          .x-container-mobile-nav-language .toolbar-button {
6105            padding-top: 0.25rem;
6106            padding-bottom: 0.25rem;
6107          }
6108        </style>
6109        <div class="x-container-mobile-nav-language pb-4 pl-4 pr-4 lg:flex lg:items-center font-menu-level-2 background-header justify-center lg:justify-end bottom-0 left-0 max-w-xl">
6110<div id="selector-social" class=" flex lg:items-center lg:justify-end relative">
6111     
6112
6113
6114<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="multi-selectors w-full flex flex-row-reverse justify-between" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/products/set-cb1-box" /><div 
6115      class="localization-form-child text-normal relative inline-flex lg:inline-block"
6116      x-data="{ open: false }" 
6117      @keyup.escape="open = false"
6118    >
6119      <button 
6120        @click.prevent="open = ! open;"
6121        class="toolbar-button relative pt-2.5 pb-2.5 lg:pl-5 rtl:lg:pr-5 pr-5 rtl:pr-0 rtl:pl-5 cursor-pointer hover-text-link duration-200 transition"
6122        aria-expanded="false" aria-controls="LanguageList"
6123      >
6124        <span>日本語</span>
6125        <span class="absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 flex right-0 rtl:right-auto rtl:left-0" :class="open && ' -rotate-180'">
6126    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
6127      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6128    </svg>
6129</span>
6130      </button>
6131      <div x-show="open" @click.away="open = false" x-cloak>
6132        
6133          <style data-shopify>
6134            .locale-options-mobile-nav-sections--20069737627846__mobile-navigation {
6135              
6136                max-width: 544px;
6137              
6138            }
6139            .locale-options-mobile-nav-sections--20069737627846__mobile-navigation li {
6140              padding-top: 16px;
6141              padding-bottom: 16px;
6142              padding-left: 20px;
6143              padding-right: 20px;
6144              font-size: 0.875rem; 
6145            }
6146          </style>
6147          <ul 
6148            role="list" 
6149            x-data="xLocalizationForm" 
6150            class="locale-options locale-options-mobile-nav-sections--20069737627846__mobile-navigation scrollbar-body w-[calc(100vw-32px)] flex flex-col absolute right-0 rtl:right-auto rtl:left-0 bottom-full z-50 shadow-md max-h-[400px] overflow-y-auto background-header bottom-0"
6151          >
6152            
6153              <li class="cursor-pointer pt-2 pb-2 pl-5 pr-5 border-b duration-200 transition text-[rgb(var(--colors-text-header))]">
6154                <a 
6155                  class="nav-link hover-text-link relative border-b underline-color effect-inline"
6156                  href="#"
6157                  data-no-instant
6158                  @click="submit('ja', 'locale_selector')"
6159                >
6160                  <span class="disclosure-list__label">日本語</span>
6161                </a>
6162              </li>
6163              <li class="cursor-pointer pt-2 pb-2 pl-5 pr-5 border-b duration-200 transition text-[rgb(var(--colors-text-header))]">
6164                <a 
6165                  class="nav-link hover-text-link relative options-text-color"
6166                  href="#"
6167                  data-no-instant
6168                  @click="submit('en', 'locale_selector')"
6169                >
6170                  <span class="disclosure-list__label">English</span>
6171                </a>
6172              </li></ul>
6173        
6174      </div>
6175      <input type="hidden" aria-hidden="true" name="locale_code" id="locale_selector" value="ja" data-disclosure-input/>
6176    </div></form>
6176<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/locales-form.js?v=77424405773733899781774087103" defer></script>
6176</div></div></div>
6177  </div>
6178</template>
6179</div>
6180<!-- END sections: header-group-puff -->
6181          <!-- BEGIN sections: aside-group-puff -->
6182<div id="shopify-section-sections--20069737300166__product-labels-and-badges" class="shopify-section shopify-section-group-aside-group-puff section-product-labels-and-badges"><style data-shopify>.x-badge-product-labels-and-badges-1 .x-badge-content.x-badge-text{
6183          background-color:#999999;
6184          color:#ffffff;
6185          
6186        }
6187        .dark .x-badge-product-labels-and-badges-1 .x-badge-content.x-badge-text{
6188          background-color:#999999;
6189          color:#ffffff;
6190          
6191            border-width: 0;
6192          
6193        }.x-badge-product-labels-and-badges-1 {
6194        --font-size-scale: 0.8rem;
6195        
6196      }
6197      @media (min-width: 768px) {
6198        .x-badge-product-labels-and-badges-1 {
6199          --font-size-scale: 0.8rem;
6200          
6201        }
6202      }.x-badge-preorder_label_8JPgVK .x-badge-content.x-badge-text{
6203          background-color:#706262;
6204          color:#ffffff;
6205          
6206        }
6207        .dark .x-badge-preorder_label_8JPgVK .x-badge-content.x-badge-text{
6208          background-color:#706262;
6209          color:#ffffff;
6210          
6211            border-width: 0;
6212          
6213        }.x-badge-preorder_label_8JPgVK {
6214        --font-size-scale: 0.8rem;
6215        
6216      }
6217      @media (min-width: 768px) {
6218        .x-badge-preorder_label_8JPgVK {
6219          --font-size-scale: 0.8rem;
6220          
6221        }
6222      }
6222.x-badge-new_label_4MQzpH .x-badge-content.x-badge-text{
6223          background-color:#ea5205;
6224          color:#ffffff;
6225          
6226        }
6227        .dark .x-badge-new_label_4MQzpH .x-badge-content.x-badge-text{
6228          background-color:#ea5205;
6229          color:#ffffff;
6230          
6231            border-width: 0;
6232          
6233        }.x-badge-new_label_4MQzpH {
6234        --font-size-scale: 0.9rem;
6235        
6236      }
6237      @media (min-width: 768px) {
6238        .x-badge-new_label_4MQzpH {
6239          --font-size-scale: 0.9rem;
6240          
6241        }
6242      }</style>
6243    <div class="x-badges-block-data" x-badges-block-data='{
6244      "id": "product-labels-and-badges-1",
6245      "enable": true,
6246      "type": "sold-out-label",
6247      "settings": {
6248        "show_on_product_card": true,
6249        "show_on_product_page": false,
6250        "applied_to": "",
6251        "applied_products": [],
6252        "applied_collections": [],
6253        "content": "Sold out",
6254        
6255          "type": "rounded-full",
6256        
6257        "background_color": "#999999",
6258        "text_color": "#ffffff",
6259        "image": null,
6260        "image_alt": "",
6261        "image_aspect_ratio": 0,
6262        "size": 1,
6263        "size_mobile": 2,
6264        "opacity": 100,
6265        "position": "top-left",
6266        "horizontal_position": 5,
6267        "vertical_position": 5,
6268        "schedule_enabled": false,
6269        "reset": false,
6270        "duration": 0,
6271        "timezone": 0,
6272        "start_year": 0,
6273        "start_month": 0,
6274        "start_day": 0,
6275        "start_hour": 0,
6276        "start_minute": 0,
6277        "end_year": 0,
6278        "end_month": 0,
6279        "end_day": 0,
6280        "end_hour": 0,
6281        "end_minute": 0,
6282        "day_since": "none",
6283        "number_show": 30
6284      }
6285    }' x-badges-icon='
6286      <svg width="100%" height="100%" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round">
6287        <path fill="none" d="M50 95C74.8526 95 95 74.8526 95 50C95 25.1472 74.8526 5 50 5C25.1472 5 5 25.1472 5 50C5 74.8526 25.1472 95 50 95ZM50 23V50L68 59"/>
6288      </svg>
6289    
6290
6291'></div>
6292    <div class="x-badges-block-data" x-badges-block-data='{
6293      "id": "preorder_label_8JPgVK",
6294      "enable": true,
6295      "type": "preorder-label",
6296      "settings": {
6297        "show_on_product_card": true,
6298        "show_on_product_page": true,
6299        "applied_to": "",
6300        "applied_products": [],
6301        "applied_collections": [],
6302        "content": "Pre-order",
6303        
6304          "type": "rounded-full",
6305        
6306        "background_color": "#706262",
6307        "text_color": "#ffffff",
6308        "image": null,
6309        "image_alt": "",
6310        "image_aspect_ratio": 0,
6311        "size": 2,
6312        "size_mobile": 2,
6313        "opacity": 100,
6314        "position": "top-left",
6315        "horizontal_position": 95,
6316        "vertical_position": 5,
6317        "schedule_enabled": false,
6318        "reset": false,
6319        "duration": 0,
6320        "timezone": 0,
6321        "start_year": 0,
6322        "start_month": 0,
6323        "start_day": 0,
6324        "start_hour": 0,
6325        "start_minute": 0,
6326        "end_year": 0,
6327        "end_month": 0,
6328        "end_day": 0,
6329        "end_hour": 0,
6330        "end_minute": 0,
6331        "day_since": "none",
6332        "number_show": 30
6333      }
6334    }' x-badges-icon=''></div>
6335    <div class="x-badges-block-data" x-badges-block-data='{
6336      "id": "new_label_4MQzpH",
6337      "enable": true,
6338      "type": "new-label",
6339      "settings": {
6340        "show_on_product_card": true,
6341        "show_on_product_page": true,
6342        "applied_to": "",
6343        "applied_products": [],
6344        "applied_collections": [],
6345        "content": "New",
6346        
6347          "type": "square",
6348        
6349        "background_color": "#ea5205",
6350        "text_color": "#ffffff",
6351        "image": null,
6352        "image_alt": "",
6353        "image_aspect_ratio": 0,
6354        "size": 2,
6355        "size_mobile": 2,
6356        "opacity": 100,
6357        "position": "top-left",
6358        "horizontal_position": 5,
6359        "vertical_position": 5,
6360        "schedule_enabled": false,
6361        "reset": false,
6362        "duration": 0,
6363        "timezone": 0,
6364        "start_year": 0,
6365        "start_month": 0,
6366        "start_day": 0,
6367        "start_hour": 0,
6368        "start_minute": 0,
6369        "end_year": 0,
6370        "end_month": 0,
6371        "end_day": 0,
6372        "end_hour": 0,
6373        "end_minute": 0,
6374        "day_since": "creation_date",
6375        "number_show": 30
6376      }
6377    }' x-badges-icon=''></div>
6377<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/labels-and-badges.js?v=93671629961020929811774087103" defer></script>
6377
6378</div><div id="shopify-section-sections--20069737300166__quick-view" class="shopify-section shopify-section-group-aside-group-puff section-product-info section-quick-view"><style data-shopify>
6379  .button--quickview.button-solid, .button--quickview.button-disable-effect,
6380  .button--quickview.button-solid:before {--colors-line-and-border: 107, 112, 80;
6381      --colors-button: 107, 112, 80;--colors-button-text: 249, 243, 243;}
6382  .title-size--sections--20069737300166__quick-view {
6383    font-size: 1.35rem;
6384  }
6385  .dark .button--quickview.button-solid, .dark .button--quickview.button-disable-effect,
6386  .dark .button--quickview.button-solid:before {--colors-line-and-border: 0, 0, 0;
6387      --colors-button: 0, 0, 0;--colors-button-text: 255, 255, 255;}
6388  @media (min-width: 768px) {
6389    .title-size--sections--20069737300166__quick-view {
6390      font-size: 2.25rem;
6391    }
6392  }
6393  
6394</style>
6395
6396<div 
6397  id="QuickView"
6398  x-show="$store.xQuickView.show" 
6399  :class="{ 'overflow-hidden padding-scrollbar': $store.xPopup.open }" 
6400  x-cloak 
6401  class="quick_view flex items-end md:items-center fixed top-0 left-0 right-0 bottom-0 z-[90]"
6402  @keydown.escape="$store.xQuickView.removeFocusQuickView('QuickViewButton'); $store.xQuickView.close()"
6403  @init-run.window="$store.xQuickView.addListener()"
6404  @click="$store.xQuickView.clickInsideQuickView($event)"
6405  x-init="if ( window.location.search.includes('_quick-view') == false ) document.querySelector('.main-container').appendChild($el.parentNode)"
6406>
6407  <div class="x-overlay absolute top-0 left-0 right-0 bottom-0 bg-[#acacac] bg-opacity-30"></div>
6408  <div 
6409    role="dialog"
6410    aria-label="クイックビュー"
6411    aria-modal="true"
6412    x-show="$store.xQuickView.show"
6413    class="x-quickview-modal duration-400 x-pgw page-width w-full pl-0 pr-0 md:pl-5 md:pr-5 lg:pl-16 lg:pr-16 lg:ml-auto lg:mr-auto"
6414    
6415      x-transition:enter="transition-all ease-in-out duration-500"
6416      x-transition:enter-start="opacity-0 transform translate-y-1/3"
6417      x-transition:enter-end="opacity-100 transform translate-y-0"
6418      x-transition:leave="transition-all ease-in-out duration-500"
6419      x-transition:leave-end="opacity-0 transform translate-y-1/3"
6420    
6421  >
6422    <div class="x-container-quickview-body relative bg-[rgba(var(--background-color),1)] md:h-auto pt-12 lg:pt-8 2xl:pt-12 pb-5 lg:pb-8 2xl:pb-12" 
6423      @click.away="$store.xQuickView.close()"
6424      @click="$store.xQuickView.clickInsideContentQuickView($event)"
6425      x-intersect.full="$store.xQuickView.focusQuickView('QuickView', 'QuickViewClose')"
6426    >
6427      
6428        <button aria-label="Close quickview" id="QuickViewClose" class="absolute group-close-btn cursor-pointer top-2 right-2 rtl:right-auto rtl:left-2 icon-close-container w-fit z-10 rounded-full" @click.prevent="$store.xQuickView.close()">
6429          
6430    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
6431      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
6432    </svg>
6433
6434        </button>
6435      
6436      <div class="x-container-quickview-content pt-2 md:pt-0 md:pl-5 md:pr-5 overflow-y-auto overflow-x-hidden scrollbar-body max-h-[calc(88vh-96px)] md:max-h-[85vh] 2xl:max-h-[77vh]">
6437        <div x-show="$store.xQuickView.loading" class="x-container-quickview-placeholder flex gap-x-[4%] flex-wrap animate-Xpulse flex-row-reverse">
6438          <div class="w-full md:w-[48%] bg-slate-200 mb-5 pb-[75%]"></div>
6439          <div class="w-full md:w-[48%]">
6440            
6441              <p class="mb-2 h-4 w-10 bg-slate-200"></p>
6442            
6443            <p class="mb-5 h-5 w-3/4 bg-slate-200"></p><div class="h-5 bg-slate-200 w-20 mb-5 rounded"></div><div class="h-5 bg-slate-200 w-1/3 mb-5 rounded"></div><div class="h-5 bg-slate-200 w-20 mb-5 rounded"></div><div class="h-7 bg-slate-200 w-full mb-5 rounded"></div><div class="h-7 bg-slate-200 w-2/3 mb-5 rounded"></div><div class="h-10 bg-slate-200 w-full mb-5 rounded"></div><div class="h-9 bg-slate-200 w-full mb-5 rounded"></div><div class="h-5 bg-slate-200 w-20 mb-5 rounded"></div></div>
6444        </div>
6445        <div id="quickview-product-content" class="quick-view" x-show="!$store.xQuickView.loading">
6446
6447<link rel="preload" href="//hippopotamus.co.jp/cdn/shop/t/52/assets/model-css.css?v=47273955803251130321774087155" as="style" onload="this.onload=null;this.rel='stylesheet'">
6448<noscript><link rel="stylesheet" href="//hippopotamus.co.jp/cdn/shop/t/52/assets/model-css.css?v=47273955803251130321774087155"></noscript>
6449
6450<style data-shopify>
6451  .custom-html ul {
6452    list-style: disc;
6453  }
6454  .section-padding-sections--20069737300166__quick-view {
6455    padding-top: px;
6456    padding-bottom: px;
6457  }
6458  @media (min-width: 768px) { 
6459    .section-padding-sections--20069737300166__quick-view {
6460      padding-top: px;
6461      padding-bottom: px;
6462    }
6463  }
6464</style>
6465
6466
6467
6468<div 
6469  id="x-product-template-8529620271302-sections--20069737300166__quick-view"
6470  class="x-product-sections--20069737300166__quick-view preload-image w-full relative content-sections--20069737300166__quick-view"
6471  x-data="{ showStickyATC: false, readySticky: false }"
6472  x-intersect.once='$store.xProductRecently.setProduct("8529620271302")'
6473>
6474  <div
6475    class="ltr flex relative flex-wrap x-pgw page-width flex-row-reverse rtl:flex-row section-padding-sections--20069737300166__quick-view"
6476    
6477      x-intersect.once='$store.xCustomerEvent.fire("product_viewed_custom", $el)'
6478      x-customer-event-data="{
6479    &quot;product&quot;: {
6480      &quot;id&quot;: 8529620271302,
6481      &quot;selected_variant_id&quot;: 44682557227206,
6482      &quot;has_only_default_variant&quot;: true,
6483      &quot;title&quot;: &quot;ギフト – チーフベア×1(パッケージ)&quot;,
6484      &quot;variant_title&quot;: &quot;Default Title&quot;,
6485      &quot;sku&quot;: &quot;set-cb1-box&quot;,
6486      &quot;currencyCode&quot;: &quot;JPY&quot;,
6487      &quot;price&quot;: 242000,
6488      &quot;vendor&quot;: &quot;hippopotamus&quot;,
6489      &quot;category&quot;: &quot;&quot;
6490    }
6491  }"
6492    
6493  ><div class="product-media-container w-full relative quick-view:md:pb-0 quick-view:md:w-[45%] md:w-1/2 pb-7 md:pb-0 quick-view:md:pl-6 quick-view:md:pr-0 rtl:quick-view:md:pr-6 rtl:quick-view:md:pl-0
6494"
6495      >
6496        
6497
6498<style data-shopify>
6499.transition-fade .x-splide-slide.is-active .image-detail,
6500.transition-fade .x-splide-slide:first-child .image-detail, 
6501.transition-fade .x-splide-slide.is-next .image-detail {
6502  display: block;
6503}
6504.transition-fade .x-splide-slide .image-detail {
6505  display: none;
6506}
6507</style>
6508
6509<div class="hidden">
6510    <img src="//hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&amp;width=1780" alt="ギフト – チーフベア×1(パッケージ)" srcset="//hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&amp;width=375 375w, //hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&amp;width=450 450w, //hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&amp;width=750 750w, //hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&amp;width=900 900w, //hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&amp;width=1100 1100w, //hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&amp;width=1500 1500w, //hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&amp;width=1780 1780w" width="1780" height="1780" loading="eager" sizes="50vw">
6511  </div><div
6512  id="product-media-sections--20069737300166__quick-view"
6513  class="sticky top-[calc(var(--height-header)+5rem)] quick-view:top-0"
6514  x-data='xProductMedia({
6515    "section_id": "sections--20069737300166__quick-view",
6516    "thumbnail_direction": "horizontal",
6517    "video_autoplay": true,
6518    "video_loop": false
6519  })'
6520  
6521>
6522  <a href="#ProductInfo-sections--20069737300166__quick-view" class="skip-to-content not-icon absolute -z-10 mt-0.5 ml-0.5 hidden lg:block button button-solid pt-2.5 pb-2.5 pl-6 pr-6 lg:pt-3 lg:pb-3 leading-normal justify-center cursor-pointer focus-visible:z-20">
6523    商品情報へスキップ
6524  </a>
6525  <div class="splide-image flex flex-col-reverse">
6526    <div
6527      id="x-product-thumbnail-sections--20069737300166__quick-view"
6528      class="select-none duration-150 overflow-auto hide-scrollbar scroll-smooth hidden md:block mt-2"
6529      x-ref="thumbnail"
6530      :class="thumbnailGrabbingClass"
6531      x-on:mousedown="thumbnailHandleMouseDown($event)"
6532      x-on:mousemove="thumbnailHandleMouseMove($event)"
6533      x-on:mouseleave="thumbnailHandleMouseLeave()"
6534      x-on:mouseup="thumbnailHandleMouseUp()"
6535    >
6536      <div class="flex flex-1 max-w-full gap-x-2 gap-y-1.5 w-fit">
6537        
6538          
6539          
6540            
6541            
6542              <div 
6543                id="x-thumbnail-sections--20069737300166__quick-view-31837861445830"
6544                
6545                data-media-id="sections--20069737300166__quick-view-31837861445830"
6546                class="x-thumbnail media-thumbnail x-thumbnail-sections--20069737300166__quick-view-31837861445830 featured-image relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
6547              >
6548                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
6549                  
6550                  <img
6551                    src="//hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&width=150"
6552                    alt="ギフト – チーフベア×1(パッケージ)"
6553                    loading="lazy"
6554                    width="800"
6555                    height="800"
6556                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
6557                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
6558                  >
6559                  
6560</button>
6561              </div>
6562            
6563          
6564            
6565            
6566              <div 
6567                id="x-thumbnail-sections--20069737300166__quick-view-29545674178758"
6568                
6569                data-media-id="sections--20069737300166__quick-view-29545674178758"
6570                class="x-thumbnail media-thumbnail x-thumbnail-sections--20069737300166__quick-view-29545674178758 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
6571              >
6572                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
6573                  
6574                  <img
6575                    src="//hippopotamus.co.jp/cdn/shop/files/color_cb_1_8aa84fbe-0554-4a48-af4f-bb4584e5061f.jpg?v=1775143571&width=150"
6576                    alt=""
6577                    loading="lazy"
6578                    width="800"
6579                    height="800"
6580                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
6581                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
6582                  >
6583                  
6584</button>
6585              </div>
6586            
6587          
6588            
6589            
6590              <div 
6591                id="x-thumbnail-sections--20069737300166__quick-view-29545677783238"
6592                
6593                data-media-id="sections--20069737300166__quick-view-29545677783238"
6594                class="x-thumbnail media-thumbnail x-thumbnail-sections--20069737300166__quick-view-29545677783238 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
6595              >
6596                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
6597                  
6598                  <img
6599                    src="//hippopotamus.co.jp/cdn/shop/files/color_cb_2_55bbe9f2-c270-41c7-911c-34156a22ab69.jpg?v=1775143571&width=150"
6600                    alt=""
6601                    loading="lazy"
6602                    width="800"
6603                    height="800"
6604                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
6605                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
6606                  >
6607                  
6608</button>
6609              </div>
6610            
6611          
6612            
6613            
6614              <div 
6615                id="x-thumbnail-sections--20069737300166__quick-view-33439330435270"
6616                
6617                data-media-id="sections--20069737300166__quick-view-33439330435270"
6618                class="x-thumbnail media-thumbnail x-thumbnail-sections--20069737300166__quick-view-33439330435270 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
6619              >
6620                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
6621                  
6622                  <img
6623                    src="//hippopotamus.co.jp/cdn/shop/files/color_ctbr11_tile.jpg?v=1775143904&width=150"
6624                    alt=""
6625                    loading="lazy"
6626                    width="800"
6627                    height="800"
6628                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
6629                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
6630                  >
6631                  
6632</button>
6633              </div>
6634            
6635          
6636            
6637            
6638              <div 
6639                id="x-thumbnail-sections--20069737300166__quick-view-31837861544134"
6640                
6641                data-media-id="sections--20069737300166__quick-view-31837861544134"
6642                class="x-thumbnail media-thumbnail x-thumbnail-sections--20069737300166__quick-view-31837861544134 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
6643              >
6644                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
6645                  
6646                  <img
6647                    src="//hippopotamus.co.jp/cdn/shop/files/set-cb1-box_01.jpg?v=1771532133&width=150"
6648                    alt=""
6649                    loading="lazy"
6650                    width="800"
6651                    height="800"
6652                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
6653                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
6654                  >
6655                  
6656</button>
6657              </div>
6658            
6659          
6660            
6661            
6662              <div 
6663                id="x-thumbnail-sections--20069737300166__quick-view-31837861413062"
6664                
6665                data-media-id="sections--20069737300166__quick-view-31837861413062"
6666                class="x-thumbnail media-thumbnail x-thumbnail-sections--20069737300166__quick-view-31837861413062 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
6667              >
6668                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
6669                  
6670                  <img
6671                    src="//hippopotamus.co.jp/cdn/shop/files/set-cb1-box_02.jpg?v=1771532133&width=150"
6672                    alt=""
6673                    loading="lazy"
6674                    width="800"
6675                    height="800"
6676                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
6677                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
6678                  >
6679                  
6680</button>
6681              </div>
6682            
6683          
6684            
6685            
6686              <div 
6687                id="x-thumbnail-sections--20069737300166__quick-view-27772477604038"
6688                
6689                data-media-id="sections--20069737300166__quick-view-27772477604038"
6690                class="x-thumbnail media-thumbnail x-thumbnail-sections--20069737300166__quick-view-27772477604038 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
6691              >
6692                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
6693                  
6694                  <img
6695                    src="//hippopotamus.co.jp/cdn/shop/products/MG_0268.jpg?v=1771532133&width=150"
6696                    alt=""
6697                    loading="lazy"
6698                    width="800"
6699                    height="800"
6700                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
6701                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
6702                  >
6703                  
6704</button>
6705              </div>
6706            
6707          
6708            
6709            
6710              <div 
6711                id="x-thumbnail-sections--20069737300166__quick-view-27772477669574"
6712                
6713                data-media-id="sections--20069737300166__quick-view-27772477669574"
6714                class="x-thumbnail media-thumbnail x-thumbnail-sections--20069737300166__quick-view-27772477669574 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
6715              >
6716                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
6717                  
6718                  <img
6719                    src="//hippopotamus.co.jp/cdn/shop/products/MG_0270.jpg?v=1771532133&width=150"
6720                    alt=""
6721                    loading="lazy"
6722                    width="800"
6723                    height="800"
6724                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
6725                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
6726                  >
6727                  
6728</button>
6729              </div>
6730            
6731          
6732            
6733            
6734              <div 
6735                id="x-thumbnail-sections--20069737300166__quick-view-27772477407430"
6736                
6737                data-media-id="sections--20069737300166__quick-view-27772477407430"
6738                class="x-thumbnail media-thumbnail x-thumbnail-sections--20069737300166__quick-view-27772477407430 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
6739              >
6740                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
6741                  
6742                  <img
6743                    src="//hippopotamus.co.jp/cdn/shop/products/MG_0262.jpg?v=1771532133&width=150"
6744                    alt=""
6745                    loading="lazy"
6746                    width="800"
6747                    height="800"
6748                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
6749                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
6750                  >
6751                  
6752</button>
6753              </div>
6754            
6755          
6756            
6757            
6758              <div 
6759                id="x-thumbnail-sections--20069737300166__quick-view-27772477833414"
6760                
6761                data-media-id="sections--20069737300166__quick-view-27772477833414"
6762                class="x-thumbnail media-thumbnail x-thumbnail-sections--20069737300166__quick-view-27772477833414 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
6763              >
6764                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
6765                  
6766                  <img
6767                    src="//hippopotamus.co.jp/cdn/shop/products/MG_0278.jpg?v=1771532133&width=150"
6768                    alt=""
6769                    loading="lazy"
6770                    width="800"
6771                    height="800"
6772                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
6773                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
6774                  >
6775                  
6776</button>
6777              </div>
6778            
6779          
6780            
6781            
6782              <div 
6783                id="x-thumbnail-sections--20069737300166__quick-view-27772477767878"
6784                
6785                data-media-id="sections--20069737300166__quick-view-27772477767878"
6786                class="x-thumbnail media-thumbnail x-thumbnail-sections--20069737300166__quick-view-27772477767878 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
6787              >
6788                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
6789                  
6790                  <img
6791                    src="//hippopotamus.co.jp/cdn/shop/products/MG_0276.jpg?v=1771532133&width=150"
6792                    alt=""
6793                    loading="lazy"
6794                    width="800"
6795                    height="800"
6796                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
6797                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
6798                  >
6799                  
6800</button>
6801              </div>
6802            
6803          
6804            
6805            
6806              <div 
6807                id="x-thumbnail-sections--20069737300166__quick-view-27772477735110"
6808                
6809                data-media-id="sections--20069737300166__quick-view-27772477735110"
6810                class="x-thumbnail media-thumbnail x-thumbnail-sections--20069737300166__quick-view-27772477735110 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
6811              >
6812                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
6813                  
6814                  <img
6815                    src="//hippopotamus.co.jp/cdn/shop/products/MG_0273.jpg?v=1771532133&width=150"
6816                    alt=""
6817                    loading="lazy"
6818                    width="800"
6819                    height="800"
6820                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
6821                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
6822                  >
6823                  
6824</button>
6825              </div>
6826            
6827          
6828            
6829            
6830              <div 
6831                id="x-thumbnail-sections--20069737300166__quick-view-27772477800646"
6832                
6833                data-media-id="sections--20069737300166__quick-view-27772477800646"
6834                class="x-thumbnail media-thumbnail x-thumbnail-sections--20069737300166__quick-view-27772477800646 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
6835              >
6836                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
6837                  
6838                  <img
6839                    src="//hippopotamus.co.jp/cdn/shop/products/MG_0277.jpg?v=1771532133&width=150"
6840                    alt=""
6841                    loading="lazy"
6842                    width="800"
6843                    height="800"
6844                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
6845                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
6846                  >
6847                  
6848</button>
6849              </div>
6850            
6851          
6852            
6853            
6854              <div 
6855                id="x-thumbnail-sections--20069737300166__quick-view-27772477702342"
6856                
6857                data-media-id="sections--20069737300166__quick-view-27772477702342"
6858                class="x-thumbnail media-thumbnail x-thumbnail-sections--20069737300166__quick-view-27772477702342 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
6859              >
6860                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
6861                  
6862                  <img
6863                    src="//hippopotamus.co.jp/cdn/shop/products/MG_0271.jpg?v=1771532133&width=150"
6864                    alt=""
6865                    loading="lazy"
6866                    width="800"
6867                    height="800"
6868                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
6869                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
6870                  >
6871                  
6872</button>
6873              </div>
6874            
6875          
6876            
6877            
6878              <div 
6879                id="x-thumbnail-sections--20069737300166__quick-view-27772477636806"
6880                
6881                data-media-id="sections--20069737300166__quick-view-27772477636806"
6882                class="x-thumbnail media-thumbnail x-thumbnail-sections--20069737300166__quick-view-27772477636806 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
6883              >
6884                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
6885                  
6886                  <img
6887                    src="//hippopotamus.co.jp/cdn/shop/products/MG_0269.jpg?v=1771532133&width=150"
6888                    alt=""
6889                    loading="lazy"
6890                    width="800"
6891                    height="800"
6892                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
6893                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
6894                  >
6895                  
6896</button>
6897              </div>
6898            
6899          
6900            
6901            
6902              <div 
6903                id="x-thumbnail-sections--20069737300166__quick-view-27772477374662"
6904                
6905                data-media-id="sections--20069737300166__quick-view-27772477374662"
6906                class="x-thumbnail media-thumbnail x-thumbnail-sections--20069737300166__quick-view-27772477374662 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
6907              >
6908                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
6909                  
6910                  <img
6911                    src="//hippopotamus.co.jp/cdn/shop/products/MG_0260.jpg?v=1771532133&width=150"
6912                    alt=""
6913                    loading="lazy"
6914                    width="800"
6915                    height="800"
6916                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
6917                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
6918                  >
6919                  
6920</button>
6921              </div>
6922            
6923          
6924            
6925            
6926              <div 
6927                id="x-thumbnail-sections--20069737300166__quick-view-27772477538502"
6928                
6929                data-media-id="sections--20069737300166__quick-view-27772477538502"
6930                class="x-thumbnail media-thumbnail x-thumbnail-sections--20069737300166__quick-view-27772477538502 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
6931              >
6932                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
6933                  
6934                  <img
6935                    src="//hippopotamus.co.jp/cdn/shop/products/MG_0266.jpg?v=1771532133&width=150"
6936                    alt=""
6937                    loading="lazy"
6938                    width="800"
6939                    height="800"
6940                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
6941                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
6942                  >
6943                  
6944</button>
6945              </div>
6946            
6947          
6948            
6949            
6950              <div 
6951                id="x-thumbnail-sections--20069737300166__quick-view-31195667103942"
6952                
6953                data-media-id="sections--20069737300166__quick-view-31195667103942"
6954                class="x-thumbnail media-thumbnail x-thumbnail-sections--20069737300166__quick-view-31195667103942 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
6955              >
6956                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
6957                  
6958                  <img
6959                    src="//hippopotamus.co.jp/cdn/shop/files/ctbr10-156.jpg?v=1771532133&width=150"
6960                    alt=""
6961                    loading="lazy"
6962                    width="800"
6963                    height="800"
6964                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
6965                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
6966                  >
6967                  
6968</button>
6969              </div>
6970            
6971          
6972            
6973            
6974              <div 
6975                id="x-thumbnail-sections--20069737300166__quick-view-31195667136710"
6976                
6977                data-media-id="sections--20069737300166__quick-view-31195667136710"
6978                class="x-thumbnail media-thumbnail x-thumbnail-sections--20069737300166__quick-view-31195667136710 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
6979              >
6980                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
6981                  
6982                  <img
6983                    src="//hippopotamus.co.jp/cdn/shop/files/ctbr10-157.jpg?v=1771532133&width=150"
6984                    alt=""
6985                    loading="lazy"
6986                    width="800"
6987                    height="800"
6988                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
6989                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
6990                  >
6991                  
6992</button>
6993              </div>
6994            
6995          
6996            
6997            
6998              <div 
6999                id="x-thumbnail-sections--20069737300166__quick-view-31195667071174"
7000                
7001                data-media-id="sections--20069737300166__quick-view-31195667071174"
7002                class="x-thumbnail media-thumbnail x-thumbnail-sections--20069737300166__quick-view-31195667071174 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
7003              >
7004                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
7005                  
7006                  <img
7007                    src="//hippopotamus.co.jp/cdn/shop/files/ctbr10-158.jpg?v=1771532133&width=150"
7008                    alt=""
7009                    loading="lazy"
7010                    width="800"
7011                    height="800"
7012                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
7013                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
7014                  >
7015                  
7016</button>
7017              </div>
7018            
7019          
7020            
7021            
7022              <div 
7023                id="x-thumbnail-sections--20069737300166__quick-view-31195667038406"
7024                
7025                data-media-id="sections--20069737300166__quick-view-31195667038406"
7026                class="x-thumbnail media-thumbnail x-thumbnail-sections--20069737300166__quick-view-31195667038406 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
7027              >
7028                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
7029                  
7030                  <img
7031                    src="//hippopotamus.co.jp/cdn/shop/files/ctbr10-159.jpg?v=1771532133&width=150"
7032                    alt=""
7033                    loading="lazy"
7034                    width="800"
7035                    height="800"
7036                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
7037                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
7038                  >
7039                  
7040</button>
7041              </div>
7042            
7043          
7044            
7045            
7046              <div 
7047                id="x-thumbnail-sections--20069737300166__quick-view-31837861478598"
7048                
7049                data-media-id="sections--20069737300166__quick-view-31837861478598"
7050                class="x-thumbnail media-thumbnail x-thumbnail-sections--20069737300166__quick-view-31837861478598 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
7051              >
7052                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
7053                  
7054                  <img
7055                    src="//hippopotamus.co.jp/cdn/shop/files/img_ctbr11-4.jpg?v=1771532133&width=150"
7056                    alt=""
7057                    loading="lazy"
7058                    width="800"
7059                    height="800"
7060                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
7061                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
7062                  >
7063                  
7064</button>
7065              </div>
7066            
7067          
7068            
7069            
7070              <div 
7071                id="x-thumbnail-sections--20069737300166__quick-view-31837861576902"
7072                
7073                data-media-id="sections--20069737300166__quick-view-31837861576902"
7074                class="x-thumbnail media-thumbnail x-thumbnail-sections--20069737300166__quick-view-31837861576902 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
7075              >
7076                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
7077                  
7078                  <img
7079                    src="//hippopotamus.co.jp/cdn/shop/files/img_ctbr11-7.jpg?v=1771532133&width=150"
7080                    alt=""
7081                    loading="lazy"
7082                    width="800"
7083                    height="800"
7084                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
7085                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
7086                  >
7087                  
7088</button>
7089              </div>
7090            
7091          
7092            
7093            
7094              <div 
7095                id="x-thumbnail-sections--20069737300166__quick-view-31837861511366"
7096                
7097                data-media-id="sections--20069737300166__quick-view-31837861511366"
7098                class="x-thumbnail media-thumbnail x-thumbnail-sections--20069737300166__quick-view-31837861511366 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
7099              >
7100                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
7101                  
7102                  <img
7103                    src="//hippopotamus.co.jp/cdn/shop/files/img_ctbr11-5.jpg?v=1771532133&width=150"
7104                    alt=""
7105                    loading="lazy"
7106                    width="800"
7107                    height="800"
7108                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
7109                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
7110                  >
7111                  
7112</button>
7113              </div>
7114            
7115          
7116        
7117      </div>
7118    </div>
7119    <div
7120      id="x-product-sections--20069737300166__quick-view"
7121      class="x-splide transition-fade disable-effect-hover flex-1 group splide swiper-product overflow-hidden visible w-full"
7122      x-intersect.once='$store.xSplide.load($el, {
7123        "pagination": false,
7124        "perPage": 1,
7125        "perMove": 1,
7126        "gap": 20,
7127          "rewind": true,
7128          "type": "fade",
7129        "noDrag": "model-viewer",
7130        
7131          "thumbs": "x-product-thumbnail-sections--20069737300166__quick-view",
7132          "thumbs_direction": "horizontal",
7133        
7134        "events": [
7135          {
7136            "event": "ready",
7137            "callback": () => {
7138              document.dispatchEvent(new CustomEvent("eurus:media-gallery-ready:sections--20069737300166__quick-view"));
7139            }
7140          },
7141          {
7142            "event": "move",
7143            "callback": () => {
7144              const splideEl = document.getElementById("x-product-sections--20069737300166__quick-view");
7145              const externalVideos = splideEl.getElementsByClassName("external-video");
7146              /** prevent instersect trigger */
7147              if (externalVideos.length) {
7148                for (let i = 0; i < externalVideos.length; i++) {
7149                  externalVideos[i].classList.add("hidden");
7150                }
7151              }
7152            }
7153          },
7154          {
7155            "event": "visible",
7156            "callback": () => {
7157              const splideEl = document.getElementById("x-product-sections--20069737300166__quick-view");
7158              const externalVideos = splideEl.getElementsByClassName("external-video");
7159              /** back to normal */
7160              if (externalVideos.length) {
7161                for (let i = 0; i < externalVideos.length; i++) {
7162                  externalVideos[i].classList.remove("hidden");
7163                  requestAnimationFrame(() => {
7164                    if (!externalVideos[i].parentElement.getBoundingClientRect().height) {
7165                      externalVideos[i].classList.add("hidden");
7166                    }
7167                  });
7168                }
7169              }
7170            }
7171          }
7172        ]
7173      })'
7174    >
7175      <div class="splide__track">
7176        <div class="x-badges-container pointer-events-none z-10 text-sm x-badges-product-detail empty:h-0 empty:min-h-0 empty:mb-0 min-h-[45px] absolute w-full h-full items-center flex-wrap gap-x-1 gap-y-2 md:gap-y-4 mb-5"></div>
7177        <div id="media_product-sections--20069737300166__quick-view" class="splide__list flex">
7178          
7179
7180            
7181              
7182
7183
7184    <div 
7185      
7186        tabindex="-1"
7187        
7188      
7189      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
7190      data-media-id="sections--20069737300166__quick-view-31837861445830"
7191      data-type="image" 
7192      data-id="image" 
7193      data-host="image"
7194      aria-label="zoom-image" 
7195      index="0" 
7196      class="31837861445830-sections--20069737300166__quick-view splide__slide x-splide-slide featured-image media-slide w-full cursor-grab">      
7197      <button
7198        
7199        aria-label="Image zoom"
7200        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
7201        
7202        <img
7203          srcset="//hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&width=375 375w,
7204            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&width=450 450w,
7205            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&width=750 750w,
7206            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&width=900 900w,
7207            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&width=1100 1100w,
7208            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&width=1500 1500w,
7209            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&width=1780 1780w,
7210            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347 800w"
7211          src="//hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&width=1780"
7212          alt="ギフト – チーフベア×1(パッケージ)"
7213          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
7214          loading="eager" fetchpriority="high" decoding="sync"
7215          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
7216          width="800"
7217          
7218          height="800"
7219          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
7220          x-intersect.once="$el.classList.add('active')"
7221        >
7222        
7223        
7224      </button>
7225    </div>
7226  
7227
7228            
7229              
7230
7231
7232    <div 
7233      
7234        tabindex="-1"
7235        
7236      
7237      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
7238      data-media-id="sections--20069737300166__quick-view-29545674178758"
7239      data-type="image" 
7240      data-id="image" 
7241      data-host="image"
7242      aria-label="zoom-image" 
7243      index="1" 
7244      class="29545674178758-sections--20069737300166__quick-view splide__slide x-splide-slide media-slide w-full cursor-grab">      
7245      <button
7246        
7247        aria-label="Image zoom"
7248        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
7249        
7250        <img
7251          srcset="//hippopotamus.co.jp/cdn/shop/files/color_cb_1_8aa84fbe-0554-4a48-af4f-bb4584e5061f.jpg?v=1775143571&width=375 375w,
7252            //hippopotamus.co.jp/cdn/shop/files/color_cb_1_8aa84fbe-0554-4a48-af4f-bb4584e5061f.jpg?v=1775143571&width=450 450w,
7253            //hippopotamus.co.jp/cdn/shop/files/color_cb_1_8aa84fbe-0554-4a48-af4f-bb4584e5061f.jpg?v=1775143571&width=750 750w,
7254            //hippopotamus.co.jp/cdn/shop/files/color_cb_1_8aa84fbe-0554-4a48-af4f-bb4584e5061f.jpg?v=1775143571&width=900 900w,
7255            //hippopotamus.co.jp/cdn/shop/files/color_cb_1_8aa84fbe-0554-4a48-af4f-bb4584e5061f.jpg?v=1775143571&width=1100 1100w,
7256            //hippopotamus.co.jp/cdn/shop/files/color_cb_1_8aa84fbe-0554-4a48-af4f-bb4584e5061f.jpg?v=1775143571&width=1500 1500w,
7257            //hippopotamus.co.jp/cdn/shop/files/color_cb_1_8aa84fbe-0554-4a48-af4f-bb4584e5061f.jpg?v=1775143571&width=1780 1780w,
7258            //hippopotamus.co.jp/cdn/shop/files/color_cb_1_8aa84fbe-0554-4a48-af4f-bb4584e5061f.jpg?v=1775143571 800w"
7259          src="//hippopotamus.co.jp/cdn/shop/files/color_cb_1_8aa84fbe-0554-4a48-af4f-bb4584e5061f.jpg?v=1775143571&width=1780"
7260          alt=""
7261          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
7262          loading="lazy"
7263          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
7264          width="800"
7265          
7266          height="800"
7267          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
7268          x-intersect.once="$el.classList.add('active')"
7269        >
7270        
7271        
7272      </button>
7273    </div>
7274  
7275
7276            
7277              
7278
7279
7280    <div 
7281      
7282        tabindex="-1"
7283        
7284      
7285      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
7286      data-media-id="sections--20069737300166__quick-view-29545677783238"
7287      data-type="image" 
7288      data-id="image" 
7289      data-host="image"
7290      aria-label="zoom-image" 
7291      index="2" 
7292      class="29545677783238-sections--20069737300166__quick-view splide__slide x-splide-slide media-slide w-full cursor-grab">      
7293      <button
7294        
7295        aria-label="Image zoom"
7296        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
7297        
7298        <img
7299          srcset="//hippopotamus.co.jp/cdn/shop/files/color_cb_2_55bbe9f2-c270-41c7-911c-34156a22ab69.jpg?v=1775143571&width=375 375w,
7300            //hippopotamus.co.jp/cdn/shop/files/color_cb_2_55bbe9f2-c270-41c7-911c-34156a22ab69.jpg?v=1775143571&width=450 450w,
7301            //hippopotamus.co.jp/cdn/shop/files/color_cb_2_55bbe9f2-c270-41c7-911c-34156a22ab69.jpg?v=1775143571&width=750 750w,
7302            //hippopotamus.co.jp/cdn/shop/files/color_cb_2_55bbe9f2-c270-41c7-911c-34156a22ab69.jpg?v=1775143571&width=900 900w,
7303            //hippopotamus.co.jp/cdn/shop/files/color_cb_2_55bbe9f2-c270-41c7-911c-34156a22ab69.jpg?v=1775143571&width=1100 1100w,
7304            //hippopotamus.co.jp/cdn/shop/files/color_cb_2_55bbe9f2-c270-41c7-911c-34156a22ab69.jpg?v=1775143571&width=1500 1500w,
7305            //hippopotamus.co.jp/cdn/shop/files/color_cb_2_55bbe9f2-c270-41c7-911c-34156a22ab69.jpg?v=1775143571&width=1780 1780w,
7306            //hippopotamus.co.jp/cdn/shop/files/color_cb_2_55bbe9f2-c270-41c7-911c-34156a22ab69.jpg?v=1775143571 800w"
7307          src="//hippopotamus.co.jp/cdn/shop/files/color_cb_2_55bbe9f2-c270-41c7-911c-34156a22ab69.jpg?v=1775143571&width=1780"
7308          alt=""
7309          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
7310          loading="lazy"
7311          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
7312          width="800"
7313          
7314          height="800"
7315          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
7316          x-intersect.once="$el.classList.add('active')"
7317        >
7318        
7319        
7320      </button>
7321    </div>
7322  
7323
7324            
7325              
7326
7327
7328    <div 
7329      
7330        tabindex="-1"
7331        
7332      
7333      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
7334      data-media-id="sections--20069737300166__quick-view-33439330435270"
7335      data-type="image" 
7336      data-id="image" 
7337      data-host="image"
7338      aria-label="zoom-image" 
7339      index="3" 
7340      class="33439330435270-sections--20069737300166__quick-view splide__slide x-splide-slide media-slide w-full cursor-grab">      
7341      <button
7342        
7343        aria-label="Image zoom"
7344        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
7345        
7346        <img
7347          srcset="//hippopotamus.co.jp/cdn/shop/files/color_ctbr11_tile.jpg?v=1775143904&width=375 375w,
7348            //hippopotamus.co.jp/cdn/shop/files/color_ctbr11_tile.jpg?v=1775143904&width=450 450w,
7349            //hippopotamus.co.jp/cdn/shop/files/color_ctbr11_tile.jpg?v=1775143904&width=750 750w,
7350            //hippopotamus.co.jp/cdn/shop/files/color_ctbr11_tile.jpg?v=1775143904&width=900 900w,
7351            //hippopotamus.co.jp/cdn/shop/files/color_ctbr11_tile.jpg?v=1775143904&width=1100 1100w,
7352            //hippopotamus.co.jp/cdn/shop/files/color_ctbr11_tile.jpg?v=1775143904&width=1500 1500w,
7353            //hippopotamus.co.jp/cdn/shop/files/color_ctbr11_tile.jpg?v=1775143904&width=1780 1780w,
7354            //hippopotamus.co.jp/cdn/shop/files/color_ctbr11_tile.jpg?v=1775143904 800w"
7355          src="//hippopotamus.co.jp/cdn/shop/files/color_ctbr11_tile.jpg?v=1775143904&width=1780"
7356          alt=""
7357          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
7358          loading="lazy"
7359          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
7360          width="800"
7361          
7362          height="800"
7363          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
7364          x-intersect.once="$el.classList.add('active')"
7365        >
7366        
7367        
7368      </button>
7369    </div>
7370  
7371
7372            
7373              
7374
7375
7376    <div 
7377      
7378        tabindex="-1"
7379        
7380      
7381      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
7382      data-media-id="sections--20069737300166__quick-view-31837861544134"
7383      data-type="image" 
7384      data-id="image" 
7385      data-host="image"
7386      aria-label="zoom-image" 
7387      index="4" 
7388      class="31837861544134-sections--20069737300166__quick-view splide__slide x-splide-slide media-slide w-full cursor-grab">      
7389      <button
7390        
7391        aria-label="Image zoom"
7392        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
7393        
7394        <img
7395          srcset="//hippopotamus.co.jp/cdn/shop/files/set-cb1-box_01.jpg?v=1771532133&width=375 375w,
7396            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box_01.jpg?v=1771532133&width=450 450w,
7397            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box_01.jpg?v=1771532133&width=750 750w,
7398            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box_01.jpg?v=1771532133&width=900 900w,
7399            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box_01.jpg?v=1771532133&width=1100 1100w,
7400            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box_01.jpg?v=1771532133&width=1500 1500w,
7401            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box_01.jpg?v=1771532133&width=1780 1780w,
7402            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box_01.jpg?v=1771532133 800w"
7403          src="//hippopotamus.co.jp/cdn/shop/files/set-cb1-box_01.jpg?v=1771532133&width=1780"
7404          alt=""
7405          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
7406          loading="lazy"
7407          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
7408          width="800"
7409          
7410          height="800"
7411          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
7412          x-intersect.once="$el.classList.add('active')"
7413        >
7414        
7415        
7416      </button>
7417    </div>
7418  
7419
7420            
7421              
7422
7423
7424    <div 
7425      
7426        tabindex="-1"
7427        
7428      
7429      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
7430      data-media-id="sections--20069737300166__quick-view-31837861413062"
7431      data-type="image" 
7432      data-id="image" 
7433      data-host="image"
7434      aria-label="zoom-image" 
7435      index="5" 
7436      class="31837861413062-sections--20069737300166__quick-view splide__slide x-splide-slide media-slide w-full cursor-grab">      
7437      <button
7438        
7439        aria-label="Image zoom"
7440        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
7441        
7442        <img
7443          srcset="//hippopotamus.co.jp/cdn/shop/files/set-cb1-box_02.jpg?v=1771532133&width=375 375w,
7444            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box_02.jpg?v=1771532133&width=450 450w,
7445            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box_02.jpg?v=1771532133&width=750 750w,
7446            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box_02.jpg?v=1771532133&width=900 900w,
7447            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box_02.jpg?v=1771532133&width=1100 1100w,
7448            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box_02.jpg?v=1771532133&width=1500 1500w,
7449            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box_02.jpg?v=1771532133&width=1780 1780w,
7450            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box_02.jpg?v=1771532133 800w"
7451          src="//hippopotamus.co.jp/cdn/shop/files/set-cb1-box_02.jpg?v=1771532133&width=1780"
7452          alt=""
7453          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
7454          loading="lazy"
7455          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
7456          width="800"
7457          
7458          height="800"
7459          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
7460          x-intersect.once="$el.classList.add('active')"
7461        >
7462        
7463        
7464      </button>
7465    </div>
7466  
7467
7468            
7469              
7470
7471
7472    <div 
7473      
7474        tabindex="-1"
7475        
7476      
7477      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
7478      data-media-id="sections--20069737300166__quick-view-27772477604038"
7479      data-type="image" 
7480      data-id="image" 
7481      data-host="image"
7482      aria-label="zoom-image" 
7483      index="6" 
7484      class="27772477604038-sections--20069737300166__quick-view splide__slide x-splide-slide media-slide w-full cursor-grab">      
7485      <button
7486        
7487        aria-label="Image zoom"
7488        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
7489        
7490        <img
7491          srcset="//hippopotamus.co.jp/cdn/shop/products/MG_0268.jpg?v=1771532133&width=375 375w,
7492            //hippopotamus.co.jp/cdn/shop/products/MG_0268.jpg?v=1771532133&width=450 450w,
7493            //hippopotamus.co.jp/cdn/shop/products/MG_0268.jpg?v=1771532133&width=750 750w,
7494            //hippopotamus.co.jp/cdn/shop/products/MG_0268.jpg?v=1771532133&width=900 900w,
7495            //hippopotamus.co.jp/cdn/shop/products/MG_0268.jpg?v=1771532133&width=1100 1100w,
7496            //hippopotamus.co.jp/cdn/shop/products/MG_0268.jpg?v=1771532133&width=1500 1500w,
7497            //hippopotamus.co.jp/cdn/shop/products/MG_0268.jpg?v=1771532133&width=1780 1780w,
7498            //hippopotamus.co.jp/cdn/shop/products/MG_0268.jpg?v=1771532133 800w"
7499          src="//hippopotamus.co.jp/cdn/shop/products/MG_0268.jpg?v=1771532133&width=1780"
7500          alt=""
7501          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
7502          loading="lazy"
7503          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
7504          width="800"
7505          
7506          height="800"
7507          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
7508          x-intersect.once="$el.classList.add('active')"
7509        >
7510        
7511        
7512      </button>
7513    </div>
7514  
7515
7516            
7517              
7518
7519
7520    <div 
7521      
7522        tabindex="-1"
7523        
7524      
7525      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
7526      data-media-id="sections--20069737300166__quick-view-27772477669574"
7527      data-type="image" 
7528      data-id="image" 
7529      data-host="image"
7530      aria-label="zoom-image" 
7531      index="7" 
7532      class="27772477669574-sections--20069737300166__quick-view splide__slide x-splide-slide media-slide w-full cursor-grab">      
7533      <button
7534        
7535        aria-label="Image zoom"
7536        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
7537        
7538        <img
7539          srcset="//hippopotamus.co.jp/cdn/shop/products/MG_0270.jpg?v=1771532133&width=375 375w,
7540            //hippopotamus.co.jp/cdn/shop/products/MG_0270.jpg?v=1771532133&width=450 450w,
7541            //hippopotamus.co.jp/cdn/shop/products/MG_0270.jpg?v=1771532133&width=750 750w,
7542            //hippopotamus.co.jp/cdn/shop/products/MG_0270.jpg?v=1771532133&width=900 900w,
7543            //hippopotamus.co.jp/cdn/shop/products/MG_0270.jpg?v=1771532133&width=1100 1100w,
7544            //hippopotamus.co.jp/cdn/shop/products/MG_0270.jpg?v=1771532133&width=1500 1500w,
7545            //hippopotamus.co.jp/cdn/shop/products/MG_0270.jpg?v=1771532133&width=1780 1780w,
7546            //hippopotamus.co.jp/cdn/shop/products/MG_0270.jpg?v=1771532133 800w"
7547          src="//hippopotamus.co.jp/cdn/shop/products/MG_0270.jpg?v=1771532133&width=1780"
7548          alt=""
7549          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
7550          loading="lazy"
7551          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
7552          width="800"
7553          
7554          height="800"
7555          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
7556          x-intersect.once="$el.classList.add('active')"
7557        >
7558        
7559        
7560      </button>
7561    </div>
7562  
7563
7564            
7565              
7566
7567
7568    <div 
7569      
7570        tabindex="-1"
7571        
7572      
7573      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
7574      data-media-id="sections--20069737300166__quick-view-27772477407430"
7575      data-type="image" 
7576      data-id="image" 
7577      data-host="image"
7578      aria-label="zoom-image" 
7579      index="8" 
7580      class="27772477407430-sections--20069737300166__quick-view splide__slide x-splide-slide media-slide w-full cursor-grab">      
7581      <button
7582        
7583        aria-label="Image zoom"
7584        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
7585        
7586        <img
7587          srcset="//hippopotamus.co.jp/cdn/shop/products/MG_0262.jpg?v=1771532133&width=375 375w,
7588            //hippopotamus.co.jp/cdn/shop/products/MG_0262.jpg?v=1771532133&width=450 450w,
7589            //hippopotamus.co.jp/cdn/shop/products/MG_0262.jpg?v=1771532133&width=750 750w,
7590            //hippopotamus.co.jp/cdn/shop/products/MG_0262.jpg?v=1771532133&width=900 900w,
7591            //hippopotamus.co.jp/cdn/shop/products/MG_0262.jpg?v=1771532133&width=1100 1100w,
7592            //hippopotamus.co.jp/cdn/shop/products/MG_0262.jpg?v=1771532133&width=1500 1500w,
7593            //hippopotamus.co.jp/cdn/shop/products/MG_0262.jpg?v=1771532133&width=1780 1780w,
7594            //hippopotamus.co.jp/cdn/shop/products/MG_0262.jpg?v=1771532133 800w"
7595          src="//hippopotamus.co.jp/cdn/shop/products/MG_0262.jpg?v=1771532133&width=1780"
7596          alt=""
7597          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
7598          loading="lazy"
7599          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
7600          width="800"
7601          
7602          height="800"
7603          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
7604          x-intersect.once="$el.classList.add('active')"
7605        >
7606        
7607        
7608      </button>
7609    </div>
7610  
7611
7612            
7613              
7614
7615
7616    <div 
7617      
7618        tabindex="-1"
7619        
7620      
7621      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
7622      data-media-id="sections--20069737300166__quick-view-27772477833414"
7623      data-type="image" 
7624      data-id="image" 
7625      data-host="image"
7626      aria-label="zoom-image" 
7627      index="9" 
7628      class="27772477833414-sections--20069737300166__quick-view splide__slide x-splide-slide media-slide w-full cursor-grab">      
7629      <button
7630        
7631        aria-label="Image zoom"
7632        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
7633        
7634        <img
7635          srcset="//hippopotamus.co.jp/cdn/shop/products/MG_0278.jpg?v=1771532133&width=375 375w,
7636            //hippopotamus.co.jp/cdn/shop/products/MG_0278.jpg?v=1771532133&width=450 450w,
7637            //hippopotamus.co.jp/cdn/shop/products/MG_0278.jpg?v=1771532133&width=750 750w,
7638            //hippopotamus.co.jp/cdn/shop/products/MG_0278.jpg?v=1771532133&width=900 900w,
7639            //hippopotamus.co.jp/cdn/shop/products/MG_0278.jpg?v=1771532133&width=1100 1100w,
7640            //hippopotamus.co.jp/cdn/shop/products/MG_0278.jpg?v=1771532133&width=1500 1500w,
7641            //hippopotamus.co.jp/cdn/shop/products/MG_0278.jpg?v=1771532133&width=1780 1780w,
7642            //hippopotamus.co.jp/cdn/shop/products/MG_0278.jpg?v=1771532133 800w"
7643          src="//hippopotamus.co.jp/cdn/shop/products/MG_0278.jpg?v=1771532133&width=1780"
7644          alt=""
7645          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
7646          loading="lazy"
7647          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
7648          width="800"
7649          
7650          height="800"
7651          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
7652          x-intersect.once="$el.classList.add('active')"
7653        >
7654        
7655        
7656      </button>
7657    </div>
7658  
7659
7660            
7661              
7662
7663
7664    <div 
7665      
7666        tabindex="-1"
7667        
7668      
7669      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
7670      data-media-id="sections--20069737300166__quick-view-27772477767878"
7671      data-type="image" 
7672      data-id="image" 
7673      data-host="image"
7674      aria-label="zoom-image" 
7675      index="10" 
7676      class="27772477767878-sections--20069737300166__quick-view splide__slide x-splide-slide media-slide w-full cursor-grab">      
7677      <button
7678        
7679        aria-label="Image zoom"
7680        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
7681        
7682        <img
7683          srcset="//hippopotamus.co.jp/cdn/shop/products/MG_0276.jpg?v=1771532133&width=375 375w,
7684            //hippopotamus.co.jp/cdn/shop/products/MG_0276.jpg?v=1771532133&width=450 450w,
7685            //hippopotamus.co.jp/cdn/shop/products/MG_0276.jpg?v=1771532133&width=750 750w,
7686            //hippopotamus.co.jp/cdn/shop/products/MG_0276.jpg?v=1771532133&width=900 900w,
7687            //hippopotamus.co.jp/cdn/shop/products/MG_0276.jpg?v=1771532133&width=1100 1100w,
7688            //hippopotamus.co.jp/cdn/shop/products/MG_0276.jpg?v=1771532133&width=1500 1500w,
7689            //hippopotamus.co.jp/cdn/shop/products/MG_0276.jpg?v=1771532133&width=1780 1780w,
7690            //hippopotamus.co.jp/cdn/shop/products/MG_0276.jpg?v=1771532133 800w"
7691          src="//hippopotamus.co.jp/cdn/shop/products/MG_0276.jpg?v=1771532133&width=1780"
7692          alt=""
7693          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
7694          loading="lazy"
7695          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
7696          width="800"
7697          
7698          height="800"
7699          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
7700          x-intersect.once="$el.classList.add('active')"
7701        >
7702        
7703        
7704      </button>
7705    </div>
7706  
7707
7708            
7709              
7710
7711
7712    <div 
7713      
7714        tabindex="-1"
7715        
7716      
7717      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
7718      data-media-id="sections--20069737300166__quick-view-27772477735110"
7719      data-type="image" 
7720      data-id="image" 
7721      data-host="image"
7722      aria-label="zoom-image" 
7723      index="11" 
7724      class="27772477735110-sections--20069737300166__quick-view splide__slide x-splide-slide media-slide w-full cursor-grab">      
7725      <button
7726        
7727        aria-label="Image zoom"
7728        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
7729        
7730        <img
7731          srcset="//hippopotamus.co.jp/cdn/shop/products/MG_0273.jpg?v=1771532133&width=375 375w,
7732            //hippopotamus.co.jp/cdn/shop/products/MG_0273.jpg?v=1771532133&width=450 450w,
7733            //hippopotamus.co.jp/cdn/shop/products/MG_0273.jpg?v=1771532133&width=750 750w,
7734            //hippopotamus.co.jp/cdn/shop/products/MG_0273.jpg?v=1771532133&width=900 900w,
7735            //hippopotamus.co.jp/cdn/shop/products/MG_0273.jpg?v=1771532133&width=1100 1100w,
7736            //hippopotamus.co.jp/cdn/shop/products/MG_0273.jpg?v=1771532133&width=1500 1500w,
7737            //hippopotamus.co.jp/cdn/shop/products/MG_0273.jpg?v=1771532133&width=1780 1780w,
7738            //hippopotamus.co.jp/cdn/shop/products/MG_0273.jpg?v=1771532133 800w"
7739          src="//hippopotamus.co.jp/cdn/shop/products/MG_0273.jpg?v=1771532133&width=1780"
7740          alt=""
7741          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
7742          loading="lazy"
7743          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
7744          width="800"
7745          
7746          height="800"
7747          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
7748          x-intersect.once="$el.classList.add('active')"
7749        >
7750        
7751        
7752      </button>
7753    </div>
7754  
7755
7756            
7757              
7758
7759
7760    <div 
7761      
7762        tabindex="-1"
7763        
7764      
7765      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
7766      data-media-id="sections--20069737300166__quick-view-27772477800646"
7767      data-type="image" 
7768      data-id="image" 
7769      data-host="image"
7770      aria-label="zoom-image" 
7771      index="12" 
7772      class="27772477800646-sections--20069737300166__quick-view splide__slide x-splide-slide media-slide w-full cursor-grab">      
7773      <button
7774        
7775        aria-label="Image zoom"
7776        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
7777        
7778        <img
7779          srcset="//hippopotamus.co.jp/cdn/shop/products/MG_0277.jpg?v=1771532133&width=375 375w,
7780            //hippopotamus.co.jp/cdn/shop/products/MG_0277.jpg?v=1771532133&width=450 450w,
7781            //hippopotamus.co.jp/cdn/shop/products/MG_0277.jpg?v=1771532133&width=750 750w,
7782            //hippopotamus.co.jp/cdn/shop/products/MG_0277.jpg?v=1771532133&width=900 900w,
7783            //hippopotamus.co.jp/cdn/shop/products/MG_0277.jpg?v=1771532133&width=1100 1100w,
7784            //hippopotamus.co.jp/cdn/shop/products/MG_0277.jpg?v=1771532133&width=1500 1500w,
7785            //hippopotamus.co.jp/cdn/shop/products/MG_0277.jpg?v=1771532133&width=1780 1780w,
7786            //hippopotamus.co.jp/cdn/shop/products/MG_0277.jpg?v=1771532133 800w"
7787          src="//hippopotamus.co.jp/cdn/shop/products/MG_0277.jpg?v=1771532133&width=1780"
7788          alt=""
7789          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
7790          loading="lazy"
7791          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
7792          width="800"
7793          
7794          height="800"
7795          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
7796          x-intersect.once="$el.classList.add('active')"
7797        >
7798        
7799        
7800      </button>
7801    </div>
7802  
7803
7804            
7805              
7806
7807
7808    <div 
7809      
7810        tabindex="-1"
7811        
7812      
7813      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
7814      data-media-id="sections--20069737300166__quick-view-27772477702342"
7815      data-type="image" 
7816      data-id="image" 
7817      data-host="image"
7818      aria-label="zoom-image" 
7819      index="13" 
7820      class="27772477702342-sections--20069737300166__quick-view splide__slide x-splide-slide media-slide w-full cursor-grab">      
7821      <button
7822        
7823        aria-label="Image zoom"
7824        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
7825        
7826        <img
7827          srcset="//hippopotamus.co.jp/cdn/shop/products/MG_0271.jpg?v=1771532133&width=375 375w,
7828            //hippopotamus.co.jp/cdn/shop/products/MG_0271.jpg?v=1771532133&width=450 450w,
7829            //hippopotamus.co.jp/cdn/shop/products/MG_0271.jpg?v=1771532133&width=750 750w,
7830            //hippopotamus.co.jp/cdn/shop/products/MG_0271.jpg?v=1771532133&width=900 900w,
7831            //hippopotamus.co.jp/cdn/shop/products/MG_0271.jpg?v=1771532133&width=1100 1100w,
7832            //hippopotamus.co.jp/cdn/shop/products/MG_0271.jpg?v=1771532133&width=1500 1500w,
7833            //hippopotamus.co.jp/cdn/shop/products/MG_0271.jpg?v=1771532133&width=1780 1780w,
7834            //hippopotamus.co.jp/cdn/shop/products/MG_0271.jpg?v=1771532133 800w"
7835          src="//hippopotamus.co.jp/cdn/shop/products/MG_0271.jpg?v=1771532133&width=1780"
7836          alt=""
7837          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
7838          loading="lazy"
7839          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
7840          width="800"
7841          
7842          height="800"
7843          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
7844          x-intersect.once="$el.classList.add('active')"
7845        >
7846        
7847        
7848      </button>
7849    </div>
7850  
7851
7852            
7853              
7854
7855
7856    <div 
7857      
7858        tabindex="-1"
7859        
7860      
7861      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
7862      data-media-id="sections--20069737300166__quick-view-27772477636806"
7863      data-type="image" 
7864      data-id="image" 
7865      data-host="image"
7866      aria-label="zoom-image" 
7867      index="14" 
7868      class="27772477636806-sections--20069737300166__quick-view splide__slide x-splide-slide media-slide w-full cursor-grab">      
7869      <button
7870        
7871        aria-label="Image zoom"
7872        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
7873        
7874        <img
7875          srcset="//hippopotamus.co.jp/cdn/shop/products/MG_0269.jpg?v=1771532133&width=375 375w,
7876            //hippopotamus.co.jp/cdn/shop/products/MG_0269.jpg?v=1771532133&width=450 450w,
7877            //hippopotamus.co.jp/cdn/shop/products/MG_0269.jpg?v=1771532133&width=750 750w,
7878            //hippopotamus.co.jp/cdn/shop/products/MG_0269.jpg?v=1771532133&width=900 900w,
7879            //hippopotamus.co.jp/cdn/shop/products/MG_0269.jpg?v=1771532133&width=1100 1100w,
7880            //hippopotamus.co.jp/cdn/shop/products/MG_0269.jpg?v=1771532133&width=1500 1500w,
7881            //hippopotamus.co.jp/cdn/shop/products/MG_0269.jpg?v=1771532133&width=1780 1780w,
7882            //hippopotamus.co.jp/cdn/shop/products/MG_0269.jpg?v=1771532133 800w"
7883          src="//hippopotamus.co.jp/cdn/shop/products/MG_0269.jpg?v=1771532133&width=1780"
7884          alt=""
7885          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
7886          loading="lazy"
7887          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
7888          width="800"
7889          
7890          height="800"
7891          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
7892          x-intersect.once="$el.classList.add('active')"
7893        >
7894        
7895        
7896      </button>
7897    </div>
7898  
7899
7900            
7901              
7902
7903
7904    <div 
7905      
7906        tabindex="-1"
7907        
7908      
7909      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
7910      data-media-id="sections--20069737300166__quick-view-27772477374662"
7911      data-type="image" 
7912      data-id="image" 
7913      data-host="image"
7914      aria-label="zoom-image" 
7915      index="15" 
7916      class="27772477374662-sections--20069737300166__quick-view splide__slide x-splide-slide media-slide w-full cursor-grab">      
7917      <button
7918        
7919        aria-label="Image zoom"
7920        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
7921        
7922        <img
7923          srcset="//hippopotamus.co.jp/cdn/shop/products/MG_0260.jpg?v=1771532133&width=375 375w,
7924            //hippopotamus.co.jp/cdn/shop/products/MG_0260.jpg?v=1771532133&width=450 450w,
7925            //hippopotamus.co.jp/cdn/shop/products/MG_0260.jpg?v=1771532133&width=750 750w,
7926            //hippopotamus.co.jp/cdn/shop/products/MG_0260.jpg?v=1771532133&width=900 900w,
7927            //hippopotamus.co.jp/cdn/shop/products/MG_0260.jpg?v=1771532133&width=1100 1100w,
7928            //hippopotamus.co.jp/cdn/shop/products/MG_0260.jpg?v=1771532133&width=1500 1500w,
7929            //hippopotamus.co.jp/cdn/shop/products/MG_0260.jpg?v=1771532133&width=1780 1780w,
7930            //hippopotamus.co.jp/cdn/shop/products/MG_0260.jpg?v=1771532133 800w"
7931          src="//hippopotamus.co.jp/cdn/shop/products/MG_0260.jpg?v=1771532133&width=1780"
7932          alt=""
7933          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
7934          loading="lazy"
7935          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
7936          width="800"
7937          
7938          height="800"
7939          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
7940          x-intersect.once="$el.classList.add('active')"
7941        >
7942        
7943        
7944      </button>
7945    </div>
7946  
7947
7948            
7949              
7950
7951
7952    <div 
7953      
7954        tabindex="-1"
7955        
7956      
7957      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
7958      data-media-id="sections--20069737300166__quick-view-27772477538502"
7959      data-type="image" 
7960      data-id="image" 
7961      data-host="image"
7962      aria-label="zoom-image" 
7963      index="16" 
7964      class="27772477538502-sections--20069737300166__quick-view splide__slide x-splide-slide media-slide w-full cursor-grab">      
7965      <button
7966        
7967        aria-label="Image zoom"
7968        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
7969        
7970        <img
7971          srcset="//hippopotamus.co.jp/cdn/shop/products/MG_0266.jpg?v=1771532133&width=375 375w,
7972            //hippopotamus.co.jp/cdn/shop/products/MG_0266.jpg?v=1771532133&width=450 450w,
7973            //hippopotamus.co.jp/cdn/shop/products/MG_0266.jpg?v=1771532133&width=750 750w,
7974            //hippopotamus.co.jp/cdn/shop/products/MG_0266.jpg?v=1771532133&width=900 900w,
7975            //hippopotamus.co.jp/cdn/shop/products/MG_0266.jpg?v=1771532133&width=1100 1100w,
7976            //hippopotamus.co.jp/cdn/shop/products/MG_0266.jpg?v=1771532133&width=1500 1500w,
7977            //hippopotamus.co.jp/cdn/shop/products/MG_0266.jpg?v=1771532133&width=1780 1780w,
7978            //hippopotamus.co.jp/cdn/shop/products/MG_0266.jpg?v=1771532133 800w"
7979          src="//hippopotamus.co.jp/cdn/shop/products/MG_0266.jpg?v=1771532133&width=1780"
7980          alt=""
7981          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
7982          loading="lazy"
7983          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
7984          width="800"
7985          
7986          height="800"
7987          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
7988          x-intersect.once="$el.classList.add('active')"
7989        >
7990        
7991        
7992      </button>
7993    </div>
7994  
7995
7996            
7997              
7998
7999
8000    <div 
8001      
8002        tabindex="-1"
8003        
8004      
8005      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
8006      data-media-id="sections--20069737300166__quick-view-31195667103942"
8007      data-type="image" 
8008      data-id="image" 
8009      data-host="image"
8010      aria-label="zoom-image" 
8011      index="17" 
8012      class="31195667103942-sections--20069737300166__quick-view splide__slide x-splide-slide media-slide w-full cursor-grab">      
8013      <button
8014        
8015        aria-label="Image zoom"
8016        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
8017        
8018        <img
8019          srcset="//hippopotamus.co.jp/cdn/shop/files/ctbr10-156.jpg?v=1771532133&width=375 375w,
8020            //hippopotamus.co.jp/cdn/shop/files/ctbr10-156.jpg?v=1771532133&width=450 450w,
8021            //hippopotamus.co.jp/cdn/shop/files/ctbr10-156.jpg?v=1771532133&width=750 750w,
8022            //hippopotamus.co.jp/cdn/shop/files/ctbr10-156.jpg?v=1771532133&width=900 900w,
8023            //hippopotamus.co.jp/cdn/shop/files/ctbr10-156.jpg?v=1771532133&width=1100 1100w,
8024            //hippopotamus.co.jp/cdn/shop/files/ctbr10-156.jpg?v=1771532133&width=1500 1500w,
8025            //hippopotamus.co.jp/cdn/shop/files/ctbr10-156.jpg?v=1771532133&width=1780 1780w,
8026            //hippopotamus.co.jp/cdn/shop/files/ctbr10-156.jpg?v=1771532133 800w"
8027          src="//hippopotamus.co.jp/cdn/shop/files/ctbr10-156.jpg?v=1771532133&width=1780"
8028          alt=""
8029          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
8030          loading="lazy"
8031          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
8032          width="800"
8033          
8034          height="800"
8035          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
8036          x-intersect.once="$el.classList.add('active')"
8037        >
8038        
8039        
8040      </button>
8041    </div>
8042  
8043
8044            
8045              
8046
8047
8048    <div 
8049      
8050        tabindex="-1"
8051        
8052      
8053      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
8054      data-media-id="sections--20069737300166__quick-view-31195667136710"
8055      data-type="image" 
8056      data-id="image" 
8057      data-host="image"
8058      aria-label="zoom-image" 
8059      index="18" 
8060      class="31195667136710-sections--20069737300166__quick-view splide__slide x-splide-slide media-slide w-full cursor-grab">      
8061      <button
8062        
8063        aria-label="Image zoom"
8064        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
8065        
8066        <img
8067          srcset="//hippopotamus.co.jp/cdn/shop/files/ctbr10-157.jpg?v=1771532133&width=375 375w,
8068            //hippopotamus.co.jp/cdn/shop/files/ctbr10-157.jpg?v=1771532133&width=450 450w,
8069            //hippopotamus.co.jp/cdn/shop/files/ctbr10-157.jpg?v=1771532133&width=750 750w,
8070            //hippopotamus.co.jp/cdn/shop/files/ctbr10-157.jpg?v=1771532133&width=900 900w,
8071            //hippopotamus.co.jp/cdn/shop/files/ctbr10-157.jpg?v=1771532133&width=1100 1100w,
8072            //hippopotamus.co.jp/cdn/shop/files/ctbr10-157.jpg?v=1771532133&width=1500 1500w,
8073            //hippopotamus.co.jp/cdn/shop/files/ctbr10-157.jpg?v=1771532133&width=1780 1780w,
8074            //hippopotamus.co.jp/cdn/shop/files/ctbr10-157.jpg?v=1771532133 800w"
8075          src="//hippopotamus.co.jp/cdn/shop/files/ctbr10-157.jpg?v=1771532133&width=1780"
8076          alt=""
8077          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
8078          loading="lazy"
8079          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
8080          width="800"
8081          
8082          height="800"
8083          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
8084          x-intersect.once="$el.classList.add('active')"
8085        >
8086        
8087        
8088      </button>
8089    </div>
8090  
8091
8092            
8093              
8094
8095
8096    <div 
8097      
8098        tabindex="-1"
8099        
8100      
8101      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
8102      data-media-id="sections--20069737300166__quick-view-31195667071174"
8103      data-type="image" 
8104      data-id="image" 
8105      data-host="image"
8106      aria-label="zoom-image" 
8107      index="19" 
8108      class="31195667071174-sections--20069737300166__quick-view splide__slide x-splide-slide media-slide w-full cursor-grab">      
8109      <button
8110        
8111        aria-label="Image zoom"
8112        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
8113        
8114        <img
8115          srcset="//hippopotamus.co.jp/cdn/shop/files/ctbr10-158.jpg?v=1771532133&width=375 375w,
8116            //hippopotamus.co.jp/cdn/shop/files/ctbr10-158.jpg?v=1771532133&width=450 450w,
8117            //hippopotamus.co.jp/cdn/shop/files/ctbr10-158.jpg?v=1771532133&width=750 750w,
8118            //hippopotamus.co.jp/cdn/shop/files/ctbr10-158.jpg?v=1771532133&width=900 900w,
8119            //hippopotamus.co.jp/cdn/shop/files/ctbr10-158.jpg?v=1771532133&width=1100 1100w,
8120            //hippopotamus.co.jp/cdn/shop/files/ctbr10-158.jpg?v=1771532133&width=1500 1500w,
8121            //hippopotamus.co.jp/cdn/shop/files/ctbr10-158.jpg?v=1771532133&width=1780 1780w,
8122            //hippopotamus.co.jp/cdn/shop/files/ctbr10-158.jpg?v=1771532133 800w"
8123          src="//hippopotamus.co.jp/cdn/shop/files/ctbr10-158.jpg?v=1771532133&width=1780"
8124          alt=""
8125          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
8126          loading="lazy"
8127          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
8128          width="800"
8129          
8130          height="800"
8131          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
8132          x-intersect.once="$el.classList.add('active')"
8133        >
8134        
8135        
8136      </button>
8137    </div>
8138  
8139
8140            
8141              
8142
8143
8144    <div 
8145      
8146        tabindex="-1"
8147        
8148      
8149      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
8150      data-media-id="sections--20069737300166__quick-view-31195667038406"
8151      data-type="image" 
8152      data-id="image" 
8153      data-host="image"
8154      aria-label="zoom-image" 
8155      index="20" 
8156      class="31195667038406-sections--20069737300166__quick-view splide__slide x-splide-slide media-slide w-full cursor-grab">      
8157      <button
8158        
8159        aria-label="Image zoom"
8160        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
8161        
8162        <img
8163          srcset="//hippopotamus.co.jp/cdn/shop/files/ctbr10-159.jpg?v=1771532133&width=375 375w,
8164            //hippopotamus.co.jp/cdn/shop/files/ctbr10-159.jpg?v=1771532133&width=450 450w,
8165            //hippopotamus.co.jp/cdn/shop/files/ctbr10-159.jpg?v=1771532133&width=750 750w,
8166            //hippopotamus.co.jp/cdn/shop/files/ctbr10-159.jpg?v=1771532133&width=900 900w,
8167            //hippopotamus.co.jp/cdn/shop/files/ctbr10-159.jpg?v=1771532133&width=1100 1100w,
8168            //hippopotamus.co.jp/cdn/shop/files/ctbr10-159.jpg?v=1771532133&width=1500 1500w,
8169            //hippopotamus.co.jp/cdn/shop/files/ctbr10-159.jpg?v=1771532133&width=1780 1780w,
8170            //hippopotamus.co.jp/cdn/shop/files/ctbr10-159.jpg?v=1771532133 800w"
8171          src="//hippopotamus.co.jp/cdn/shop/files/ctbr10-159.jpg?v=1771532133&width=1780"
8172          alt=""
8173          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
8174          loading="lazy"
8175          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
8176          width="800"
8177          
8178          height="800"
8179          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
8180          x-intersect.once="$el.classList.add('active')"
8181        >
8182        
8183        
8184      </button>
8185    </div>
8186  
8187
8188            
8189              
8190
8191
8192    <div 
8193      
8194        tabindex="-1"
8195        
8196      
8197      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
8198      data-media-id="sections--20069737300166__quick-view-31837861478598"
8199      data-type="image" 
8200      data-id="image" 
8201      data-host="image"
8202      aria-label="zoom-image" 
8203      index="21" 
8204      class="31837861478598-sections--20069737300166__quick-view splide__slide x-splide-slide media-slide w-full cursor-grab">      
8205      <button
8206        
8207        aria-label="Image zoom"
8208        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
8209        
8210        <img
8211          srcset="//hippopotamus.co.jp/cdn/shop/files/img_ctbr11-4.jpg?v=1771532133&width=375 375w,
8212            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-4.jpg?v=1771532133&width=450 450w,
8213            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-4.jpg?v=1771532133&width=750 750w,
8214            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-4.jpg?v=1771532133&width=900 900w,
8215            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-4.jpg?v=1771532133&width=1100 1100w,
8216            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-4.jpg?v=1771532133&width=1500 1500w,
8217            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-4.jpg?v=1771532133&width=1780 1780w,
8218            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-4.jpg?v=1771532133 800w"
8219          src="//hippopotamus.co.jp/cdn/shop/files/img_ctbr11-4.jpg?v=1771532133&width=1780"
8220          alt=""
8221          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
8222          loading="lazy"
8223          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
8224          width="800"
8225          
8226          height="800"
8227          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
8228          x-intersect.once="$el.classList.add('active')"
8229        >
8230        
8231        
8232      </button>
8233    </div>
8234  
8235
8236            
8237              
8238
8239
8240    <div 
8241      
8242        tabindex="-1"
8243        
8244      
8245      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
8246      data-media-id="sections--20069737300166__quick-view-31837861576902"
8247      data-type="image" 
8248      data-id="image" 
8249      data-host="image"
8250      aria-label="zoom-image" 
8251      index="22" 
8252      class="31837861576902-sections--20069737300166__quick-view splide__slide x-splide-slide media-slide w-full cursor-grab">      
8253      <button
8254        
8255        aria-label="Image zoom"
8256        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
8257        
8258        <img
8259          srcset="//hippopotamus.co.jp/cdn/shop/files/img_ctbr11-7.jpg?v=1771532133&width=375 375w,
8260            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-7.jpg?v=1771532133&width=450 450w,
8261            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-7.jpg?v=1771532133&width=750 750w,
8262            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-7.jpg?v=1771532133&width=900 900w,
8263            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-7.jpg?v=1771532133&width=1100 1100w,
8264            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-7.jpg?v=1771532133&width=1500 1500w,
8265            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-7.jpg?v=1771532133&width=1780 1780w,
8266            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-7.jpg?v=1771532133 800w"
8267          src="//hippopotamus.co.jp/cdn/shop/files/img_ctbr11-7.jpg?v=1771532133&width=1780"
8268          alt=""
8269          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
8270          loading="lazy"
8271          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
8272          width="800"
8273          
8274          height="800"
8275          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
8276          x-intersect.once="$el.classList.add('active')"
8277        >
8278        
8279        
8280      </button>
8281    </div>
8282  
8283
8284            
8285              
8286
8287
8288    <div 
8289      
8290        tabindex="-1"
8291        
8292      
8293      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
8294      data-media-id="sections--20069737300166__quick-view-31837861511366"
8295      data-type="image" 
8296      data-id="image" 
8297      data-host="image"
8298      aria-label="zoom-image" 
8299      index="23" 
8300      class="31837861511366-sections--20069737300166__quick-view splide__slide x-splide-slide media-slide w-full cursor-grab">      
8301      <button
8302        
8303        aria-label="Image zoom"
8304        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
8305        
8306        <img
8307          srcset="//hippopotamus.co.jp/cdn/shop/files/img_ctbr11-5.jpg?v=1771532133&width=375 375w,
8308            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-5.jpg?v=1771532133&width=450 450w,
8309            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-5.jpg?v=1771532133&width=750 750w,
8310            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-5.jpg?v=1771532133&width=900 900w,
8311            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-5.jpg?v=1771532133&width=1100 1100w,
8312            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-5.jpg?v=1771532133&width=1500 1500w,
8313            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-5.jpg?v=1771532133&width=1780 1780w,
8314            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-5.jpg?v=1771532133 800w"
8315          src="//hippopotamus.co.jp/cdn/shop/files/img_ctbr11-5.jpg?v=1771532133&width=1780"
8316          alt=""
8317          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
8318          loading="lazy"
8319          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
8320          width="800"
8321          
8322          height="800"
8323          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
8324          x-intersect.once="$el.classList.add('active')"
8325        >
8326        
8327        
8328      </button>
8329    </div>
8330  
8331
8332            
8333          
8334        </div>
8335      </div>
8336      
8337        <div class="splide__arrows gap-3 md:gap-0 md:mb-2 mb-1 md:mt-4 mt-3 flex justify-center w-full items-center lg:mb-0 lg:mt-0 md:hidden pointer-events-none lg:block">
8338          <button class="splide__arrow button-arrow w-11 h-11 lg:top-1/2 lg:absolute lg:-mt-6 pt-3 pb-3 pr-3 pl-3 lg:left-0 rtl:lg:group-hover:left-4 lg:bottom-0 transition-all ease-in-out lg:opacity-0 lg:group-hover:opacity-100 lg:group-hover:translate-x-2 lg:-translate-x-full z-10 lg:group-hover:disabled:opacity-30 disabled:opacity-30 disabled:cursor-not-allowed pointer-events-auto items-center justify-center duration-200 splide__arrow--prev rounded-full border border-solid md:border-none" aria-label="Go to last slide">
8339            <span class="hidden">previous slide</span>
8340            <span class="not-icon rounded-full hidden md:block">
8341      <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet">
8342        <path fill="none" d="M16 1L5 12L16 23" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
8343      </svg>
8344    
8345
8346</span>
8347            <span class="block md:hidden">
8348      <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet">
8349        <path fill="none" d="M16 1L5 12L16 23" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
8350      </svg>
8351    
8352
8353</span>
8354          </button>
8355          <button class="splide__arrow button-arrow w-11 h-11 lg:top-1/2 lg:absolute lg:-mt-6 pt-3 pb-3 pr-3 pl-3 lg:right-0 rtl:lg:group-hover:right-4 lg:bottom-0 transition-all ease-in-out lg:opacity-0 lg:group-hover:opacity-100 lg:group-hover:-translate-x-2 lg:translate-x-full z-10 lg:group-hover:disabled:opacity-30 disabled:opacity-30 disabled:cursor-not-allowed pointer-events-auto items-center justify-center duration-200 splide__arrow--next rounded-full border border-solid md:border-none" aria-label="Next slide">
8356            <span class="hidden">next slide</span>
8357            <span class="not-icon rounded-full hidden md:block">
8358      <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet">
8359        <path fill="none" d="M8 1L19 12L8 23" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
8360      </svg>
8361  
8362
8363</span>
8364            <span class="block md:hidden">
8365      <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet">
8366        <path fill="none" d="M8 1L19 12L8 23" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
8367      </svg>
8368  
8369
8370</span>
8371          </button>
8372        </div>
8373      
8374    </div>
8375    
8376    
8377  </div>
8378</div>
8379<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/product-media.js?v=178923250894042546431774087103" defer></script>
8379</div>
8380      
8381      <div 
8382        class="product-content-container w-full relative  quick-view:md:w-[55%] md:w-1/2 md:pl-0 md:pr-0 flex product-page:md:justify-end rtl:product-page:md:justify-start pt-3 md:pt-0 pb-0"tabindex="0"><div id="ProductInfo-sections--20069737300166__quick-view"
8383          class="parent-element  product-info w-full pb-1 max-w-[720px] sticky top-[calc(var(--height-header)+5rem)] lg:pr-0 md:pl-5 quick-view:md:pr-6 product-page:md:pr-12 rtl:product-page:md:pr-0 rtl:product-page:md:pl-12 product-page:lg:pr-[84px] rtl:product-page:lg:pr-0 rtl:product-page:lg:pl-[84px]"
8384        >
8385          <div class="flex gap-x-2.5 flex-wrap">
8386            <div id="product-variant-title-sections--20069737300166__quick-view">
8387              <div class="hidden product-variant-title-8529620271302-44682557227206">ギフト – チーフベア×1(パッケージ)</div>
8388            </div><p class=" w-full mb-1 italic p-break-words">hippopotamus</p><div class="mb-3 w-full">
8389                <h2 class="product-title h2 leading-tight title-size--sections--20069737300166__quick-view">ギフト – チーフベア×1(パッケージ)</h2>
8390              </div>
8391  
8392<div 
8393  class="x-review-product judge flex w-full items-center ltr mb-4 md:mb-5 rtl:justify-end md:list-layout:justify-start"
8394><div class="rating gap-1 flex leading-tight" role="img" aria-label="5.0つ星のうち3.75つ">
8395      
8396      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
8397        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
8398      </svg>
8399    
8400      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
8401        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
8402      </svg>
8403    
8404      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
8405        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
8406      </svg>
8407    
8408      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
8409        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
8410      </svg>
8411    �<svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
8412      <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
8413    </svg>
8414    </div> 
8415    <p class="rating-count leading-none caption ml-1 text-review-count">(4)
8416    </p></div>
8417
8418<div class="x-block-price mb-4 md:mb-6 w-full pricearea" ><style data-shopify>#price-sections--20069737300166__quick-view {
8419                        font-size: 1.4175rem;
8420                      }
8421                      @media (min-width: 768px) {
8422                        #price-sections--20069737300166__quick-view {
8423                          font-size: 1.575rem;
8424                        }
8425                      }</style><div id="price-sections--20069737300166__quick-view" class="flex flex-wrap items-center  gap-4" role="status"><div class="main-product-price price leading-none ">
8426  <div class="target-price hidden">242000</div>
8427  <div class="target-compare-at-price hidden"></div>
8428  
8429  
8430<p class="price">
8431        <span class=money>Â¥2,420</span>
8432      </p>
8433    
8434    
8435  
8436</div>
8437<div class="relative min-w-[100px] min-h-[1em]">
8438                        <div x-intersect.once.margin.200px="$nextTick(() => { if ($el.innerHTML.trim() == '') $el.parentElement.classList.add('hidden') });" class="x-badges-container absolute left-0 top-1/2 -translate-y-1/2 z-10 text-sm x-badges-product-detail empty:h-0 empty:min-h-0 empty:mb-0 w-max items-center flex-wrap gap-x-1 gap-y-2 md:gap-y-4"></div>
8439                      </div>
8440                    </div>
8441                    <div class="shopify-payment-terms"><form method="post" action="/cart/add" id="product-form-installment-sections--20069737300166__quick-view" accept-charset="UTF-8" class="installment caption-large" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="44682557227206">
8442                        
8443<input type="hidden" name="product-id" value="8529620271302" /><input type="hidden" name="section-id" value="sections--20069737300166__quick-view" /></form></div>
8444                  </div>
8445
8446                  <div class="w-full x-block-badges mb-4 md:mb-5 min-h-[45px]" id="x-badges-sections--20069737300166__quick-view" >
8447                    <div
8448                      class="x-badges-container text-sm x-badges-product-detail empty:h-0 empty:min-h-0 empty:mb-0 min-h-[45px] flex items-center flex-wrap gap-x-1 gap-y-2 md:gap-y-4"
8449                      x-intersect.once.margin.1200px='() => {
8450                        if ($store.xBadges) {
8451                          const container = document.getElementById("x-badges-sections--20069737300166__quick-view");
8452                          $store.xBadges && $store.xBadges.load($el, (el) => {
8453                            if (!([...el.childNodes].some(n => n.nodeType === 1 && n.tagName === "DIV"))) {
8454                              el.classList.remove("min-h-[45px]");
8455                              container.classList.remove("mb-4", "md:mb-5", "min-h-[45px]");
8456                            } else {
8457                              container.classList.add("mb-4", "md:mb-5", "min-h-[45px]");
8458                            };
8459                            el.removeAttribute("x-intersect.once.margin.1200px");
8460                            container.innerHTML = el.outerHTML;
8461                            document.dispatchEvent(new CustomEvent("eurus:badges:loaded"));
8462                          }, container)
8463                        }
8464                      }'
8465                      x-labels-data="{
8466                      &quot;variant_id&quot;: 8529620271302,
8467                      &quot;product_id&quot;: 8529620271302,            
8468                      &quot;available&quot;: true,
8469                      &quot;title&quot;: &quot;ギフト – チーフベア×1(パッケージ)&quot;,
8470                      &quot;compare_at_price&quot;: 0,
8471                      &quot;price&quot;: 242000,
8472                      &quot;price_with_currency&quot;: &quot;&amp;lt;span class=money&amp;gt;Â¥2,420&amp;lt;/span&amp;gt;&quot;,
8473                      &quot;sale_amount&quot;: &quot;&amp;lt;span class=money&amp;gt;Â¥-2,420&amp;lt;/span&amp;gt;&quot;,
8474                      &quot;collections&quot;: &quot;||265417031878||81953325174||288961429702||287533170886||287537037510||287537168582||286560714950||81952800886||269097042118||81952931958||286087807174||85279408246||270831648966||271148777670||270870184134||270832795846||&quot;,
8475                      &quot;inventory_management&quot;: &quot;shopify&quot;,
8476                      &quot;qty&quot;: 319,
8477                      &quot;container&quot;: &quot;product-info&quot;,
8478                      &quot;make_content_center&quot;: false,
8479                      &quot;can_show_preorder&quot;: false,
8480                      
8481                        &quot;position_adapt&quot;: false,
8482                      
8483                      
8484                        &quot;teleport_dest_image&quot;: &quot;#x-product-template-8529620271302-sections--20069737300166__quick-view .product-media-container #product-media-sections--20069737300166__quick-view .x-badges-container&quot;,
8485                      
8486                      &quot;teleport_dest_price&quot;: &quot;#x-product-template-8529620271302-sections--20069737300166__quick-view #price-sections--20069737300166__quick-view .x-badges-container&quot;,
8487                      &quot;diff_day_create&quot;: 481.1,
8488                      &quot;diff_day_publish&quot;: 473.94
8489                      
8490                    }"
8491                    ></div>
8492                  </div>
8493<div id="product-description-block-sections--20069737300166__quick-view" class="x-block-description w-full mb-2"><div class="w-full relative" ><div class="">
8494        <div class="rte pb-2">
8495  <div class="rte">
8496
8497
8498
8499<h3><strong>プチギフトに大人気のチーフベア</strong></h3>
8500プチギフトとして大人気の「チーフベア」が、透明感のある新しいパッケージにリニューアル。<br>
8501チーフベアの可愛さがより引き立つクリアなデザインで、選ぶ楽しさと贈る喜びをさらに感じていただけるようになりました。<br>
8502四角いタオルを丁寧に折り上げて作られた、まるでぬいぐるみのようなベアは、ほどくのがもったいないほど愛らしい見た目で、贈る方にも、受け取る方にも笑顔を届けてくれる人気のプチギフトです。<br>
8503お誕生日や出産祝い、新築祝いなど、かしこまりすぎないちょっとした贈りものとしてぴったり。<br>
8504ギフトボックスよりも気軽に、それでいてしっかりと心が伝わるギフトとしておすすめです。
8505<br><br>
8506※メッセージカード(無料)<br>※熨斗(のし)掛け不可<br> ※同じギフトをカートに複数入れた場合のメッセージカードにつきましては、全て同じ内容でメッセージを作成いたします。<br> ギフト1つずつメッセージカードの内容を変更したい場合は、ギフト1つずつカートに入れてメッセージカードの設定をお願いいたします。 <br>※画面上の色と実際の商品の色とが異なって見える場合がございます。
8507</div>
8508</div>
8509      </div>
8510    </div></div>
8511<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/variant-select.js?v=19883298395587996631774087103" defer></script>
8511<div x-intersect.once.margin.200px="document.addEventListener('eurus:cart:items-changed', () => {
8512                      Alpine.store('xUpdateVariantQuanity').updateQuantity('sections--20069737300166__quick-view', '/products/set-cb1-box');
8513                    });"></div><div x-ref='product_form_container' class="x-block-buy-buttons button-product-buy-buttons w-full button-product mb-4 md:mb-6"
8514                      
8515                        x-data="xProductCart()"
8516                      
8517                      
8518                    >
8519                      <style data-shopify>
8520                        .x-variant-picker + .x-block-buy-buttons {
8521                          margin-top: 8px;
8522                        }
8523                        .button-product-buy-buttons, .button-product-buy-buttons *:before {
8524                          
8525                          
8526                          
8527                          
8528                          
8529                          
8530                        }
8531                        .dark .button-product-buy-buttons, .dark .button-product-buy-buttons *:before {
8532                            
8533                            --colors-button: 255, 255, 255;
8534                          
8535                           
8536                            --colors-button-text: 0, 0, 0; 
8537                          
8538                            
8539                            --colors-button-hover: rgb(251, 133, 0);
8540                          
8541                            
8542                            --colors-button-text-hover: 0, 0, 0;
8543                          
8544                            
8545                            --colors-secondary-button: 255, 255, 255;
8546                            --colors-line-secondary-button: 255, 255, 255;
8547                          
8548                          
8549                            --background-secondary-button: transparent;
8550                          
8551                        }
8552                      </style>
8553                      <div><form method="post" action="/cart/add" id="product-form-sections--20069737300166__quick-view" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" id="update-variant-sections--20069737300166__quick-view" name="id" value="44682557227206">
8554                          
8555                            <div class="flex gap-2">
8556                              
8557                              <div class="inline-flex w-fit border border-solid items-center mb-3 bg-[rgba(var(--background-color),1)] rounded-none"
8558                                x-data="xQuantitySelector('8529620271302', 'sections--20069737300166__quick-view', 1, null, null, false, '&lt;span class=money&gt;Â¥{{amount_no_decimals}}&lt;/span&gt;', '&lt;span class=money&gt;Â¥{{amount_no_decimals}}&lt;/span&gt;')"
8559                                x-intersect.once.margin.200px="initQtyChangeEvent('Quantity-atc-sections--20069737300166__quick-view')"
8560                              >
8561                                <button class="w-10 cursor-pointer pt-2.5 pb-2.5 md:pt-3.5 md:pb-3.5 bg-transparent pl-3.5 pr-3.5 select-none opacity-70" name="minus" aria-label="minus" @click.prevent="minus(1)">
8562                                  
8563    <svg width="100%" height="100%"  viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8564      <path d="M1 12H23" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
8565    </svg>
8566  
8567
8568                                </button>
8569                                <input class="outer-spin-button hide-spin-input focus:outline-none w-8 md:w-10 pt-2 pb-2 md:pt-2.5 md:pb-2.5 text-center bg-transparent"
8570                                  type="number"
8571                                  name="quantity"
8572                                  id="Quantity-atc-sections--20069737300166__quick-view"
8573                                  aria-label="quantity selector value"
8574                                  min="1"
8575                                  
8576                                  step="1"
8577                                  value="1"
8578                                  form="product-form-sections--20069737300166__quick-view"
8579                                  x-model="qty"
8580                                  x-on:blur="invalid($el)"
8581                                >
8582                                <button class="w-10 cursor-pointer pt-2.5 pb-2.5 md:pt-3.5 md:pb-3.5 bg-transparent pr-3.5 pl-3.5 select-none opacity-70" name="plus" @click.prevent="plus(1)" aria-label="minus">
8583                                  
8584    <svg width="100%" height="100%"  viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8585      <path d="M1 12H23M12 1V23" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
8586    </svg>
8587  
8588
8589                                </button>
8590                              </div>
8591                          
8592                          <button
8593                            id="x-atc-button-sections--20069737300166__quick-view"
8594                            role="button"
8595                            name="add"
8596                            type="submit"
8597                            @click="addToCart($event, true, true)"
8598                            
8599                            class="relative add_to_cart_button button button-outline disabled:opacity-60 disabled:cursor-not-allowed disable-action-btn-animation duration-200 leading-none w-full mb-3 pt-3 pb-3 md:pt-3.5 md:pb-3.5"
8600                            
8601                                  
8602                              
8603                            x-intersect.once.margin.200px="Alpine.store('xCartHelper').validateCart();"
8604                            data-available="true"
8605                            
8606                            
8607                          >
8608                            
8609<span class="flex justify-center" :class="loading && 'invisible'">
8610                              <span class="x-atc-text button-text w-fit pt-0.5 pb-0.5 ltr">カートに入れる</span>
8611                              
8612                            </span>
8613                            <div class="inline-block w-5 h-5 absolute top-[calc(50%-10px)] left-[calc(50%-10px)]" x-show="loading" x-cloak>
8614                              <svg class="animate-spin" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
8615    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
8616  </svg>
8617
8618                            </div>
8619                          </button>
8620                          
8621                            </div>
8622                          
8623
8624                              <div id="x-payment-button-sections--20069737300166__quick-view" class="relative payment-button-container " x-data="{ show: false }" x-intersect.once.margin.200px="show = true">
8625                                <template x-if="show">
8626                                  <div class="payment-button button-animation" x-intersect.once.margin.200px="$store.xShopifyPaymentBtn.load($el)">
8627                                    <div data-shopify="payment-button" class="shopify-payment-button"> <shopify-accelerated-checkout recommended="{&quot;supports_subs&quot;:true,&quot;supports_def_opts&quot;:false,&quot;name&quot;:&quot;shop_pay&quot;,&quot;wallet_params&quot;:{&quot;shopId&quot;:6594166902,&quot;merchantName&quot;:&quot;Hippopotamus-official&quot;,&quot;personalized&quot;:true}}" fallback="{&quot;supports_subs&quot;:true,&quot;supports_def_opts&quot;:true,&quot;name&quot;:&quot;buy_it_now&quot;,&quot;wallet_params&quot;:{}}" access-token="f05374454cae39f53500ee1a858d7f34" buyer-country="JP" buyer-locale="ja" buyer-currency="JPY" variant-params="[{&quot;id&quot;:44682557227206,&quot;requiresShipping&quot;:true}]" shop-id="6594166902" enabled-flags="[&quot;1172c16a&quot;,&quot;a1d1f9a1&quot;,&quot;f5afabb3&quot;,&quot;370070f3&quot;]" > <div class="shopify-payment-button__button" role="button" disabled aria-hidden="true" style="background-color: transparent; border: none"> <div class="shopify-payment-button__skeleton">&nbsp;</div> </div> <div class="shopify-payment-button__more-options shopify-payment-button__skeleton" role="button" disabled aria-hidden="true">&nbsp;</div> </shopify-accelerated-checkout> </div>
8628                                  </div>
8629                                </template>
8630                                
8631                                
8632                              </div>
8633                              
8633<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/payment-button.js?v=19694614378629863991774087103" defer></script>
8633
8634                            
8635<input type="hidden" name="product-id" value="8529620271302" /><input type="hidden" name="section-id" value="sections--20069737300166__quick-view" /></form><div class="flex items-center mb-3 pl-4 pr-4 pt-3 pb-3 bg-[rgba(var(--color-error),0.2)]" role="alert" x-cloak x-show="errorMessage" @click.away="errorMessage=false">
8636                          <div class="flex">
8637                            <span class="w-4 h-4"><svg class="text-[rgba(var(--color-error))]" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 800 800" enable-background="new 0 0 800 800" xml:space="preserve" fill="currentColor">
8638    <path d="M400 0C179.1 0 0 179.1 0 400c0 220.9 179.1 400 400 400s400-179.1 400-400C800 179.1 620.9 0 400 0zm0 655.333c-31.267 0-52.667-24.1-52.667-55.333 0-32.134 22.3-55.333 52.667-55.333 32.1 0 52.667 23.199 52.667 55.333 0 31.267-20.567 55.333-52.667 55.333zm20.733-211.3c-7.967 27.167-33.066 27.634-41.434 0-9.633-31.866-43.866-152.833-43.866-231.4 0-103.667 129.699-104.167 129.699 0 0 79.034-36.099 203.134-44.399 231.4z"/>
8639  </svg>
8640</span>
8641                          </div>
8642                          <span class="ml-2 pt-0.5" x-ref="error_message"></span>
8643                        </div>
8644                        <div class="x-pre-order-button pre-order-sections--20069737300166__quick-view"></div></div>
8645                    </div>
8646                    
8647                    
8648<div class="x-block-view-detail mb-4 md:mb-5 w-full items-center flex">
8649                    <style data-shopify>
8650                      .x-block-buy-buttons:has( + .x-block-view-detail) {
8651                        margin-bottom: 12px;
8652                      }
8653                    </style>
8654                    <a href="/products/set-cb1-box" class="nav-link hover-text-link relative flex gap-1 items-center" >
8655                      <span>詳細の全体を見る</span>
8656                      <div class="w-3 h-3 -rotate-90">
8657    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8658      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
8659    </svg>
8660</div>
8661                    </a>
8662                  </div><div class="properties_re_render-sections--20069737300166__quick-view">
8663              
8664              <div class="hidden" id="cart-edt-sections--20069737300166__quick-view">
8665                
8666                  
8667                
8668              </div>
8669            </div>
8670          </div>
8671        </div>
8671<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/gift-card-recipient.js?v=117434955253953032251774087103" defer></script>
8671
8672      </div>
8673  </div>
8674</div>
8675
8676  
8677    
8678  
8679
8680  
8681    
8682  
8683
8684  
8685    
8686  
8687
8688  
8689    
8690  
8691
8692  
8693    
8694  
8695
8696  
8697    
8698  
8699
8700  
8701    
8702  
8703
8704  
8705    
8706  
8707
8708  
8709    
8710  
8711
8712  
8713    
8714  
8715
8716  
8717    
8718  
8719
8720  
8721    
8722  
8723
8724  
8725    
8726  
8727
8728  
8729    
8730  
8731
8732  
8733    
8734  
8735
8736  
8737    
8738  
8739
8740  
8741    
8742  
8743
8744  
8745    
8746  
8747
8748
8749</div>
8750      </div>
8751    </div>
8752  </div>
8753</div>
8754
8755
8756<div class="popup-choose-options-mobile fixed z-[60] left-0 right-0 animate-goleft duration-300" x-show="$store.xQuickView.openPopupMobile" x-cloak>
8757    <div class="bg-[#acacac] opacity-40 block md:hidden fixed top-0 right-0 bottom-0 left-0" @click="$store.xQuickView.closePopupMobile()"></div>
8758    <div
8759      x-show="$store.xQuickView.openPopupMobile"
8760      class="z-30 md:hidden overflow-auto pt-2 pb-2 flex flex-col fixed bottom-0 left-0 md:bottom-auto max-h-[85vh] w-full bg-[rgba(var(--background-color),1)] text-left"
8761      x-transition:enter="transition-all ease-in-out duration-500" 
8762      x-transition:enter-start="opacity-0 transform translate-y-1/3" 
8763      x-transition:enter-end="opacity-100 transform translate-y-0" 
8764      x-transition:leave="transition ease-in-out duration-500" 
8765      x-transition:leave-end="opacity-0 transform translate-y-1/3"
8766    >
8767      <button 
8768        class="cursor-pointer group-close-btn rounded-full absolute icon-close-container w-fit z-10 right-2 md:right-0 top-2 lg:end-10 rtl:left-2 rtl:md:left-0 rtl:right-auto"
8769        aria-label="Close quickview"
8770        @click="$store.xQuickView.closePopupMobile()" 
8771      >
8772        
8773    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8774      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
8775    </svg>
8776
8777      </button>
8778      <div :class="$store.xQuickView.loadingChooseOption ? 'block md:hidden' : 'hidden md:hidden'" class="flex gap-x-[4%] flex-wrap animate-Xpulse flex-row-reverse">
8779        <div class="w-full pl-5 pr-5 pt-7 pb-5">
8780          <p class="mb-5 h-5 w-3/4 bg-slate-200"></p>
8781          <div class="h-7 bg-slate-200 w-full mb-5 rounded"></div>
8782          <div class="h-5 bg-slate-200 w-1/3 mb-5 rounded"></div>
8783          <div class="h-7 bg-slate-200 w-2/3 mb-5 rounded"></div>
8784          <div class="h-7 bg-slate-200 w-1/3 mb-5 rounded"></div>
8785          <div class="h-7 bg-slate-200 w-1/3 mb-5 rounded"></div>
8786          <div class="flex gap-x-5">
8787            <div class="h-10 bg-slate-200 flex-1 mb-5 rounded"></div>
8788            <div class="h-10 bg-slate-200 flex-1 mb-5 rounded"></div>
8789          </div>
8790        </div>
8791      </div>
8792      <div class="choose-options-mobile rtl:text-right" id="choose-options-mobile" x-show="!$store.xQuickView.loadingChooseOption"></div>
8793    </div>
8794  </div>
8795<script>
8796window.xQuickView = {
8797  sectionId: 'sections--20069737300166__quick-view',
8798  enabled: true,
8799  show_atc_button: true,
8800  atc_btn_bottom: false,
8801  atc_btn_image_desktop: true,
8802  buttonLabel: 'Quick view'
8803}
8804</script>
vendor: 1 bytes, line 8804
8804
8805<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/quick-view.js?v=99816987661905988931774087103" defer></script>
vendor: 1 bytes, line 8805
8805
8806<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/payment-button.js?v=19694614378629863991774087103" defer></script>
vendor: 1 bytes, line 8806
8806
8807<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/product-media.js?v=178923250894042546431774087103" defer></script>
vendor: 1 bytes, line 8807
8807
8808<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/recently-viewed.js?v=93421342682375135181774087103" defer></script>
vendor: 1 bytes, line 8808
8808
8809<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/customize-picker.js?v=71491105029373997401774087103" defer></script>
vendor: 1 bytes, line 8809
8809
8810<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/variant-select.js?v=19883298395587996631774087103" defer></script>
8810
8811
8812</div><div id="shopify-section-sections--20069737300166__cookie-banner" class="shopify-section shopify-section-group-aside-group-puff section-cookie-banner"><style data-shopify>
8813      .color-heading--sections--20069737300166__cookie-banner {
8814        --colors-heading: 247, 247, 247;
8815      }
8816    
8817    .dark .color-heading--sections--20069737300166__cookie-banner {
8818      
8819        --colors-heading: 40, 41, 40;
8820      
8821    }
8822    .button-accept {
8823      
8824        color: #000000;
8825      
8826      
8827        background-color: #f7f7f7;
8828        border-color: #f7f7f7;
8829      
8830    }
8831    .dark .button-accept {
8832      
8833        color: #f7f7f7;
8834      
8835      
8836        background-color: #282928;
8837        border-color: #282928;
8838      
8839    }
8840    .button-decline {
8841      
8842        border-color: #f7f7f7;
8843        color: #f7f7f7;
8844      
8845      border: 1px solid;
8846    }
8847    .dark .button-decline {
8848      
8849        border-color: #282928;
8850        color: #282928;
8851      
8852      border: 1px solid;
8853    }
8854    .bg-cookie-banner {
8855      
8856        color: #f7f7f7;
8857      
8858      background: #282928;
8859    }
8860    .dark .bg-cookie-banner {
8861      
8862        color: #282928;
8863      
8864      background: #ffffff;
8865    }</style><div 
8866    id="cookies-banner" 
8867    x-data="xCookieBanner(4)"  x-show="show"  
8868    x-cloak 
8869    x-transition:enter="transition-all ease-in-out duration-500"
8870    x-transition:enter-start="opacity-0 transform translate-y-full"
8871    x-transition:enter-end="opacity-100 transform translate-y-0"
8872    x-transition:leave="transition-all ease-in-out duration-500"
8873    x-transition:leave-end="opacity-0 transform translate-y-full"
8874    class="w-full fixed bottom-0 left-0 right-0 z-50 bg-cookie-banner color-heading--sections--20069737300166__cookie-banner"
8875  >
8876    <div class="x-pgw page-width mr-auto ml-auto flex flex-wrap lg:flex-nowrap lg:justify-between">
8877      <div class="rte x-block-cookie-content pt-3 pb-3 w-full lg:pt-4 lg:pb-4 lg:w-auto md:flex md:items-center md:justify-start rtl:md:justify-end text-left rtl:text-right"
8878      >
8879        <span><p>We use cookies and similar technologies to provide the best experience on our website. </p></span>
8880      </div>
8881      <div class="flex items-center pb-3 lg:pb-0 lg:ml-7 rtl:lg:ml-0 rtl:lg:mr-7 justify-center md:justify-start gap-2 w-full md:w-auto">
8882        
8883          <button class="button w-auto button-decline pl-10 pr-10 pt-4 pb-4 lg:mt-4 lg:mb-4 empty:hidden whitespace-nowrap" @click="handleDecline()">
8884            Decline
8885          </button>
8886        
8887        
8888          <button class="button button-accept w-auto pl-10 pr-10 pt-4 pb-4 mr-2.5 lg:mt-4 lg:mb-4 empty:hidden whitespace-nowrap" @click="handleAccept()">
8889            Got it!
8890          </button>
8891        
8892      </div>
8893    </div>
8894  </div>
8894<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/cookie-banner.js?v=135863105119365794521774087103" defer></script>
8894
8895
8896</div>
8897<!-- END sections: aside-group-puff -->
8898        
8899
8900      
8901      <main id="MainContent" class="content-for-layout focus-none outline-none grow theme-template-product theme-template-suffix-none" role="main" tabindex="-1">
8902        <section id="shopify-section-template--20069737169094__main" class="shopify-section x-section section-product-info"><style data-shopify>.content-template--20069737169094__main {
8903    background: #ffffff;
8904  }
8905  .dark .content-template--20069737169094__main {
8906    background: #202020;
8907  }
8908  .title-size--template--20069737169094__main {
8909    font-size: 1.215rem;
8910  }
8911  @media (min-width: 767px){
8912    .title-size--template--20069737169094__main {
8913      font-size: 2.025rem;
8914    }
8915  }</style><div id="popup-fbt-template--20069737169094__main"></div>
8916<div class="product-page main-product main-product-template--20069737169094__main">
8917  <div id="breadcrumbs--template--20069737169094__main">
8918    
8919  </div>
8920
8921<link rel="preload" href="//hippopotamus.co.jp/cdn/shop/t/52/assets/model-css.css?v=47273955803251130321774087155" as="style" onload="this.onload=null;this.rel='stylesheet'">
8922<noscript><link rel="stylesheet" href="//hippopotamus.co.jp/cdn/shop/t/52/assets/model-css.css?v=47273955803251130321774087155"></noscript>
8923
8924<style data-shopify>
8925  .custom-html ul {
8926    list-style: disc;
8927  }
8928  .section-padding-template--20069737169094__main {
8929    padding-top: 0px;
8930    padding-bottom: 0px;
8931  }
8932  @media (min-width: 768px) { 
8933    .section-padding-template--20069737169094__main {
8934      padding-top: 0px;
8935      padding-bottom: 0px;
8936    }
8937  }
8938</style>
8939
8940
8941
8942<div 
8943  id="x-product-template-8529620271302-template--20069737169094__main"
8944  class="x-product-template--20069737169094__main preload-image w-full relative content-template--20069737169094__main"
8945  x-data="{ showStickyATC: false, readySticky: false }"
8946  x-intersect.once='$store.xProductRecently.setProduct("8529620271302")'
8947>
8948  <div
8949    class="ltr flex relative flex-wrap x-pgw page-width rtl:flex-row-reverse section-padding-template--20069737169094__main"
8950    
8951      x-intersect.once='$store.xCustomerEvent.fire("product_viewed_custom", $el)'
8952      x-customer-event-data="{
8953    &quot;product&quot;: {
8954      &quot;id&quot;: 8529620271302,
8955      &quot;selected_variant_id&quot;: 44682557227206,
8956      &quot;has_only_default_variant&quot;: true,
8957      &quot;title&quot;: &quot;ギフト – チーフベア×1(パッケージ)&quot;,
8958      &quot;variant_title&quot;: &quot;Default Title&quot;,
8959      &quot;sku&quot;: &quot;set-cb1-box&quot;,
8960      &quot;currencyCode&quot;: &quot;JPY&quot;,
8961      &quot;price&quot;: 242000,
8962      &quot;vendor&quot;: &quot;hippopotamus&quot;,
8963      &quot;category&quot;: &quot;&quot;
8964    }
8965  }"
8966    
8967  ><div class="product-media-container w-full relative quick-view:md:pb-0 quick-view:md:w-[45%] md:w-1/2 pb-7 md:pb-0 product-page:md:pr-5 rtl:product-page:md:pr-0 product-page:lg:pr-8 rtl:product-page:lg:pr-0 rtl:product-page:md:pl-5 rtl:product-page:lg:pl-8 quick-view:md:pr-6 quick-view:md:pl-0 rtl:quick-view:md:pl-6 rtl:quick-view:md:pr-0
8968"
8969      >
8970        
8971
8972<style data-shopify>
8973.transition-fade .x-splide-slide.is-active .image-detail,
8974.transition-fade .x-splide-slide:first-child .image-detail, 
8975.transition-fade .x-splide-slide.is-next .image-detail {
8976  display: block;
8977}
8978.transition-fade .x-splide-slide .image-detail {
8979  display: none;
8980}
8981</style>
8982
8983<div class="hidden">
8984    <img src="//hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&amp;width=1780" alt="ギフト – チーフベア×1(パッケージ)" srcset="//hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&amp;width=375 375w, //hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&amp;width=450 450w, //hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&amp;width=750 750w, //hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&amp;width=900 900w, //hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&amp;width=1100 1100w, //hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&amp;width=1500 1500w, //hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&amp;width=1780 1780w" width="1780" height="1780" loading="eager" sizes="50vw">
8985  </div><div
8986  id="product-media-template--20069737169094__main"
8987  class="relative"
8988  x-data='xProductMedia({
8989    "section_id": "template--20069737169094__main",
8990    "thumbnail_direction": "horizontal",
8991    "video_autoplay": true,
8992    "video_loop": false
8993  })'
8994  
8995>
8996  <a href="#ProductInfo-template--20069737169094__main" class="skip-to-content not-icon absolute -z-10 mt-0.5 ml-0.5 hidden lg:block button button-solid pt-2.5 pb-2.5 pl-6 pr-6 lg:pt-3 lg:pb-3 leading-normal justify-center cursor-pointer focus-visible:z-20">
8997    商品情報へスキップ
8998  </a>
8999  <div class="splide-image flex flex-col-reverse">
9000    <div
9001      id="x-product-thumbnail-template--20069737169094__main"
9002      class="select-none duration-150 overflow-auto hide-scrollbar scroll-smooth md:block mt-2"
9003      x-ref="thumbnail"
9004      :class="thumbnailGrabbingClass"
9005      x-on:mousedown="thumbnailHandleMouseDown($event)"
9006      x-on:mousemove="thumbnailHandleMouseMove($event)"
9007      x-on:mouseleave="thumbnailHandleMouseLeave()"
9008      x-on:mouseup="thumbnailHandleMouseUp()"
9009    >
9010      <div class="flex flex-1 max-w-full gap-x-2 gap-y-1.5 w-fit h-17">
9011        
9012          
9013          
9014            
9015            
9016              <div 
9017                id="x-thumbnail-template--20069737169094__main-31837861445830"
9018                
9019                data-media-id="template--20069737169094__main-31837861445830"
9020                class="x-thumbnail media-thumbnail x-thumbnail-template--20069737169094__main-31837861445830 featured-image relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
9021              >
9022                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
9023                  
9024                  <img
9025                    src="//hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&width=150"
9026                    alt="ギフト – チーフベア×1(パッケージ)"
9027                    loading="lazy"
9028                    width="800"
9029                    height="800"
9030                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
9031                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
9032                  >
9033                  
9034</button>
9035              </div>
9036            
9037          
9038            
9039            
9040              <div 
9041                id="x-thumbnail-template--20069737169094__main-29545674178758"
9042                
9043                data-media-id="template--20069737169094__main-29545674178758"
9044                class="x-thumbnail media-thumbnail x-thumbnail-template--20069737169094__main-29545674178758 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
9045              >
9046                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
9047                  
9048                  <img
9049                    src="//hippopotamus.co.jp/cdn/shop/files/color_cb_1_8aa84fbe-0554-4a48-af4f-bb4584e5061f.jpg?v=1775143571&width=150"
9050                    alt=""
9051                    loading="lazy"
9052                    width="800"
9053                    height="800"
9054                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
9055                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
9056                  >
9057                  
9058</button>
9059              </div>
9060            
9061          
9062            
9063            
9064              <div 
9065                id="x-thumbnail-template--20069737169094__main-29545677783238"
9066                
9067                data-media-id="template--20069737169094__main-29545677783238"
9068                class="x-thumbnail media-thumbnail x-thumbnail-template--20069737169094__main-29545677783238 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
9069              >
9070                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
9071                  
9072                  <img
9073                    src="//hippopotamus.co.jp/cdn/shop/files/color_cb_2_55bbe9f2-c270-41c7-911c-34156a22ab69.jpg?v=1775143571&width=150"
9074                    alt=""
9075                    loading="lazy"
9076                    width="800"
9077                    height="800"
9078                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
9079                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
9080                  >
9081                  
9082</button>
9083              </div>
9084            
9085          
9086            
9087            
9088              <div 
9089                id="x-thumbnail-template--20069737169094__main-33439330435270"
9090                
9091                data-media-id="template--20069737169094__main-33439330435270"
9092                class="x-thumbnail media-thumbnail x-thumbnail-template--20069737169094__main-33439330435270 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
9093              >
9094                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
9095                  
9096                  <img
9097                    src="//hippopotamus.co.jp/cdn/shop/files/color_ctbr11_tile.jpg?v=1775143904&width=150"
9098                    alt=""
9099                    loading="lazy"
9100                    width="800"
9101                    height="800"
9102                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
9103                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
9104                  >
9105                  
9106</button>
9107              </div>
9108            
9109          
9110            
9111            
9112              <div 
9113                id="x-thumbnail-template--20069737169094__main-31837861544134"
9114                
9115                data-media-id="template--20069737169094__main-31837861544134"
9116                class="x-thumbnail media-thumbnail x-thumbnail-template--20069737169094__main-31837861544134 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
9117              >
9118                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
9119                  
9120                  <img
9121                    src="//hippopotamus.co.jp/cdn/shop/files/set-cb1-box_01.jpg?v=1771532133&width=150"
9122                    alt=""
9123                    loading="lazy"
9124                    width="800"
9125                    height="800"
9126                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
9127                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
9128                  >
9129                  
9130</button>
9131              </div>
9132            
9133          
9134            
9135            
9136              <div 
9137                id="x-thumbnail-template--20069737169094__main-31837861413062"
9138                
9139                data-media-id="template--20069737169094__main-31837861413062"
9140                class="x-thumbnail media-thumbnail x-thumbnail-template--20069737169094__main-31837861413062 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
9141              >
9142                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
9143                  
9144                  <img
9145                    src="//hippopotamus.co.jp/cdn/shop/files/set-cb1-box_02.jpg?v=1771532133&width=150"
9146                    alt=""
9147                    loading="lazy"
9148                    width="800"
9149                    height="800"
9150                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
9151                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
9152                  >
9153                  
9154</button>
9155              </div>
9156            
9157          
9158            
9159            
9160              <div 
9161                id="x-thumbnail-template--20069737169094__main-27772477604038"
9162                
9163                data-media-id="template--20069737169094__main-27772477604038"
9164                class="x-thumbnail media-thumbnail x-thumbnail-template--20069737169094__main-27772477604038 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
9165              >
9166                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
9167                  
9168                  <img
9169                    src="//hippopotamus.co.jp/cdn/shop/products/MG_0268.jpg?v=1771532133&width=150"
9170                    alt=""
9171                    loading="lazy"
9172                    width="800"
9173                    height="800"
9174                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
9175                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
9176                  >
9177                  
9178</button>
9179              </div>
9180            
9181          
9182            
9183            
9184              <div 
9185                id="x-thumbnail-template--20069737169094__main-27772477669574"
9186                
9187                data-media-id="template--20069737169094__main-27772477669574"
9188                class="x-thumbnail media-thumbnail x-thumbnail-template--20069737169094__main-27772477669574 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
9189              >
9190                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
9191                  
9192                  <img
9193                    src="//hippopotamus.co.jp/cdn/shop/products/MG_0270.jpg?v=1771532133&width=150"
9194                    alt=""
9195                    loading="lazy"
9196                    width="800"
9197                    height="800"
9198                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
9199                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
9200                  >
9201                  
9202</button>
9203              </div>
9204            
9205          
9206            
9207            
9208              <div 
9209                id="x-thumbnail-template--20069737169094__main-27772477407430"
9210                
9211                data-media-id="template--20069737169094__main-27772477407430"
9212                class="x-thumbnail media-thumbnail x-thumbnail-template--20069737169094__main-27772477407430 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
9213              >
9214                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
9215                  
9216                  <img
9217                    src="//hippopotamus.co.jp/cdn/shop/products/MG_0262.jpg?v=1771532133&width=150"
9218                    alt=""
9219                    loading="lazy"
9220                    width="800"
9221                    height="800"
9222                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
9223                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
9224                  >
9225                  
9226</button>
9227              </div>
9228            
9229          
9230            
9231            
9232              <div 
9233                id="x-thumbnail-template--20069737169094__main-27772477833414"
9234                
9235                data-media-id="template--20069737169094__main-27772477833414"
9236                class="x-thumbnail media-thumbnail x-thumbnail-template--20069737169094__main-27772477833414 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
9237              >
9238                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
9239                  
9240                  <img
9241                    src="//hippopotamus.co.jp/cdn/shop/products/MG_0278.jpg?v=1771532133&width=150"
9242                    alt=""
9243                    loading="lazy"
9244                    width="800"
9245                    height="800"
9246                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
9247                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
9248                  >
9249                  
9250</button>
9251              </div>
9252            
9253          
9254            
9255            
9256              <div 
9257                id="x-thumbnail-template--20069737169094__main-27772477767878"
9258                
9259                data-media-id="template--20069737169094__main-27772477767878"
9260                class="x-thumbnail media-thumbnail x-thumbnail-template--20069737169094__main-27772477767878 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
9261              >
9262                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
9263                  
9264                  <img
9265                    src="//hippopotamus.co.jp/cdn/shop/products/MG_0276.jpg?v=1771532133&width=150"
9266                    alt=""
9267                    loading="lazy"
9268                    width="800"
9269                    height="800"
9270                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
9271                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
9272                  >
9273                  
9274</button>
9275              </div>
9276            
9277          
9278            
9279            
9280              <div 
9281                id="x-thumbnail-template--20069737169094__main-27772477735110"
9282                
9283                data-media-id="template--20069737169094__main-27772477735110"
9284                class="x-thumbnail media-thumbnail x-thumbnail-template--20069737169094__main-27772477735110 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
9285              >
9286                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
9287                  
9288                  <img
9289                    src="//hippopotamus.co.jp/cdn/shop/products/MG_0273.jpg?v=1771532133&width=150"
9290                    alt=""
9291                    loading="lazy"
9292                    width="800"
9293                    height="800"
9294                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
9295                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
9296                  >
9297                  
9298</button>
9299              </div>
9300            
9301          
9302            
9303            
9304              <div 
9305                id="x-thumbnail-template--20069737169094__main-27772477800646"
9306                
9307                data-media-id="template--20069737169094__main-27772477800646"
9308                class="x-thumbnail media-thumbnail x-thumbnail-template--20069737169094__main-27772477800646 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
9309              >
9310                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
9311                  
9312                  <img
9313                    src="//hippopotamus.co.jp/cdn/shop/products/MG_0277.jpg?v=1771532133&width=150"
9314                    alt=""
9315                    loading="lazy"
9316                    width="800"
9317                    height="800"
9318                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
9319                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
9320                  >
9321                  
9322</button>
9323              </div>
9324            
9325          
9326            
9327            
9328              <div 
9329                id="x-thumbnail-template--20069737169094__main-27772477702342"
9330                
9331                data-media-id="template--20069737169094__main-27772477702342"
9332                class="x-thumbnail media-thumbnail x-thumbnail-template--20069737169094__main-27772477702342 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
9333              >
9334                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
9335                  
9336                  <img
9337                    src="//hippopotamus.co.jp/cdn/shop/products/MG_0271.jpg?v=1771532133&width=150"
9338                    alt=""
9339                    loading="lazy"
9340                    width="800"
9341                    height="800"
9342                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
9343                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
9344                  >
9345                  
9346</button>
9347              </div>
9348            
9349          
9350            
9351            
9352              <div 
9353                id="x-thumbnail-template--20069737169094__main-27772477636806"
9354                
9355                data-media-id="template--20069737169094__main-27772477636806"
9356                class="x-thumbnail media-thumbnail x-thumbnail-template--20069737169094__main-27772477636806 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
9357              >
9358                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
9359                  
9360                  <img
9361                    src="//hippopotamus.co.jp/cdn/shop/products/MG_0269.jpg?v=1771532133&width=150"
9362                    alt=""
9363                    loading="lazy"
9364                    width="800"
9365                    height="800"
9366                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
9367                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
9368                  >
9369                  
9370</button>
9371              </div>
9372            
9373          
9374            
9375            
9376              <div 
9377                id="x-thumbnail-template--20069737169094__main-27772477374662"
9378                
9379                data-media-id="template--20069737169094__main-27772477374662"
9380                class="x-thumbnail media-thumbnail x-thumbnail-template--20069737169094__main-27772477374662 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
9381              >
9382                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
9383                  
9384                  <img
9385                    src="//hippopotamus.co.jp/cdn/shop/products/MG_0260.jpg?v=1771532133&width=150"
9386                    alt=""
9387                    loading="lazy"
9388                    width="800"
9389                    height="800"
9390                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
9391                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
9392                  >
9393                  
9394</button>
9395              </div>
9396            
9397          
9398            
9399            
9400              <div 
9401                id="x-thumbnail-template--20069737169094__main-27772477538502"
9402                
9403                data-media-id="template--20069737169094__main-27772477538502"
9404                class="x-thumbnail media-thumbnail x-thumbnail-template--20069737169094__main-27772477538502 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
9405              >
9406                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
9407                  
9408                  <img
9409                    src="//hippopotamus.co.jp/cdn/shop/products/MG_0266.jpg?v=1771532133&width=150"
9410                    alt=""
9411                    loading="lazy"
9412                    width="800"
9413                    height="800"
9414                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
9415                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
9416                  >
9417                  
9418</button>
9419              </div>
9420            
9421          
9422            
9423            
9424              <div 
9425                id="x-thumbnail-template--20069737169094__main-31195667103942"
9426                
9427                data-media-id="template--20069737169094__main-31195667103942"
9428                class="x-thumbnail media-thumbnail x-thumbnail-template--20069737169094__main-31195667103942 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
9429              >
9430                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
9431                  
9432                  <img
9433                    src="//hippopotamus.co.jp/cdn/shop/files/ctbr10-156.jpg?v=1771532133&width=150"
9434                    alt=""
9435                    loading="lazy"
9436                    width="800"
9437                    height="800"
9438                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
9439                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
9440                  >
9441                  
9442</button>
9443              </div>
9444            
9445          
9446            
9447            
9448              <div 
9449                id="x-thumbnail-template--20069737169094__main-31195667136710"
9450                
9451                data-media-id="template--20069737169094__main-31195667136710"
9452                class="x-thumbnail media-thumbnail x-thumbnail-template--20069737169094__main-31195667136710 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
9453              >
9454                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
9455                  
9456                  <img
9457                    src="//hippopotamus.co.jp/cdn/shop/files/ctbr10-157.jpg?v=1771532133&width=150"
9458                    alt=""
9459                    loading="lazy"
9460                    width="800"
9461                    height="800"
9462                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
9463                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
9464                  >
9465                  
9466</button>
9467              </div>
9468            
9469          
9470            
9471            
9472              <div 
9473                id="x-thumbnail-template--20069737169094__main-31195667071174"
9474                
9475                data-media-id="template--20069737169094__main-31195667071174"
9476                class="x-thumbnail media-thumbnail x-thumbnail-template--20069737169094__main-31195667071174 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
9477              >
9478                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
9479                  
9480                  <img
9481                    src="//hippopotamus.co.jp/cdn/shop/files/ctbr10-158.jpg?v=1771532133&width=150"
9482                    alt=""
9483                    loading="lazy"
9484                    width="800"
9485                    height="800"
9486                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
9487                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
9488                  >
9489                  
9490</button>
9491              </div>
9492            
9493          
9494            
9495            
9496              <div 
9497                id="x-thumbnail-template--20069737169094__main-31195667038406"
9498                
9499                data-media-id="template--20069737169094__main-31195667038406"
9500                class="x-thumbnail media-thumbnail x-thumbnail-template--20069737169094__main-31195667038406 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
9501              >
9502                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
9503                  
9504                  <img
9505                    src="//hippopotamus.co.jp/cdn/shop/files/ctbr10-159.jpg?v=1771532133&width=150"
9506                    alt=""
9507                    loading="lazy"
9508                    width="800"
9509                    height="800"
9510                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
9511                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
9512                  >
9513                  
9514</button>
9515              </div>
9516            
9517          
9518            
9519            
9520              <div 
9521                id="x-thumbnail-template--20069737169094__main-31837861478598"
9522                
9523                data-media-id="template--20069737169094__main-31837861478598"
9524                class="x-thumbnail media-thumbnail x-thumbnail-template--20069737169094__main-31837861478598 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
9525              >
9526                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
9527                  
9528                  <img
9529                    src="//hippopotamus.co.jp/cdn/shop/files/img_ctbr11-4.jpg?v=1771532133&width=150"
9530                    alt=""
9531                    loading="lazy"
9532                    width="800"
9533                    height="800"
9534                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
9535                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
9536                  >
9537                  
9538</button>
9539              </div>
9540            
9541          
9542            
9543            
9544              <div 
9545                id="x-thumbnail-template--20069737169094__main-31837861576902"
9546                
9547                data-media-id="template--20069737169094__main-31837861576902"
9548                class="x-thumbnail media-thumbnail x-thumbnail-template--20069737169094__main-31837861576902 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
9549              >
9550                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
9551                  
9552                  <img
9553                    src="//hippopotamus.co.jp/cdn/shop/files/img_ctbr11-7.jpg?v=1771532133&width=150"
9554                    alt=""
9555                    loading="lazy"
9556                    width="800"
9557                    height="800"
9558                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
9559                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
9560                  >
9561                  
9562</button>
9563              </div>
9564            
9565          
9566            
9567            
9568              <div 
9569                id="x-thumbnail-template--20069737169094__main-31837861511366"
9570                
9571                data-media-id="template--20069737169094__main-31837861511366"
9572                class="x-thumbnail media-thumbnail x-thumbnail-template--20069737169094__main-31837861511366 relative select-none opacity-30 min-w-[50px] md:min-w-[65px] lg:min-w-[85px]"
9573              >
9574                <button class="relative block w-full h-full pb-[100%]" aria-label="image-thumbnai">
9575                  
9576                  <img
9577                    src="//hippopotamus.co.jp/cdn/shop/files/img_ctbr11-5.jpg?v=1771532133&width=150"
9578                    alt=""
9579                    loading="lazy"
9580                    width="800"
9581                    height="800"
9582                    class="animate-Xpulse skeleton-image w-full object-cover absolute h-full select-none pointer-events-none"
9583                    onload='requestAnimationFrame(() => { this.classList.remove("animate-Xpulse", "skeleton-image"); });'
9584                  >
9585                  
9586</button>
9587              </div>
9588            
9589          
9590        
9591      </div>
9592    </div>
9593    <div
9594      id="x-product-template--20069737169094__main"
9595      class="x-splide transition-fade disable-effect-hover flex-1 group splide swiper-product overflow-hidden visible w-full"
9596      x-intersect.once='$store.xSplide.load($el, {
9597        "pagination": false,
9598        "perPage": 1,
9599        "perMove": 1,
9600        "gap": 20,
9601          "rewind": true,
9602          "type": "fade",
9603        "noDrag": "model-viewer",
9604        
9605          "thumbs": "x-product-thumbnail-template--20069737169094__main",
9606          "thumbs_direction": "horizontal",
9607        
9608        "events": [
9609          {
9610            "event": "ready",
9611            "callback": () => {
9612              document.dispatchEvent(new CustomEvent("eurus:media-gallery-ready:template--20069737169094__main"));
9613            }
9614          },
9615          {
9616            "event": "move",
9617            "callback": () => {
9618              const splideEl = document.getElementById("x-product-template--20069737169094__main");
9619              const externalVideos = splideEl.getElementsByClassName("external-video");
9620              /** prevent instersect trigger */
9621              if (externalVideos.length) {
9622                for (let i = 0; i < externalVideos.length; i++) {
9623                  externalVideos[i].classList.add("hidden");
9624                }
9625              }
9626            }
9627          },
9628          {
9629            "event": "visible",
9630            "callback": () => {
9631              const splideEl = document.getElementById("x-product-template--20069737169094__main");
9632              const externalVideos = splideEl.getElementsByClassName("external-video");
9633              /** back to normal */
9634              if (externalVideos.length) {
9635                for (let i = 0; i < externalVideos.length; i++) {
9636                  externalVideos[i].classList.remove("hidden");
9637                  requestAnimationFrame(() => {
9638                    if (!externalVideos[i].parentElement.getBoundingClientRect().height) {
9639                      externalVideos[i].classList.add("hidden");
9640                    }
9641                  });
9642                }
9643              }
9644            }
9645          }
9646        ]
9647      })'
9648    >
9649      <div class="splide__track">
9650        <div class="x-badges-container pointer-events-none z-10 text-sm x-badges-product-detail empty:h-0 empty:min-h-0 empty:mb-0 min-h-[45px] absolute w-full h-full items-center flex-wrap gap-x-1 gap-y-2 md:gap-y-4 mb-5"></div>
9651        <div id="media_product-template--20069737169094__main" class="splide__list flex">
9652          
9653
9654            
9655              
9656
9657
9658    <div 
9659      
9660        tabindex="-1"
9661        
9662      
9663      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
9664      data-media-id="template--20069737169094__main-31837861445830"
9665      data-type="image" 
9666      data-id="image" 
9667      data-host="image"
9668      aria-label="zoom-image" 
9669      index="0" 
9670      class="31837861445830-template--20069737169094__main splide__slide x-splide-slide featured-image media-slide w-full cursor-grab">      
9671      <button
9672        
9673        aria-label="Image zoom"
9674        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
9675        
9676        <img
9677          srcset="//hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&width=375 375w,
9678            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&width=450 450w,
9679            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&width=750 750w,
9680            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&width=900 900w,
9681            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&width=1100 1100w,
9682            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&width=1500 1500w,
9683            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&width=1780 1780w,
9684            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347 800w"
9685          src="//hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&width=1780"
9686          alt="ギフト – チーフベア×1(パッケージ)"
9687          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
9688          loading="eager" fetchpriority="high" decoding="sync"
9689          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
9690          width="800"
9691          
9692          height="800"
9693          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
9694          x-intersect.once="$el.classList.add('active')"
9695        >
9696        
9697        
9698      </button>
9699    </div>
9700  
9701
9702            
9703              
9704
9705
9706    <div 
9707      
9708        tabindex="-1"
9709        
9710      
9711      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
9712      data-media-id="template--20069737169094__main-29545674178758"
9713      data-type="image" 
9714      data-id="image" 
9715      data-host="image"
9716      aria-label="zoom-image" 
9717      index="1" 
9718      class="29545674178758-template--20069737169094__main splide__slide x-splide-slide media-slide w-full cursor-grab">      
9719      <button
9720        
9721        aria-label="Image zoom"
9722        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
9723        
9724        <img
9725          srcset="//hippopotamus.co.jp/cdn/shop/files/color_cb_1_8aa84fbe-0554-4a48-af4f-bb4584e5061f.jpg?v=1775143571&width=375 375w,
9726            //hippopotamus.co.jp/cdn/shop/files/color_cb_1_8aa84fbe-0554-4a48-af4f-bb4584e5061f.jpg?v=1775143571&width=450 450w,
9727            //hippopotamus.co.jp/cdn/shop/files/color_cb_1_8aa84fbe-0554-4a48-af4f-bb4584e5061f.jpg?v=1775143571&width=750 750w,
9728            //hippopotamus.co.jp/cdn/shop/files/color_cb_1_8aa84fbe-0554-4a48-af4f-bb4584e5061f.jpg?v=1775143571&width=900 900w,
9729            //hippopotamus.co.jp/cdn/shop/files/color_cb_1_8aa84fbe-0554-4a48-af4f-bb4584e5061f.jpg?v=1775143571&width=1100 1100w,
9730            //hippopotamus.co.jp/cdn/shop/files/color_cb_1_8aa84fbe-0554-4a48-af4f-bb4584e5061f.jpg?v=1775143571&width=1500 1500w,
9731            //hippopotamus.co.jp/cdn/shop/files/color_cb_1_8aa84fbe-0554-4a48-af4f-bb4584e5061f.jpg?v=1775143571&width=1780 1780w,
9732            //hippopotamus.co.jp/cdn/shop/files/color_cb_1_8aa84fbe-0554-4a48-af4f-bb4584e5061f.jpg?v=1775143571 800w"
9733          src="//hippopotamus.co.jp/cdn/shop/files/color_cb_1_8aa84fbe-0554-4a48-af4f-bb4584e5061f.jpg?v=1775143571&width=1780"
9734          alt=""
9735          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
9736          loading="lazy"
9737          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
9738          width="800"
9739          
9740          height="800"
9741          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
9742          x-intersect.once="$el.classList.add('active')"
9743        >
9744        
9745        
9746      </button>
9747    </div>
9748  
9749
9750            
9751              
9752
9753
9754    <div 
9755      
9756        tabindex="-1"
9757        
9758      
9759      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
9760      data-media-id="template--20069737169094__main-29545677783238"
9761      data-type="image" 
9762      data-id="image" 
9763      data-host="image"
9764      aria-label="zoom-image" 
9765      index="2" 
9766      class="29545677783238-template--20069737169094__main splide__slide x-splide-slide media-slide w-full cursor-grab">      
9767      <button
9768        
9769        aria-label="Image zoom"
9770        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
9771        
9772        <img
9773          srcset="//hippopotamus.co.jp/cdn/shop/files/color_cb_2_55bbe9f2-c270-41c7-911c-34156a22ab69.jpg?v=1775143571&width=375 375w,
9774            //hippopotamus.co.jp/cdn/shop/files/color_cb_2_55bbe9f2-c270-41c7-911c-34156a22ab69.jpg?v=1775143571&width=450 450w,
9775            //hippopotamus.co.jp/cdn/shop/files/color_cb_2_55bbe9f2-c270-41c7-911c-34156a22ab69.jpg?v=1775143571&width=750 750w,
9776            //hippopotamus.co.jp/cdn/shop/files/color_cb_2_55bbe9f2-c270-41c7-911c-34156a22ab69.jpg?v=1775143571&width=900 900w,
9777            //hippopotamus.co.jp/cdn/shop/files/color_cb_2_55bbe9f2-c270-41c7-911c-34156a22ab69.jpg?v=1775143571&width=1100 1100w,
9778            //hippopotamus.co.jp/cdn/shop/files/color_cb_2_55bbe9f2-c270-41c7-911c-34156a22ab69.jpg?v=1775143571&width=1500 1500w,
9779            //hippopotamus.co.jp/cdn/shop/files/color_cb_2_55bbe9f2-c270-41c7-911c-34156a22ab69.jpg?v=1775143571&width=1780 1780w,
9780            //hippopotamus.co.jp/cdn/shop/files/color_cb_2_55bbe9f2-c270-41c7-911c-34156a22ab69.jpg?v=1775143571 800w"
9781          src="//hippopotamus.co.jp/cdn/shop/files/color_cb_2_55bbe9f2-c270-41c7-911c-34156a22ab69.jpg?v=1775143571&width=1780"
9782          alt=""
9783          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
9784          loading="lazy"
9785          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
9786          width="800"
9787          
9788          height="800"
9789          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
9790          x-intersect.once="$el.classList.add('active')"
9791        >
9792        
9793        
9794      </button>
9795    </div>
9796  
9797
9798            
9799              
9800
9801
9802    <div 
9803      
9804        tabindex="-1"
9805        
9806      
9807      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
9808      data-media-id="template--20069737169094__main-33439330435270"
9809      data-type="image" 
9810      data-id="image" 
9811      data-host="image"
9812      aria-label="zoom-image" 
9813      index="3" 
9814      class="33439330435270-template--20069737169094__main splide__slide x-splide-slide media-slide w-full cursor-grab">      
9815      <button
9816        
9817        aria-label="Image zoom"
9818        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
9819        
9820        <img
9821          srcset="//hippopotamus.co.jp/cdn/shop/files/color_ctbr11_tile.jpg?v=1775143904&width=375 375w,
9822            //hippopotamus.co.jp/cdn/shop/files/color_ctbr11_tile.jpg?v=1775143904&width=450 450w,
9823            //hippopotamus.co.jp/cdn/shop/files/color_ctbr11_tile.jpg?v=1775143904&width=750 750w,
9824            //hippopotamus.co.jp/cdn/shop/files/color_ctbr11_tile.jpg?v=1775143904&width=900 900w,
9825            //hippopotamus.co.jp/cdn/shop/files/color_ctbr11_tile.jpg?v=1775143904&width=1100 1100w,
9826            //hippopotamus.co.jp/cdn/shop/files/color_ctbr11_tile.jpg?v=1775143904&width=1500 1500w,
9827            //hippopotamus.co.jp/cdn/shop/files/color_ctbr11_tile.jpg?v=1775143904&width=1780 1780w,
9828            //hippopotamus.co.jp/cdn/shop/files/color_ctbr11_tile.jpg?v=1775143904 800w"
9829          src="//hippopotamus.co.jp/cdn/shop/files/color_ctbr11_tile.jpg?v=1775143904&width=1780"
9830          alt=""
9831          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
9832          loading="lazy"
9833          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
9834          width="800"
9835          
9836          height="800"
9837          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
9838          x-intersect.once="$el.classList.add('active')"
9839        >
9840        
9841        
9842      </button>
9843    </div>
9844  
9845
9846            
9847              
9848
9849
9850    <div 
9851      
9852        tabindex="-1"
9853        
9854      
9855      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
9856      data-media-id="template--20069737169094__main-31837861544134"
9857      data-type="image" 
9858      data-id="image" 
9859      data-host="image"
9860      aria-label="zoom-image" 
9861      index="4" 
9862      class="31837861544134-template--20069737169094__main splide__slide x-splide-slide media-slide w-full cursor-grab">      
9863      <button
9864        
9865        aria-label="Image zoom"
9866        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
9867        
9868        <img
9869          srcset="//hippopotamus.co.jp/cdn/shop/files/set-cb1-box_01.jpg?v=1771532133&width=375 375w,
9870            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box_01.jpg?v=1771532133&width=450 450w,
9871            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box_01.jpg?v=1771532133&width=750 750w,
9872            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box_01.jpg?v=1771532133&width=900 900w,
9873            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box_01.jpg?v=1771532133&width=1100 1100w,
9874            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box_01.jpg?v=1771532133&width=1500 1500w,
9875            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box_01.jpg?v=1771532133&width=1780 1780w,
9876            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box_01.jpg?v=1771532133 800w"
9877          src="//hippopotamus.co.jp/cdn/shop/files/set-cb1-box_01.jpg?v=1771532133&width=1780"
9878          alt=""
9879          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
9880          loading="lazy"
9881          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
9882          width="800"
9883          
9884          height="800"
9885          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
9886          x-intersect.once="$el.classList.add('active')"
9887        >
9888        
9889        
9890      </button>
9891    </div>
9892  
9893
9894            
9895              
9896
9897
9898    <div 
9899      
9900        tabindex="-1"
9901        
9902      
9903      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
9904      data-media-id="template--20069737169094__main-31837861413062"
9905      data-type="image" 
9906      data-id="image" 
9907      data-host="image"
9908      aria-label="zoom-image" 
9909      index="5" 
9910      class="31837861413062-template--20069737169094__main splide__slide x-splide-slide media-slide w-full cursor-grab">      
9911      <button
9912        
9913        aria-label="Image zoom"
9914        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
9915        
9916        <img
9917          srcset="//hippopotamus.co.jp/cdn/shop/files/set-cb1-box_02.jpg?v=1771532133&width=375 375w,
9918            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box_02.jpg?v=1771532133&width=450 450w,
9919            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box_02.jpg?v=1771532133&width=750 750w,
9920            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box_02.jpg?v=1771532133&width=900 900w,
9921            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box_02.jpg?v=1771532133&width=1100 1100w,
9922            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box_02.jpg?v=1771532133&width=1500 1500w,
9923            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box_02.jpg?v=1771532133&width=1780 1780w,
9924            //hippopotamus.co.jp/cdn/shop/files/set-cb1-box_02.jpg?v=1771532133 800w"
9925          src="//hippopotamus.co.jp/cdn/shop/files/set-cb1-box_02.jpg?v=1771532133&width=1780"
9926          alt=""
9927          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
9928          loading="lazy"
9929          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
9930          width="800"
9931          
9932          height="800"
9933          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
9934          x-intersect.once="$el.classList.add('active')"
9935        >
9936        
9937        
9938      </button>
9939    </div>
9940  
9941
9942            
9943              
9944
9945
9946    <div 
9947      
9948        tabindex="-1"
9949        
9950      
9951      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
9952      data-media-id="template--20069737169094__main-27772477604038"
9953      data-type="image" 
9954      data-id="image" 
9955      data-host="image"
9956      aria-label="zoom-image" 
9957      index="6" 
9958      class="27772477604038-template--20069737169094__main splide__slide x-splide-slide media-slide w-full cursor-grab">      
9959      <button
9960        
9961        aria-label="Image zoom"
9962        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
9963        
9964        <img
9965          srcset="//hippopotamus.co.jp/cdn/shop/products/MG_0268.jpg?v=1771532133&width=375 375w,
9966            //hippopotamus.co.jp/cdn/shop/products/MG_0268.jpg?v=1771532133&width=450 450w,
9967            //hippopotamus.co.jp/cdn/shop/products/MG_0268.jpg?v=1771532133&width=750 750w,
9968            //hippopotamus.co.jp/cdn/shop/products/MG_0268.jpg?v=1771532133&width=900 900w,
9969            //hippopotamus.co.jp/cdn/shop/products/MG_0268.jpg?v=1771532133&width=1100 1100w,
9970            //hippopotamus.co.jp/cdn/shop/products/MG_0268.jpg?v=1771532133&width=1500 1500w,
9971            //hippopotamus.co.jp/cdn/shop/products/MG_0268.jpg?v=1771532133&width=1780 1780w,
9972            //hippopotamus.co.jp/cdn/shop/products/MG_0268.jpg?v=1771532133 800w"
9973          src="//hippopotamus.co.jp/cdn/shop/products/MG_0268.jpg?v=1771532133&width=1780"
9974          alt=""
9975          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
9976          loading="lazy"
9977          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
9978          width="800"
9979          
9980          height="800"
9981          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
9982          x-intersect.once="$el.classList.add('active')"
9983        >
9984        
9985        
9986      </button>
9987    </div>
9988  
9989
9990            
9991              
9992
9993
9994    <div 
9995      
9996        tabindex="-1"
9997        
9998      
9999      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
10000      data-media-id="template--20069737169094__main-27772477669574"
10001      data-type="image" 
10002      data-id="image" 
10003      data-host="image"
10004      aria-label="zoom-image" 
10005      index="7" 
10006      class="27772477669574-template--20069737169094__main splide__slide x-splide-slide media-slide w-full cursor-grab">      
10007      <button
10008        
10009        aria-label="Image zoom"
10010        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
10011        
10012        <img
10013          srcset="//hippopotamus.co.jp/cdn/shop/products/MG_0270.jpg?v=1771532133&width=375 375w,
10014            //hippopotamus.co.jp/cdn/shop/products/MG_0270.jpg?v=1771532133&width=450 450w,
10015            //hippopotamus.co.jp/cdn/shop/products/MG_0270.jpg?v=1771532133&width=750 750w,
10016            //hippopotamus.co.jp/cdn/shop/products/MG_0270.jpg?v=1771532133&width=900 900w,
10017            //hippopotamus.co.jp/cdn/shop/products/MG_0270.jpg?v=1771532133&width=1100 1100w,
10018            //hippopotamus.co.jp/cdn/shop/products/MG_0270.jpg?v=1771532133&width=1500 1500w,
10019            //hippopotamus.co.jp/cdn/shop/products/MG_0270.jpg?v=1771532133&width=1780 1780w,
10020            //hippopotamus.co.jp/cdn/shop/products/MG_0270.jpg?v=1771532133 800w"
10021          src="//hippopotamus.co.jp/cdn/shop/products/MG_0270.jpg?v=1771532133&width=1780"
10022          alt=""
10023          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
10024          loading="lazy"
10025          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
10026          width="800"
10027          
10028          height="800"
10029          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
10030          x-intersect.once="$el.classList.add('active')"
10031        >
10032        
10033        
10034      </button>
10035    </div>
10036  
10037
10038            
10039              
10040
10041
10042    <div 
10043      
10044        tabindex="-1"
10045        
10046      
10047      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
10048      data-media-id="template--20069737169094__main-27772477407430"
10049      data-type="image" 
10050      data-id="image" 
10051      data-host="image"
10052      aria-label="zoom-image" 
10053      index="8" 
10054      class="27772477407430-template--20069737169094__main splide__slide x-splide-slide media-slide w-full cursor-grab">      
10055      <button
10056        
10057        aria-label="Image zoom"
10058        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
10059        
10060        <img
10061          srcset="//hippopotamus.co.jp/cdn/shop/products/MG_0262.jpg?v=1771532133&width=375 375w,
10062            //hippopotamus.co.jp/cdn/shop/products/MG_0262.jpg?v=1771532133&width=450 450w,
10063            //hippopotamus.co.jp/cdn/shop/products/MG_0262.jpg?v=1771532133&width=750 750w,
10064            //hippopotamus.co.jp/cdn/shop/products/MG_0262.jpg?v=1771532133&width=900 900w,
10065            //hippopotamus.co.jp/cdn/shop/products/MG_0262.jpg?v=1771532133&width=1100 1100w,
10066            //hippopotamus.co.jp/cdn/shop/products/MG_0262.jpg?v=1771532133&width=1500 1500w,
10067            //hippopotamus.co.jp/cdn/shop/products/MG_0262.jpg?v=1771532133&width=1780 1780w,
10068            //hippopotamus.co.jp/cdn/shop/products/MG_0262.jpg?v=1771532133 800w"
10069          src="//hippopotamus.co.jp/cdn/shop/products/MG_0262.jpg?v=1771532133&width=1780"
10070          alt=""
10071          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
10072          loading="lazy"
10073          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
10074          width="800"
10075          
10076          height="800"
10077          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
10078          x-intersect.once="$el.classList.add('active')"
10079        >
10080        
10081        
10082      </button>
10083    </div>
10084  
10085
10086            
10087              
10088
10089
10090    <div 
10091      
10092        tabindex="-1"
10093        
10094      
10095      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
10096      data-media-id="template--20069737169094__main-27772477833414"
10097      data-type="image" 
10098      data-id="image" 
10099      data-host="image"
10100      aria-label="zoom-image" 
10101      index="9" 
10102      class="27772477833414-template--20069737169094__main splide__slide x-splide-slide media-slide w-full cursor-grab">      
10103      <button
10104        
10105        aria-label="Image zoom"
10106        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
10107        
10108        <img
10109          srcset="//hippopotamus.co.jp/cdn/shop/products/MG_0278.jpg?v=1771532133&width=375 375w,
10110            //hippopotamus.co.jp/cdn/shop/products/MG_0278.jpg?v=1771532133&width=450 450w,
10111            //hippopotamus.co.jp/cdn/shop/products/MG_0278.jpg?v=1771532133&width=750 750w,
10112            //hippopotamus.co.jp/cdn/shop/products/MG_0278.jpg?v=1771532133&width=900 900w,
10113            //hippopotamus.co.jp/cdn/shop/products/MG_0278.jpg?v=1771532133&width=1100 1100w,
10114            //hippopotamus.co.jp/cdn/shop/products/MG_0278.jpg?v=1771532133&width=1500 1500w,
10115            //hippopotamus.co.jp/cdn/shop/products/MG_0278.jpg?v=1771532133&width=1780 1780w,
10116            //hippopotamus.co.jp/cdn/shop/products/MG_0278.jpg?v=1771532133 800w"
10117          src="//hippopotamus.co.jp/cdn/shop/products/MG_0278.jpg?v=1771532133&width=1780"
10118          alt=""
10119          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
10120          loading="lazy"
10121          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
10122          width="800"
10123          
10124          height="800"
10125          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
10126          x-intersect.once="$el.classList.add('active')"
10127        >
10128        
10129        
10130      </button>
10131    </div>
10132  
10133
10134            
10135              
10136
10137
10138    <div 
10139      
10140        tabindex="-1"
10141        
10142      
10143      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
10144      data-media-id="template--20069737169094__main-27772477767878"
10145      data-type="image" 
10146      data-id="image" 
10147      data-host="image"
10148      aria-label="zoom-image" 
10149      index="10" 
10150      class="27772477767878-template--20069737169094__main splide__slide x-splide-slide media-slide w-full cursor-grab">      
10151      <button
10152        
10153        aria-label="Image zoom"
10154        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
10155        
10156        <img
10157          srcset="//hippopotamus.co.jp/cdn/shop/products/MG_0276.jpg?v=1771532133&width=375 375w,
10158            //hippopotamus.co.jp/cdn/shop/products/MG_0276.jpg?v=1771532133&width=450 450w,
10159            //hippopotamus.co.jp/cdn/shop/products/MG_0276.jpg?v=1771532133&width=750 750w,
10160            //hippopotamus.co.jp/cdn/shop/products/MG_0276.jpg?v=1771532133&width=900 900w,
10161            //hippopotamus.co.jp/cdn/shop/products/MG_0276.jpg?v=1771532133&width=1100 1100w,
10162            //hippopotamus.co.jp/cdn/shop/products/MG_0276.jpg?v=1771532133&width=1500 1500w,
10163            //hippopotamus.co.jp/cdn/shop/products/MG_0276.jpg?v=1771532133&width=1780 1780w,
10164            //hippopotamus.co.jp/cdn/shop/products/MG_0276.jpg?v=1771532133 800w"
10165          src="//hippopotamus.co.jp/cdn/shop/products/MG_0276.jpg?v=1771532133&width=1780"
10166          alt=""
10167          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
10168          loading="lazy"
10169          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
10170          width="800"
10171          
10172          height="800"
10173          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
10174          x-intersect.once="$el.classList.add('active')"
10175        >
10176        
10177        
10178      </button>
10179    </div>
10180  
10181
10182            
10183              
10184
10185
10186    <div 
10187      
10188        tabindex="-1"
10189        
10190      
10191      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
10192      data-media-id="template--20069737169094__main-27772477735110"
10193      data-type="image" 
10194      data-id="image" 
10195      data-host="image"
10196      aria-label="zoom-image" 
10197      index="11" 
10198      class="27772477735110-template--20069737169094__main splide__slide x-splide-slide media-slide w-full cursor-grab">      
10199      <button
10200        
10201        aria-label="Image zoom"
10202        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
10203        
10204        <img
10205          srcset="//hippopotamus.co.jp/cdn/shop/products/MG_0273.jpg?v=1771532133&width=375 375w,
10206            //hippopotamus.co.jp/cdn/shop/products/MG_0273.jpg?v=1771532133&width=450 450w,
10207            //hippopotamus.co.jp/cdn/shop/products/MG_0273.jpg?v=1771532133&width=750 750w,
10208            //hippopotamus.co.jp/cdn/shop/products/MG_0273.jpg?v=1771532133&width=900 900w,
10209            //hippopotamus.co.jp/cdn/shop/products/MG_0273.jpg?v=1771532133&width=1100 1100w,
10210            //hippopotamus.co.jp/cdn/shop/products/MG_0273.jpg?v=1771532133&width=1500 1500w,
10211            //hippopotamus.co.jp/cdn/shop/products/MG_0273.jpg?v=1771532133&width=1780 1780w,
10212            //hippopotamus.co.jp/cdn/shop/products/MG_0273.jpg?v=1771532133 800w"
10213          src="//hippopotamus.co.jp/cdn/shop/products/MG_0273.jpg?v=1771532133&width=1780"
10214          alt=""
10215          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
10216          loading="lazy"
10217          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
10218          width="800"
10219          
10220          height="800"
10221          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
10222          x-intersect.once="$el.classList.add('active')"
10223        >
10224        
10225        
10226      </button>
10227    </div>
10228  
10229
10230            
10231              
10232
10233
10234    <div 
10235      
10236        tabindex="-1"
10237        
10238      
10239      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
10240      data-media-id="template--20069737169094__main-27772477800646"
10241      data-type="image" 
10242      data-id="image" 
10243      data-host="image"
10244      aria-label="zoom-image" 
10245      index="12" 
10246      class="27772477800646-template--20069737169094__main splide__slide x-splide-slide media-slide w-full cursor-grab">      
10247      <button
10248        
10249        aria-label="Image zoom"
10250        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
10251        
10252        <img
10253          srcset="//hippopotamus.co.jp/cdn/shop/products/MG_0277.jpg?v=1771532133&width=375 375w,
10254            //hippopotamus.co.jp/cdn/shop/products/MG_0277.jpg?v=1771532133&width=450 450w,
10255            //hippopotamus.co.jp/cdn/shop/products/MG_0277.jpg?v=1771532133&width=750 750w,
10256            //hippopotamus.co.jp/cdn/shop/products/MG_0277.jpg?v=1771532133&width=900 900w,
10257            //hippopotamus.co.jp/cdn/shop/products/MG_0277.jpg?v=1771532133&width=1100 1100w,
10258            //hippopotamus.co.jp/cdn/shop/products/MG_0277.jpg?v=1771532133&width=1500 1500w,
10259            //hippopotamus.co.jp/cdn/shop/products/MG_0277.jpg?v=1771532133&width=1780 1780w,
10260            //hippopotamus.co.jp/cdn/shop/products/MG_0277.jpg?v=1771532133 800w"
10261          src="//hippopotamus.co.jp/cdn/shop/products/MG_0277.jpg?v=1771532133&width=1780"
10262          alt=""
10263          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
10264          loading="lazy"
10265          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
10266          width="800"
10267          
10268          height="800"
10269          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
10270          x-intersect.once="$el.classList.add('active')"
10271        >
10272        
10273        
10274      </button>
10275    </div>
10276  
10277
10278            
10279              
10280
10281
10282    <div 
10283      
10284        tabindex="-1"
10285        
10286      
10287      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
10288      data-media-id="template--20069737169094__main-27772477702342"
10289      data-type="image" 
10290      data-id="image" 
10291      data-host="image"
10292      aria-label="zoom-image" 
10293      index="13" 
10294      class="27772477702342-template--20069737169094__main splide__slide x-splide-slide media-slide w-full cursor-grab">      
10295      <button
10296        
10297        aria-label="Image zoom"
10298        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
10299        
10300        <img
10301          srcset="//hippopotamus.co.jp/cdn/shop/products/MG_0271.jpg?v=1771532133&width=375 375w,
10302            //hippopotamus.co.jp/cdn/shop/products/MG_0271.jpg?v=1771532133&width=450 450w,
10303            //hippopotamus.co.jp/cdn/shop/products/MG_0271.jpg?v=1771532133&width=750 750w,
10304            //hippopotamus.co.jp/cdn/shop/products/MG_0271.jpg?v=1771532133&width=900 900w,
10305            //hippopotamus.co.jp/cdn/shop/products/MG_0271.jpg?v=1771532133&width=1100 1100w,
10306            //hippopotamus.co.jp/cdn/shop/products/MG_0271.jpg?v=1771532133&width=1500 1500w,
10307            //hippopotamus.co.jp/cdn/shop/products/MG_0271.jpg?v=1771532133&width=1780 1780w,
10308            //hippopotamus.co.jp/cdn/shop/products/MG_0271.jpg?v=1771532133 800w"
10309          src="//hippopotamus.co.jp/cdn/shop/products/MG_0271.jpg?v=1771532133&width=1780"
10310          alt=""
10311          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
10312          loading="lazy"
10313          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
10314          width="800"
10315          
10316          height="800"
10317          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
10318          x-intersect.once="$el.classList.add('active')"
10319        >
10320        
10321        
10322      </button>
10323    </div>
10324  
10325
10326            
10327              
10328
10329
10330    <div 
10331      
10332        tabindex="-1"
10333        
10334      
10335      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
10336      data-media-id="template--20069737169094__main-27772477636806"
10337      data-type="image" 
10338      data-id="image" 
10339      data-host="image"
10340      aria-label="zoom-image" 
10341      index="14" 
10342      class="27772477636806-template--20069737169094__main splide__slide x-splide-slide media-slide w-full cursor-grab">      
10343      <button
10344        
10345        aria-label="Image zoom"
10346        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
10347        
10348        <img
10349          srcset="//hippopotamus.co.jp/cdn/shop/products/MG_0269.jpg?v=1771532133&width=375 375w,
10350            //hippopotamus.co.jp/cdn/shop/products/MG_0269.jpg?v=1771532133&width=450 450w,
10351            //hippopotamus.co.jp/cdn/shop/products/MG_0269.jpg?v=1771532133&width=750 750w,
10352            //hippopotamus.co.jp/cdn/shop/products/MG_0269.jpg?v=1771532133&width=900 900w,
10353            //hippopotamus.co.jp/cdn/shop/products/MG_0269.jpg?v=1771532133&width=1100 1100w,
10354            //hippopotamus.co.jp/cdn/shop/products/MG_0269.jpg?v=1771532133&width=1500 1500w,
10355            //hippopotamus.co.jp/cdn/shop/products/MG_0269.jpg?v=1771532133&width=1780 1780w,
10356            //hippopotamus.co.jp/cdn/shop/products/MG_0269.jpg?v=1771532133 800w"
10357          src="//hippopotamus.co.jp/cdn/shop/products/MG_0269.jpg?v=1771532133&width=1780"
10358          alt=""
10359          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
10360          loading="lazy"
10361          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
10362          width="800"
10363          
10364          height="800"
10365          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
10366          x-intersect.once="$el.classList.add('active')"
10367        >
10368        
10369        
10370      </button>
10371    </div>
10372  
10373
10374            
10375              
10376
10377
10378    <div 
10379      
10380        tabindex="-1"
10381        
10382      
10383      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
10384      data-media-id="template--20069737169094__main-27772477374662"
10385      data-type="image" 
10386      data-id="image" 
10387      data-host="image"
10388      aria-label="zoom-image" 
10389      index="15" 
10390      class="27772477374662-template--20069737169094__main splide__slide x-splide-slide media-slide w-full cursor-grab">      
10391      <button
10392        
10393        aria-label="Image zoom"
10394        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
10395        
10396        <img
10397          srcset="//hippopotamus.co.jp/cdn/shop/products/MG_0260.jpg?v=1771532133&width=375 375w,
10398            //hippopotamus.co.jp/cdn/shop/products/MG_0260.jpg?v=1771532133&width=450 450w,
10399            //hippopotamus.co.jp/cdn/shop/products/MG_0260.jpg?v=1771532133&width=750 750w,
10400            //hippopotamus.co.jp/cdn/shop/products/MG_0260.jpg?v=1771532133&width=900 900w,
10401            //hippopotamus.co.jp/cdn/shop/products/MG_0260.jpg?v=1771532133&width=1100 1100w,
10402            //hippopotamus.co.jp/cdn/shop/products/MG_0260.jpg?v=1771532133&width=1500 1500w,
10403            //hippopotamus.co.jp/cdn/shop/products/MG_0260.jpg?v=1771532133&width=1780 1780w,
10404            //hippopotamus.co.jp/cdn/shop/products/MG_0260.jpg?v=1771532133 800w"
10405          src="//hippopotamus.co.jp/cdn/shop/products/MG_0260.jpg?v=1771532133&width=1780"
10406          alt=""
10407          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
10408          loading="lazy"
10409          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
10410          width="800"
10411          
10412          height="800"
10413          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
10414          x-intersect.once="$el.classList.add('active')"
10415        >
10416        
10417        
10418      </button>
10419    </div>
10420  
10421
10422            
10423              
10424
10425
10426    <div 
10427      
10428        tabindex="-1"
10429        
10430      
10431      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
10432      data-media-id="template--20069737169094__main-27772477538502"
10433      data-type="image" 
10434      data-id="image" 
10435      data-host="image"
10436      aria-label="zoom-image" 
10437      index="16" 
10438      class="27772477538502-template--20069737169094__main splide__slide x-splide-slide media-slide w-full cursor-grab">      
10439      <button
10440        
10441        aria-label="Image zoom"
10442        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
10443        
10444        <img
10445          srcset="//hippopotamus.co.jp/cdn/shop/products/MG_0266.jpg?v=1771532133&width=375 375w,
10446            //hippopotamus.co.jp/cdn/shop/products/MG_0266.jpg?v=1771532133&width=450 450w,
10447            //hippopotamus.co.jp/cdn/shop/products/MG_0266.jpg?v=1771532133&width=750 750w,
10448            //hippopotamus.co.jp/cdn/shop/products/MG_0266.jpg?v=1771532133&width=900 900w,
10449            //hippopotamus.co.jp/cdn/shop/products/MG_0266.jpg?v=1771532133&width=1100 1100w,
10450            //hippopotamus.co.jp/cdn/shop/products/MG_0266.jpg?v=1771532133&width=1500 1500w,
10451            //hippopotamus.co.jp/cdn/shop/products/MG_0266.jpg?v=1771532133&width=1780 1780w,
10452            //hippopotamus.co.jp/cdn/shop/products/MG_0266.jpg?v=1771532133 800w"
10453          src="//hippopotamus.co.jp/cdn/shop/products/MG_0266.jpg?v=1771532133&width=1780"
10454          alt=""
10455          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
10456          loading="lazy"
10457          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
10458          width="800"
10459          
10460          height="800"
10461          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
10462          x-intersect.once="$el.classList.add('active')"
10463        >
10464        
10465        
10466      </button>
10467    </div>
10468  
10469
10470            
10471              
10472
10473
10474    <div 
10475      
10476        tabindex="-1"
10477        
10478      
10479      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
10480      data-media-id="template--20069737169094__main-31195667103942"
10481      data-type="image" 
10482      data-id="image" 
10483      data-host="image"
10484      aria-label="zoom-image" 
10485      index="17" 
10486      class="31195667103942-template--20069737169094__main splide__slide x-splide-slide media-slide w-full cursor-grab">      
10487      <button
10488        
10489        aria-label="Image zoom"
10490        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
10491        
10492        <img
10493          srcset="//hippopotamus.co.jp/cdn/shop/files/ctbr10-156.jpg?v=1771532133&width=375 375w,
10494            //hippopotamus.co.jp/cdn/shop/files/ctbr10-156.jpg?v=1771532133&width=450 450w,
10495            //hippopotamus.co.jp/cdn/shop/files/ctbr10-156.jpg?v=1771532133&width=750 750w,
10496            //hippopotamus.co.jp/cdn/shop/files/ctbr10-156.jpg?v=1771532133&width=900 900w,
10497            //hippopotamus.co.jp/cdn/shop/files/ctbr10-156.jpg?v=1771532133&width=1100 1100w,
10498            //hippopotamus.co.jp/cdn/shop/files/ctbr10-156.jpg?v=1771532133&width=1500 1500w,
10499            //hippopotamus.co.jp/cdn/shop/files/ctbr10-156.jpg?v=1771532133&width=1780 1780w,
10500            //hippopotamus.co.jp/cdn/shop/files/ctbr10-156.jpg?v=1771532133 800w"
10501          src="//hippopotamus.co.jp/cdn/shop/files/ctbr10-156.jpg?v=1771532133&width=1780"
10502          alt=""
10503          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
10504          loading="lazy"
10505          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
10506          width="800"
10507          
10508          height="800"
10509          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
10510          x-intersect.once="$el.classList.add('active')"
10511        >
10512        
10513        
10514      </button>
10515    </div>
10516  
10517
10518            
10519              
10520
10521
10522    <div 
10523      
10524        tabindex="-1"
10525        
10526      
10527      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
10528      data-media-id="template--20069737169094__main-31195667136710"
10529      data-type="image" 
10530      data-id="image" 
10531      data-host="image"
10532      aria-label="zoom-image" 
10533      index="18" 
10534      class="31195667136710-template--20069737169094__main splide__slide x-splide-slide media-slide w-full cursor-grab">      
10535      <button
10536        
10537        aria-label="Image zoom"
10538        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
10539        
10540        <img
10541          srcset="//hippopotamus.co.jp/cdn/shop/files/ctbr10-157.jpg?v=1771532133&width=375 375w,
10542            //hippopotamus.co.jp/cdn/shop/files/ctbr10-157.jpg?v=1771532133&width=450 450w,
10543            //hippopotamus.co.jp/cdn/shop/files/ctbr10-157.jpg?v=1771532133&width=750 750w,
10544            //hippopotamus.co.jp/cdn/shop/files/ctbr10-157.jpg?v=1771532133&width=900 900w,
10545            //hippopotamus.co.jp/cdn/shop/files/ctbr10-157.jpg?v=1771532133&width=1100 1100w,
10546            //hippopotamus.co.jp/cdn/shop/files/ctbr10-157.jpg?v=1771532133&width=1500 1500w,
10547            //hippopotamus.co.jp/cdn/shop/files/ctbr10-157.jpg?v=1771532133&width=1780 1780w,
10548            //hippopotamus.co.jp/cdn/shop/files/ctbr10-157.jpg?v=1771532133 800w"
10549          src="//hippopotamus.co.jp/cdn/shop/files/ctbr10-157.jpg?v=1771532133&width=1780"
10550          alt=""
10551          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
10552          loading="lazy"
10553          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
10554          width="800"
10555          
10556          height="800"
10557          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
10558          x-intersect.once="$el.classList.add('active')"
10559        >
10560        
10561        
10562      </button>
10563    </div>
10564  
10565
10566            
10567              
10568
10569
10570    <div 
10571      
10572        tabindex="-1"
10573        
10574      
10575      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
10576      data-media-id="template--20069737169094__main-31195667071174"
10577      data-type="image" 
10578      data-id="image" 
10579      data-host="image"
10580      aria-label="zoom-image" 
10581      index="19" 
10582      class="31195667071174-template--20069737169094__main splide__slide x-splide-slide media-slide w-full cursor-grab">      
10583      <button
10584        
10585        aria-label="Image zoom"
10586        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
10587        
10588        <img
10589          srcset="//hippopotamus.co.jp/cdn/shop/files/ctbr10-158.jpg?v=1771532133&width=375 375w,
10590            //hippopotamus.co.jp/cdn/shop/files/ctbr10-158.jpg?v=1771532133&width=450 450w,
10591            //hippopotamus.co.jp/cdn/shop/files/ctbr10-158.jpg?v=1771532133&width=750 750w,
10592            //hippopotamus.co.jp/cdn/shop/files/ctbr10-158.jpg?v=1771532133&width=900 900w,
10593            //hippopotamus.co.jp/cdn/shop/files/ctbr10-158.jpg?v=1771532133&width=1100 1100w,
10594            //hippopotamus.co.jp/cdn/shop/files/ctbr10-158.jpg?v=1771532133&width=1500 1500w,
10595            //hippopotamus.co.jp/cdn/shop/files/ctbr10-158.jpg?v=1771532133&width=1780 1780w,
10596            //hippopotamus.co.jp/cdn/shop/files/ctbr10-158.jpg?v=1771532133 800w"
10597          src="//hippopotamus.co.jp/cdn/shop/files/ctbr10-158.jpg?v=1771532133&width=1780"
10598          alt=""
10599          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
10600          loading="lazy"
10601          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
10602          width="800"
10603          
10604          height="800"
10605          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
10606          x-intersect.once="$el.classList.add('active')"
10607        >
10608        
10609        
10610      </button>
10611    </div>
10612  
10613
10614            
10615              
10616
10617
10618    <div 
10619      
10620        tabindex="-1"
10621        
10622      
10623      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
10624      data-media-id="template--20069737169094__main-31195667038406"
10625      data-type="image" 
10626      data-id="image" 
10627      data-host="image"
10628      aria-label="zoom-image" 
10629      index="20" 
10630      class="31195667038406-template--20069737169094__main splide__slide x-splide-slide media-slide w-full cursor-grab">      
10631      <button
10632        
10633        aria-label="Image zoom"
10634        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
10635        
10636        <img
10637          srcset="//hippopotamus.co.jp/cdn/shop/files/ctbr10-159.jpg?v=1771532133&width=375 375w,
10638            //hippopotamus.co.jp/cdn/shop/files/ctbr10-159.jpg?v=1771532133&width=450 450w,
10639            //hippopotamus.co.jp/cdn/shop/files/ctbr10-159.jpg?v=1771532133&width=750 750w,
10640            //hippopotamus.co.jp/cdn/shop/files/ctbr10-159.jpg?v=1771532133&width=900 900w,
10641            //hippopotamus.co.jp/cdn/shop/files/ctbr10-159.jpg?v=1771532133&width=1100 1100w,
10642            //hippopotamus.co.jp/cdn/shop/files/ctbr10-159.jpg?v=1771532133&width=1500 1500w,
10643            //hippopotamus.co.jp/cdn/shop/files/ctbr10-159.jpg?v=1771532133&width=1780 1780w,
10644            //hippopotamus.co.jp/cdn/shop/files/ctbr10-159.jpg?v=1771532133 800w"
10645          src="//hippopotamus.co.jp/cdn/shop/files/ctbr10-159.jpg?v=1771532133&width=1780"
10646          alt=""
10647          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
10648          loading="lazy"
10649          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
10650          width="800"
10651          
10652          height="800"
10653          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
10654          x-intersect.once="$el.classList.add('active')"
10655        >
10656        
10657        
10658      </button>
10659    </div>
10660  
10661
10662            
10663              
10664
10665
10666    <div 
10667      
10668        tabindex="-1"
10669        
10670      
10671      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
10672      data-media-id="template--20069737169094__main-31837861478598"
10673      data-type="image" 
10674      data-id="image" 
10675      data-host="image"
10676      aria-label="zoom-image" 
10677      index="21" 
10678      class="31837861478598-template--20069737169094__main splide__slide x-splide-slide media-slide w-full cursor-grab">      
10679      <button
10680        
10681        aria-label="Image zoom"
10682        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
10683        
10684        <img
10685          srcset="//hippopotamus.co.jp/cdn/shop/files/img_ctbr11-4.jpg?v=1771532133&width=375 375w,
10686            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-4.jpg?v=1771532133&width=450 450w,
10687            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-4.jpg?v=1771532133&width=750 750w,
10688            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-4.jpg?v=1771532133&width=900 900w,
10689            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-4.jpg?v=1771532133&width=1100 1100w,
10690            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-4.jpg?v=1771532133&width=1500 1500w,
10691            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-4.jpg?v=1771532133&width=1780 1780w,
10692            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-4.jpg?v=1771532133 800w"
10693          src="//hippopotamus.co.jp/cdn/shop/files/img_ctbr11-4.jpg?v=1771532133&width=1780"
10694          alt=""
10695          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
10696          loading="lazy"
10697          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
10698          width="800"
10699          
10700          height="800"
10701          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
10702          x-intersect.once="$el.classList.add('active')"
10703        >
10704        
10705        
10706      </button>
10707    </div>
10708  
10709
10710            
10711              
10712
10713
10714    <div 
10715      
10716        tabindex="-1"
10717        
10718      
10719      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
10720      data-media-id="template--20069737169094__main-31837861576902"
10721      data-type="image" 
10722      data-id="image" 
10723      data-host="image"
10724      aria-label="zoom-image" 
10725      index="22" 
10726      class="31837861576902-template--20069737169094__main splide__slide x-splide-slide media-slide w-full cursor-grab">      
10727      <button
10728        
10729        aria-label="Image zoom"
10730        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
10731        
10732        <img
10733          srcset="//hippopotamus.co.jp/cdn/shop/files/img_ctbr11-7.jpg?v=1771532133&width=375 375w,
10734            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-7.jpg?v=1771532133&width=450 450w,
10735            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-7.jpg?v=1771532133&width=750 750w,
10736            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-7.jpg?v=1771532133&width=900 900w,
10737            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-7.jpg?v=1771532133&width=1100 1100w,
10738            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-7.jpg?v=1771532133&width=1500 1500w,
10739            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-7.jpg?v=1771532133&width=1780 1780w,
10740            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-7.jpg?v=1771532133 800w"
10741          src="//hippopotamus.co.jp/cdn/shop/files/img_ctbr11-7.jpg?v=1771532133&width=1780"
10742          alt=""
10743          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
10744          loading="lazy"
10745          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
10746          width="800"
10747          
10748          height="800"
10749          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
10750          x-intersect.once="$el.classList.add('active')"
10751        >
10752        
10753        
10754      </button>
10755    </div>
10756  
10757
10758            
10759              
10760
10761
10762    <div 
10763      
10764        tabindex="-1"
10765        
10766      
10767      x-data="{ isHoverImage: false, hasPointer: window.matchMedia('(pointer: fine)').matches ? true : false }"
10768      data-media-id="template--20069737169094__main-31837861511366"
10769      data-type="image" 
10770      data-id="image" 
10771      data-host="image"
10772      aria-label="zoom-image" 
10773      index="23" 
10774      class="31837861511366-template--20069737169094__main splide__slide x-splide-slide media-slide w-full cursor-grab">      
10775      <button
10776        
10777        aria-label="Image zoom"
10778        class="block w-full relative overflow-hidden animate-Xpulse skeleton-image">
10779        
10780        <img
10781          srcset="//hippopotamus.co.jp/cdn/shop/files/img_ctbr11-5.jpg?v=1771532133&width=375 375w,
10782            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-5.jpg?v=1771532133&width=450 450w,
10783            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-5.jpg?v=1771532133&width=750 750w,
10784            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-5.jpg?v=1771532133&width=900 900w,
10785            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-5.jpg?v=1771532133&width=1100 1100w,
10786            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-5.jpg?v=1771532133&width=1500 1500w,
10787            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-5.jpg?v=1771532133&width=1780 1780w,
10788            //hippopotamus.co.jp/cdn/shop/files/img_ctbr11-5.jpg?v=1771532133 800w"
10789          src="//hippopotamus.co.jp/cdn/shop/files/img_ctbr11-5.jpg?v=1771532133&width=1780"
10790          alt=""
10791          sizes="(min-width: 1400px) 700px, (min-width: 767px)  50vw, 100vw"
10792          loading="lazy"
10793          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
10794          width="800"
10795          
10796          height="800"
10797          class="image-detail cursor-default animate_transition_slide__image duration-300 w-full h-full"
10798          x-intersect.once="$el.classList.add('active')"
10799        >
10800        
10801        
10802      </button>
10803    </div>
10804  
10805
10806            
10807          
10808        </div>
10809      </div>
10810      
10811        <div class="splide__arrows gap-3 md:gap-0 md:mb-2 mb-1 md:mt-4 mt-3 flex justify-center w-full items-center lg:mb-0 lg:mt-0 md:hidden pointer-events-none hidden lg:block">
10812          <button class="splide__arrow button-arrow w-11 h-11 lg:top-1/2 lg:absolute lg:-mt-6 pt-3 pb-3 pr-3 pl-3 lg:left-0 rtl:lg:group-hover:left-4 lg:bottom-0 transition-all ease-in-out lg:opacity-0 lg:group-hover:opacity-100 lg:group-hover:translate-x-2 lg:-translate-x-full z-10 lg:group-hover:disabled:opacity-30 disabled:opacity-30 disabled:cursor-not-allowed pointer-events-auto items-center justify-center duration-200 splide__arrow--prev rounded-full border border-solid md:border-none" aria-label="Go to last slide">
10813            <span class="hidden">previous slide</span>
10814            <span class="not-icon rounded-full hidden md:block">
10815      <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet">
10816        <path fill="none" d="M16 1L5 12L16 23" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
10817      </svg>
10818    
10819
10820</span>
10821            <span class="block md:hidden">
10822      <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet">
10823        <path fill="none" d="M16 1L5 12L16 23" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
10824      </svg>
10825    
10826
10827</span>
10828          </button>
10829          <button class="splide__arrow button-arrow w-11 h-11 lg:top-1/2 lg:absolute lg:-mt-6 pt-3 pb-3 pr-3 pl-3 lg:right-0 rtl:lg:group-hover:right-4 lg:bottom-0 transition-all ease-in-out lg:opacity-0 lg:group-hover:opacity-100 lg:group-hover:-translate-x-2 lg:translate-x-full z-10 lg:group-hover:disabled:opacity-30 disabled:opacity-30 disabled:cursor-not-allowed pointer-events-auto items-center justify-center duration-200 splide__arrow--next rounded-full border border-solid md:border-none" aria-label="Next slide">
10830            <span class="hidden">next slide</span>
10831            <span class="not-icon rounded-full hidden md:block">
10832      <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet">
10833        <path fill="none" d="M8 1L19 12L8 23" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
10834      </svg>
10835  
10836
10837</span>
10838            <span class="block md:hidden">
10839      <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet">
10840        <path fill="none" d="M8 1L19 12L8 23" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
10841      </svg>
10842  
10843
10844</span>
10845          </button>
10846        </div>
10847      
10848    </div>
10849    
10850    
10851  </div>
10852</div>
10853<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/product-media.js?v=178923250894042546431774087103" defer></script>
10853</div>
10854      
10855      <div 
10856        class="product-content-container w-full relative  quick-view:md:w-[55%] md:w-1/2 md:pl-0 md:pr-0 rtl:flex rtl:product-page:md:justify-end pt-3 md:pt-0 pb-0"><div id="ProductInfo-template--20069737169094__main"
10857          class="parent-element  product-info w-full pb-1 max-w-[720px] lg:pl-0 rtl:lg:pr-0 md:pr-5 rtl:md:pr-0 rtl:md:pl-5 quick-view:md:pl-6 rtl:quick-view:md:pl-0 rtl:quick-view:md:pr-6 product-page:md:pl-5 rtl:product-page:md:pl-0 rtl:product-page:md:pr-5 product-page:lg:pl-8 rtl:product-page:lg:pl-0 rtl:product-page:lg:pr-8"
10858        >
10859          <div class="flex gap-x-2.5 flex-wrap">
10860            <div id="product-variant-title-template--20069737169094__main">
10861              <div class="hidden product-variant-title-8529620271302-44682557227206">ギフト – チーフベア×1(パッケージ)</div>
10862            </div>
10863                  <style data-shopify>
10864                    .title-size--product_name_xkPbAa {
10865                      font-size: 0.945rem;
10866                    }
10867                    @media (min-width: 767px){
10868                      .title-size--product_name_xkPbAa {
10869                        font-size: 1.575rem;
10870                      }
10871                    }
10872                  </style>
10873                  <div class="x-block-product-title mb-4 md:mb-5 w-full" >
10874                    <h1 class="product-title h2 title-size--product_name_xkPbAa leading-tight">
10875                      ギフト – チーフベア×1(パッケージ)
10876                    </h1>
10877                  </div><div class="custom-html mb-4 md:mb-6 w-full">
10878                    <span style="padding:4px 8px; background:#f6f6f6; border-radius:2px;">e-Gift対象商品</span>
10879                  </div>
10880
10881                  <div class="w-full x-block-badges mb-4 md:mb-5 min-h-[45px]" id="x-badges-template--20069737169094__main" >
10882                    <div
10883                      class="x-badges-container text-sm x-badges-product-detail empty:h-0 empty:min-h-0 empty:mb-0 min-h-[45px] flex items-center flex-wrap gap-x-1 gap-y-2 md:gap-y-4"
10884                      x-intersect.once.margin.1200px='() => {
10885                        if ($store.xBadges) {
10886                          const container = document.getElementById("x-badges-template--20069737169094__main");
10887                          $store.xBadges && $store.xBadges.load($el, (el) => {
10888                            if (!([...el.childNodes].some(n => n.nodeType === 1 && n.tagName === "DIV"))) {
10889                              el.classList.remove("min-h-[45px]");
10890                              container.classList.remove("mb-4", "md:mb-5", "min-h-[45px]");
10891                            } else {
10892                              container.classList.add("mb-4", "md:mb-5", "min-h-[45px]");
10893                            };
10894                            el.removeAttribute("x-intersect.once.margin.1200px");
10895                            container.innerHTML = el.outerHTML;
10896                            document.dispatchEvent(new CustomEvent("eurus:badges:loaded"));
10897                          }, container)
10898                        }
10899                      }'
10900                      x-labels-data="{
10901                      &quot;variant_id&quot;: 8529620271302,
10902                      &quot;product_id&quot;: 8529620271302,            
10903                      &quot;available&quot;: true,
10904                      &quot;title&quot;: &quot;ギフト – チーフベア×1(パッケージ)&quot;,
10905                      &quot;compare_at_price&quot;: 0,
10906                      &quot;price&quot;: 242000,
10907                      &quot;price_with_currency&quot;: &quot;&amp;lt;span class=money&amp;gt;Â¥2,420&amp;lt;/span&amp;gt;&quot;,
10908                      &quot;sale_amount&quot;: &quot;&amp;lt;span class=money&amp;gt;Â¥-2,420&amp;lt;/span&amp;gt;&quot;,
10909                      &quot;collections&quot;: &quot;||265417031878||81953325174||288961429702||287533170886||287537037510||287537168582||286560714950||81952800886||269097042118||81952931958||286087807174||85279408246||270831648966||271148777670||270870184134||270832795846||&quot;,
10910                      &quot;inventory_management&quot;: &quot;shopify&quot;,
10911                      &quot;qty&quot;: 319,
10912                      &quot;container&quot;: &quot;product-info&quot;,
10913                      &quot;make_content_center&quot;: false,
10914                      &quot;can_show_preorder&quot;: false,
10915                      
10916                        &quot;position_adapt&quot;: true,
10917                      
10918                      
10919                        &quot;teleport_dest_image&quot;: &quot;#x-product-template-8529620271302-template--20069737169094__main .product-media-container #product-media-template--20069737169094__main .x-badges-container&quot;,
10920                      
10921                      &quot;teleport_dest_price&quot;: &quot;#x-product-template-8529620271302-template--20069737169094__main #price-template--20069737169094__main .x-badges-container&quot;,
10922                      &quot;diff_day_create&quot;: 481.1,
10923                      &quot;diff_day_publish&quot;: 473.94
10924                      
10925                    }"
10926                    ></div>
10927                  </div><div class="x-block-price mb-4 md:mb-6 w-full pricearea" ><style data-shopify>#price-template--20069737169094__main {
10928                        font-size: 1.0125rem;
10929                      }
10930                      @media (min-width: 768px) {
10931                        #price-template--20069737169094__main {
10932                          font-size: 1.125rem;
10933                        }
10934                      }</style><div id="price-template--20069737169094__main" class="flex flex-wrap items-center  gap-4" role="status"><div class="main-product-price price leading-none ">
10935  <div class="target-price hidden">242000</div>
10936  <div class="target-compare-at-price hidden"></div>
10937  
10938  
10939<p class="price">
10940        <span class=money>Â¥2,420</span>
10941      </p>
10942    
10943    
10944  
10945</div>
10946<div class="relative min-w-[100px] min-h-[1em]">
10947                        <div x-intersect.once.margin.200px="$nextTick(() => { if ($el.innerHTML.trim() == '') $el.parentElement.classList.add('hidden') });" class="x-badges-container absolute left-0 top-1/2 -translate-y-1/2 z-10 text-sm x-badges-product-detail empty:h-0 empty:min-h-0 empty:mb-0 w-max items-center flex-wrap gap-x-1 gap-y-2 md:gap-y-4"></div>
10948                      </div>
10949                    </div>
10950                    <div class="shopify-payment-terms"><form method="post" action="/cart/add" id="product-form-installment-template--20069737169094__main" accept-charset="UTF-8" class="installment caption-large" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="44682557227206">
10951                        
10952<input type="hidden" name="product-id" value="8529620271302" /><input type="hidden" name="section-id" value="template--20069737169094__main" /></form></div>
10953                  </div>
10954<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/variant-select.js?v=19883298395587996631774087103" defer></script>
10954<div x-intersect.once.margin.200px="document.addEventListener('eurus:cart:items-changed', () => {
10955                      Alpine.store('xUpdateVariantQuanity').updateQuantity('template--20069737169094__main', '/products/set-cb1-box');
10956                    });"></div><div class="x-block-app mb-4 md:mb-6 w-full app-block">
10957                    <div id="shopify-block-AQWFMMHNoWEtxYXltS__infinite_options_app_block_w3gqTg" class="shopify-block shopify-app-block"><div id="infiniteoptions-container">
10958  
10959</div>
10960<script>
10961  // Create "window.Shoppad.apps.infiniteoptions" object if it doesn't already exist
10962  'Shoppad.apps.infiniteoptions'.split('.').reduce(function (o, x) {
10963    if (!o[x]) {
10964      o[x] = {};
10965    }
10966    return o[x];
10967  }, window);
10968  // Note we are using the theme app extension
10969  window.Shoppad.apps.infiniteoptions.themeAppExtensionActive = true;
10970</script>
10970
10971
10972
10973
10974</div>
10975                  </div><div id="quantity-selector-template--20069737169094__main" class="x-quantity-selector mb-4 md:mb-6 product-form__quantity w-full" >
10976                      
10977                      
10978
10979                      <style data-shopify>
10980                        #x-quantity-template--20069737169094__main {
10981                          font-size: 1.0rem;
10982                        }
10983                      </style>
10984                      
10985                      <label id="x-quantity-template--20069737169094__main" class="font-bold" for="Quantity-template--20069737169094__main">
10986                        数量
10987                        <span 
10988                           x-intersect.once.margin.200px="document.addEventListener('eurus:cart:items-changed', () => {
10989                            Alpine.store('xUpdateVariantQuanity').updateQuantity('template--20069737169094__main', '/products/set-cb1-box');
10990                          });"
10991                          class="quantity__rules-cart unavailable:hidden no-js-hidden relative hidden"
10992                        >
10993                          <span class="loading-overlay hidden absolute top-0 right-0 z-10 w-4 md:left-0">
10994                            <svg class="animate-spin" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
10995    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10996  </svg>
10997
10998                          </span>
10999                          <span>(カートに<span class="quantity-cart">0</span>個入っています)</span>
11000                        </span>
11001                      </label>
11002                      
11003                      <div class="w-full">
11004                        <div class="inline-flex w-fit border border-solid items-center mt-2.5 bg-[rgba(var(--background-color),1)] rounded-md"
11005                          x-data="xQuantitySelector('8529620271302', 'template--20069737169094__main', 1, null, false, false, '&lt;span class=money&gt;Â¥{{amount_no_decimals}}&lt;/span&gt;', '&lt;span class=money&gt;Â¥{{amount_no_decimals}}&lt;/span&gt;')"
11006                          x-intersect.once.margin.200px="initQtyChangeEvent('Quantity-template--20069737169094__main')"
11007                        >
11008                          <button class="w-10 cursor-pointer pt-2.5 pb-2.5 md:pt-3.5 md:pb-3.5 bg-transparent pl-3.5 pr-3.5 select-none opacity-70" name="minus" aria-label="minus" @click.prevent="minus(1)">
11009                            
11010    <svg width="100%" height="100%"  viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
11011      <path d="M1 12H23" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
11012    </svg>
11013  
11014
11015                          </button>
11016                          <input class="outer-spin-button hide-spin-input focus:outline-none w-8 md:w-10 pt-2 pb-2 md:pt-2.5 md:pb-2.5 text-center bg-transparent"
11017                            type="number"
11018                            name="quantity"
11019                            id="Quantity-template--20069737169094__main"
11020                            aria-label="quantity selector value"
11021                            min="1"
11022                            
11023                            step="1"
11024                            value="1"
11025                            form="product-form-template--20069737169094__main"
11026                            x-model="qty"
11027                            x-on:blur="invalid($el)"
11028                          >
11029                          <button class="w-10 cursor-pointer pt-2.5 pb-2.5 md:pt-3.5 md:pb-3.5 bg-transparent pr-3.5 pl-3.5 select-none opacity-70" name="plus" @click.prevent="plus(1)" aria-label="minus">
11030                            
11031    <svg width="100%" height="100%"  viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
11032      <path d="M1 12H23M12 1V23" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
11033    </svg>
11034  
11035
11036                          </button>
11037                        </div>
11038                      </div>
11039                      <div class="quantity-rules" id="quantity-rules-template--20069737169094__main"></div>
11040                    </div><div x-ref='product_form_container' class="x-block-buy-buttons button-product-buy_buttons w-full button-product mb-4 md:mb-6"
11041                      
11042                        x-data="xProductCart()"
11043                      
11044                      
11045                    >
11046                      <style data-shopify>
11047                        .x-variant-picker + .x-block-buy-buttons {
11048                          margin-top: 8px;
11049                        }
11050                        .button-product-buy_buttons, .button-product-buy_buttons *:before {
11051                          
11052                            --colors-button: 0, 73, 175;
11053                          
11054                          
11055                            --colors-button-text: 255, 255, 255;
11056                          
11057                          
11058                            --colors-button-hover: rgb(3, 27, 83);
11059                          
11060                          
11061                            --colors-button-text-hover: 255, 255, 255;
11062                          
11063                          
11064                          
11065                        }
11066                        .dark .button-product-buy_buttons, .dark .button-product-buy_buttons *:before {
11067                            
11068                            --colors-button: 255, 255, 255;
11069                          
11070                           
11071                            --colors-button-text: 0, 0, 0; 
11072                          
11073                            
11074                            --colors-button-hover: rgb(251, 133, 0);
11075                          
11076                            
11077                            --colors-button-text-hover: 0, 0, 0;
11078                          
11079                            
11080                            --colors-secondary-button: 255, 255, 255;
11081                            --colors-line-secondary-button: 255, 255, 255;
11082                          
11083                          
11084                            --background-secondary-button: transparent;
11085                          
11086                        }
11087                      </style>
11088                      <div><form method="post" action="/cart/add" id="product-form-template--20069737169094__main" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" id="update-variant-template--20069737169094__main" name="id" value="44682557227206">
11089                          
11090                          <button
11091                            id="x-atc-button-template--20069737169094__main"
11092                            role="button"
11093                            name="add"
11094                            type="submit"
11095                            @click="addToCart($event, true)"
11096                            
11097                            class="relative add_to_cart_button button button-solid disabled:opacity-60 disabled:cursor-not-allowed disable-action-btn-animation duration-200 leading-none w-full mb-3 pt-3 pb-3 md:pt-3.5 md:pb-3.5"
11098                            
11099                                  
11100                              
11101                            x-intersect.once.margin.200px="Alpine.store('xCartHelper').validateCart();"
11102                            data-available="true"
11103                            
11104                            
11105                          >
11106                            
11107<span class="flex justify-center" :class="loading && 'invisible'">
11108                              <span class="x-atc-text button-text w-fit pt-0.5 pb-0.5 ltr">カートに入れる</span>
11109                              
11110                            </span>
11111                            <div class="inline-block w-5 h-5 absolute top-[calc(50%-10px)] left-[calc(50%-10px)]" x-show="loading" x-cloak>
11112                              <svg class="animate-spin" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
11113    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
11114  </svg>
11115
11116                            </div>
11117                          </button>
11118                          
11119<input type="hidden" name="product-id" value="8529620271302" /><input type="hidden" name="section-id" value="template--20069737169094__main" /></form><div class="flex items-center mb-3 pl-4 pr-4 pt-3 pb-3 bg-[rgba(var(--color-error),0.2)]" role="alert" x-cloak x-show="errorMessage" @click.away="errorMessage=false">
11120                          <div class="flex">
11121                            <span class="w-4 h-4"><svg class="text-[rgba(var(--color-error))]" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 800 800" enable-background="new 0 0 800 800" xml:space="preserve" fill="currentColor">
11122    <path d="M400 0C179.1 0 0 179.1 0 400c0 220.9 179.1 400 400 400s400-179.1 400-400C800 179.1 620.9 0 400 0zm0 655.333c-31.267 0-52.667-24.1-52.667-55.333 0-32.134 22.3-55.333 52.667-55.333 32.1 0 52.667 23.199 52.667 55.333 0 31.267-20.567 55.333-52.667 55.333zm20.733-211.3c-7.967 27.167-33.066 27.634-41.434 0-9.633-31.866-43.866-152.833-43.866-231.4 0-103.667 129.699-104.167 129.699 0 0 79.034-36.099 203.134-44.399 231.4z"/>
11123  </svg>
11124</span>
11125                          </div>
11126                          <span class="ml-2 pt-0.5" x-ref="error_message"></span>
11127                        </div>
11128                        <div class="x-pre-order-button pre-order-template--20069737169094__main"></div><div id="pickup-pre-order-template--20069737169094__main" class="x-pickup-pre-order mt-6 ">
11129                            <div id="pickup-template--20069737169094__main" class="pick-up-template--20069737169094__main" x-intersect.once.margin.300px="$store.xPickupAvailable.updatePickUp('template--20069737169094__main', '44682557227206')"></div>
11130                          </div></div>
11131                    </div>
11132                    
11133                      <div class="relative">
11134                        <div x-intersect:leave="showStickyATC = true" x-intersect="showStickyATC = false" class="absolute bottom-0 opacity-0 w-0 h-[500vh] 
11134-z-10"></div>
11135                      </div>
11136                      <template x-if="!!document.getElementById('section-footer')">
11137                        <template x-teleport="#section-footer">
11138                          <div x-intersect:leave="if(readySticky) showStickyATC = true" x-intersect="readySticky = true;showStickyATC = false" class="absolute left-1/2 top-0 opacity-0 w-0.5 h-full -z-10"></div>
11139                        </template>
11140                      </template>
11141                    
11142                    
11143<div id="block-button-template--20069737169094__main" class="x-block-button mb-4 md:mb-6 w-full">
11144                    <style data-shopify>
11145  .button--button_q6gTtE.button-solid,
11146  .button--button_q6gTtE.button-solid:before {--colors-line-and-border: var(--colors-button);--colors-button-text: 3, 27, 83;}
11147  .button--button_q6gTtE.button-outline {--colors-secondary-button: 3, 27, 83; 
11148      --colors-line-secondary-button: 3, 27, 83; 
11149      --background-secondary-button: transparent;
11150    �--background-secondary-button: 255, 255, 255; 
11151      --colors-line-secondary-button: 255, 255, 255; 
11152    
11153  }
11154  
11155</style>
11156
11157                  </div><div class="block-custom-liquid" >
11158                    
11159                    
11160                      <div id="mo-html-custom_liquid_JFXkkz"></div>
11161                      
11161<script>
11162                        document.getElementById('mo-html-custom_liquid_JFXkkz').innerHTML = "\u003cdiv class=\"ac_menu_limited-color\"\u003e\n\u003cinput class=\"accordion\" id=\"menu_bar_lm1\" type=\"checkbox\" checked\u003e \u003clabel for=\"menu_bar_lm1\"\u003eタイルシリーズ\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0065\/9416\/6902\/files\/heritage-red.png\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0065\/9416\/6902\/files\/soft-terracotta.png?v=1740746249\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0065\/9416\/6902\/files\/sunflower-blue.png?v=1725365919\"\u003e\u003c\/label\u003e\n\u003cul id=\"accordion_lm1\"\u003e\n\u003cli class=\"color\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0065\/9416\/6902\/files\/heritage-red.png?v=1757504861\"\u003eHERITAGE RED(ヘリテージレッド)\u003c\/li\u003e\n\u003cli class=\"color\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0065\/9416\/6902\/files\/soft-terracotta.png?v=1757504861\"\u003eSOFT TERRACOTTA(ソフトテラコッタ)\u003c\/li\u003e\n\u003cli class=\"color\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0065\/9416\/6902\/files\/sunflower-blue.png?v=1757504861\"\u003eSUNFLOWER BLUE(サンフラワーブルー)\u003c\/li\u003e\n\u003cli class=\"description\"\u003eひとつひとつの欠片が集い、美しい模様を描き出す「タイル」。\u003cbr\u003e\n正確な線も、すこし崩れたラインも重なり合い、花や星を思わせる幾何学模様となって、空間にリズムと彩りをもたらしてきました。\u003cbr\u003e\nそんなタイルの表情を、ハンカチーフタオルに落とし込んだ新しいコレクション。\u003cbr\u003e\n星や風、植物など、自然を象徴するモチーフから着想を得たシンメトリーな構造美が、静かな存在感を放ちます。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n";
11163                      </script>
11163
11164                    
11165                  </div><div class="x-block-horizontal-tab w-full">
11166  <style data-shopify>
11167    .x-block-horizontal-tab:has(.empty-content-custom-tab-1) .custom-tab-1-header-horizontal_tab_PXEzR7, .x-block-horizontal-tab:has(.empty-content-custom-tab-2) .custom-tab-2-header-horizontal_tab_PXEzR7, 
11168    .x-block-horizontal-tab:has(.empty-content-tab-specifications) .custom-tab-specifications-header-horizontal_tab_PXEzR7 {
11169      display: none
11170    }
11171  </style>
11172  <div class="mb-4 md:mb-6" x-data="{active_tab: 1}">
11173    <div class="x-block-horizontal-tab-headers text-[rgb(var(--colors-text))] flex w-full gap-1 justify-left">
11174      
11175        <div class="cursor-pointer leading-normal p-break-words font-semibold w-fit max-w-[calc(100%/4)] line-clamp-1 border-b-2 border-solid border-[rgba(var(--colors-text),1)] pt-1 pb-0.5 pl-3 pr-3" :class="active_tab == 1 ? 'opacity-100' : 'opacity-70'" @click="active_tab = 1">商品説明</div>
11176      
11177      
11178        <div class="cursor-pointer leading-normal custom-tab-specifications-header-horizontal_tab_PXEzR7 p-break-words font-semibold w-fit max-w-[calc(100%/4)] line-clamp-1 border-b-2 border-solid border-[rgba(var(--colors-text),1)] pt-1 pb-0.5 pl-3 pr-3" :class="active_tab == 2 ? 'opacity-100' : 'opacity-70'" @click="active_tab = 2">商品仕様</div>
11179      
11180      
11181        <div class="cursor-pointer leading-normal custom-tab-1-header-horizontal_tab_PXEzR7 p-break-words font-semibold w-fit max-w-[calc(100%/4)] line-clamp-1 border-b-2 border-solid border-[rgba(var(--colors-text),1)] pt-1 pb-0.5 pl-3 pr-3" :class="active_tab == 3 ? 'opacity-100' : 'opacity-70'" @click="active_tab = 3">素材</div>
11182      
11183      
11184        <div class="cursor-pointer leading-normal custom-tab-2-header-horizontal_tab_PXEzR7 p-break-words font-semibold w-fit max-w-[calc(100%/4)] line-clamp-1 border-b-2 border-solid border-[rgba(var(--colors-text),1)] pt-1 pb-0.5 pl-3 pr-3" :class="active_tab == 4 ? 'opacity-100' : 'opacity-70'" @click="active_tab = 4">ケアガイド</div>
11185      
11186    </div>
11187    <div class="x-block-horizontal-tab-content text-left rtl:text-right"><div x-show="active_tab == 1"  x-intersect.once="if (!$el.classList.contains('is-visible')) { $el.classList.add('is-visible'); setTimeout(() => { $el.classList.remove('anm-fade-element') }, 600) }" class="x-block-description anm-fade-element overflow-auto rte mt-2">
11188  <div class="rte">
11189
11190
11191
11192<h3><strong>プチギフトに大人気のチーフベア</strong></h3>
11193プチギフトとして大人気の「チーフベア」が、透明感のある新しいパッケージにリニューアル。<br>
11194チーフベアの可愛さがより引き立つクリアなデザインで、選ぶ楽しさと贈る喜びをさらに感じていただけるようになりました。<br>
11195四角いタオルを丁寧に折り上げて作られた、まるでぬいぐるみのようなベアは、ほどくのがもったいないほど愛らしい見た目で、贈る方にも、受け取る方にも笑顔を届けてくれる人気のプチギフトです。<br>
11196お誕生日や出産祝い、新築祝いなど、かしこまりすぎないちょっとした贈りものとしてぴったり。<br>
11197ギフトボックスよりも気軽に、それでいてしっかりと心が伝わるギフトとしておすすめです。
11198<br><br>
11199※メッセージカード(無料)<br>※熨斗(のし)掛け不可<br> ※同じギフトをカートに複数入れた場合のメッセージカードにつきましては、全て同じ内容でメッセージを作成いたします。<br> ギフト1つずつメッセージカードの内容を変更したい場合は、ギフト1つずつカートに入れてメッセージカードの設定をお願いいたします。 <br>※画面上の色と実際の商品の色とが異なって見える場合がございます。
11200</div>
11201</div><div x-show="active_tab == 2" x-cloak x-intersect.once="if (!$el.classList.contains('is-visible')) { $el.classList.add('is-visible'); setTimeout(() => { $el.classList.remove('anm-fade-element') }, 600) }" class="x-block-specifications anm-fade-element overflow-auto"><div class="table_info-content mt-2"
11202            >
11203              <div class="pt-2 pb-2">
11204                
11205                
11206                
11207                
11208                  <ul class="table_info_details table_info_details-template--20069737169094__main">
11209                    
11210                    
11211                      
11212                        <li>
11213                          
11214                          <p class="rte text-left rtl:text-right"><span class="metafieldmulti_line_text_field">サイズ</p>
11215                          
11216                        </li>
11217                      
11218                    
11219                      
11220                    
11221                      
11222                        <li>
11223                          
11224                          <p class="rte text-left rtl:text-right">チーフタオル</p>
11225                          
11226                            
11227                            
11228                            
11229                              
11230                              
11231                              
11232                              <p class="rte text-right rtl:text-left"> 
11233                                
11234                                  横 25cm 縦 25cm
11235                                
11236                              </p>
11237                            
11238                          
11239                        </li>
11240                      
11241                    
11242                      
11243                    
11244                      
11245                        <li>
11246                          
11247                          <p class="rte text-left rtl:text-right">ギフトパッケージ</p>
11248                          
11249                            
11250                            
11251                            
11252                              
11253                              
11254                              
11255                              <p class="rte text-right rtl:text-left"> 
11256                                
11257                                  横 8cm 縦 16cm 奥行 5cm
11258                                
11259                              </p>
11260                            
11261                          
11262                        </li>
11263                      
11264                    
11265                      
11266                    
11267                      
11268                        <li>
11269                          
11270                          <p class="rte text-left rtl:text-right">素材</p>
11271                          
11272                        </li>
11273                      
11274                    
11275                      
11276                    
11277                      
11278                        <li>
11279                          
11280                          <p class="rte text-left rtl:text-right">有機栽培綿63% + 再生竹繊維37%</p>
11281                          
11282                        </li>
11283                      
11284                    
11285                      
11286                    
11287                      
11288                        <li>
11289                          
11290                          <p class="rte text-left rtl:text-right">有機栽培綿75% + 再生竹繊維25%(タイルシリーズ)</p>
11291                          
11292                        </li>
11293                      
11294                    
11295                      
11296                    
11297                      
11298                        <li>
11299                          
11300                          <p class="rte text-left rtl:text-right">製造国</p>
11301                          
11302                            
11303                            
11304                            
11305                              
11306                              
11307                              
11308                              <p class="rte text-right rtl:text-left"> 
11309                                
11310                                  日本</span>
11311                                
11312                              </p>
11313                            
11314                          
11315                        </li>
11316                      
11317                    
11318                  </ul>
11319                
11320              </div>
11321            </div></div>
11322<div x-show="active_tab == 3" x-cloak x-intersect.once="if (!$el.classList.contains('is-visible')) { $el.classList.add('is-visible'); setTimeout(() => { $el.classList.remove('anm-fade-element') }, 600) }" class="x-block-custom1 anm-fade-element overflow-auto rte">
11323            
11324
11325  <div class="rte"><p><span class="metafield-multi_line_text_field">にやさしい素材<br />
11326<br />
11327再生竹繊維(バンブーレーヨン)と有機栽培綿(オーガニックコットン)の2つの異なる繊維を表面上ハーフ&ハーフに織り成すことにより複雑で印象深いカラーリングと、爽快感のある独特な拭き心地を実現。<br />
11328バンブーレーヨンはシルクの光沢、カシミアのような肌触りだけではなく、コットンに比べて約2倍の吸水力を持ち、 乾性にも優れます。<br />
11329ここにオーガニックコットンを交織することで、耐久性、保温性が生まれます。<br />
11330採用しているオーガニックコットンは、綿花畑だけではなく、紡績工場までを含めて、国際的なオーガニック繊維基準の認定を受けた糸を使っています。<br />
11331<br />
11332地球にやさしい行程<br />
11333<br />
11334約3年のサイクルで成長を繰り返す天然のエコ素材であり、環境に配慮した新しい植物再生繊維のバンブーレーヨンを採用しています。<br />
11335そして、添加物不使用のオーガニックコットンを使用し、環境も品質も徹底してこだわります。<br />
11336排水はバクテリアによる汚水処理を行ってから自然にもどしています。<br />
11337品質だけでなく、生産背景も大切にしています。</span></p></div>
11338
11339          </div>
11340        
11341
11342<div x-show="active_tab == 4" x-cloak x-intersect.once="if (!$el.classList.contains('is-visible')) { $el.classList.add('is-visible'); setTimeout(() => { $el.classList.remove('anm-fade-element') }, 600) }" class="x-block-custom2 anm-fade-element overflow-auto rte">
11343            
11344
11345  <div class="rte"><div class="hps-care-guide">
11346  <ul class="hps-care-guide__list">
11347    <li class="hps-care-guide__item">
11348      <img class="hps-care-guide__icon" src="https://cdn.shopify.com/s/files/1/0065/9416/6902/files/icon_care_01.gif">40°Cを限度とし弱い洗濯が可能です。
11349    </li>
11350    <li class="hps-care-guide__item">
11351      <img class="hps-care-guide__icon" src="https://cdn.shopify.com/s/files/1/0065/9416/6902/files/icon_care_02.gif">
11352      漂白ができません。
11353    </li>
11354    <li class="hps-care-guide__item">
11355      <img class="hps-care-guide__icon" src="https://cdn.shopify.com/s/files/1/0065/9416/6902/files/icon_care_03.gif">
11356      タンブル乾燥が可能です。<br>低温乾燥:排気温度の上限は最高60°Cです。
11357    </li>
11358    <li class="hps-care-guide__item">
11359      <img class="hps-care-guide__icon" src="https://cdn.shopify.com/s/files/1/0065/9416/6902/files/icon_care_04.gif">
11360      日陰でのつり干し乾燥がおすすめです。
11361    </li>
11362    <li class="hps-care-guide__item">
11363      <img class="hps-care-guide__icon" src="https://cdn.shopify.com/s/files/1/0065/9416/6902/files/icon_care_05.gif">
11364      アイロンはできません。
11365    </li>
11366    <li class="hps-care-guide__item">
11367      <img class="hps-care-guide__icon" src="https://cdn.shopify.com/s/files/1/0065/9416/6902/files/icon_care_06.gif">
11368      ドライクリーニングはできません。
11369    </li>
11370  </ul>
11371</div></div>
11372
11373          </div></div>
11374  </div>
11375</div>
11376                  <div class="w-full x-block-text-icon x-block-text-icon-icon_text_a9Hz7w mb-4 md:mb-6">
11377                    <style data-shopify>
11378                      .x-block-text-icon-icon_text_a9Hz7w:has(.text-empty) {
11379                        display: none
11380                      }
11381                      .icon-text--icon_text_a9Hz7w {
11382                        
11383                        
11384                          --colors-text: 55,146,131;
11385                        
11386                      }
11387                      .dark .icon-text--icon_text_a9Hz7w {
11388                        
11389                          padding: 0;
11390                          background: transparent;
11391                        
11392                        
11393                          --colors-text: var(--colors-text);
11394                        
11395                      }
11396                    </style>
11397                    <div class="text-icon items-center w-full icon-text--icon_text_a9Hz7w flex gap-x-3" >
11398                      
11399                        
11400                          <style data-shopify>
11401                            .size-icon-icon_text_a9Hz7w {
11402                              width: 30px;
11403                              height: 30px;
11404                              min-width: 30px;
11405                            }
11406                          </style>
11407                          <span class="inline-block relative size-icon-icon_text_a9Hz7w text-[rgb(var(--colors-text))]">
11408                            
11409                              
11410                              <img 
11411                                src="//hippopotamus.co.jp/cdn/shop/files/mark_OEKOTEX.png?v=1766210930&width=30"
11412                                alt=""
11413                                loading="lazy"
11414                                width="1000"
11415                                height="1000"
11416                                style="object-position: 50.0% 50.0%"
11417                                class="object-cover absolute top-0 left-0 w-full h-full"
11418                              >
11419                              
11420                            
11421                          </span>
11422                        
11423                      
11424                      
11425                        
11426                        <div class="color-text--template--20069737169094__main rte p-break-words text-[rgb(var(--colors-text))]">
11427                          <p><strong>こちらの製品はエコテックス®スタンダード100を取得</strong></p>
11428                          
11429                        </div>
11430                      
11431                    </div>
11432                  </div>
11433                  <div class="w-full x-block-text-icon x-block-text-icon-icon_text_HmppU7 mb-4 md:mb-6">
11434                    <style data-shopify>
11435                      .x-block-text-icon-icon_text_HmppU7:has(.text-empty) {
11436                        display: none
11437                      }
11438                      .icon-text--icon_text_HmppU7 {
11439                        
11440                        
11441                          --colors-text: 55,146,131;
11442                        
11443                      }
11444                      .dark .icon-text--icon_text_HmppU7 {
11445                        
11446                          padding: 0;
11447                          background: transparent;
11448                        
11449                        
11450                          --colors-text: var(--colors-text);
11451                        
11452                      }
11453                    </style>
11454                    <div class="text-icon items-center w-full icon-text--icon_text_HmppU7 flex gap-x-3" >
11455                      
11456                        
11457                      
11458                      
11459                        
11460                        <div class="color-text--template--20069737169094__main rte p-break-words text-[rgb(var(--colors-text))]">
11461                          <p><span class="metafield-multi_line_text_field">こちらの製品はエコテックス®スタンダード100を取得ヒポポタマスのタオルは、世界トップレベルの安全な繊維製品の証であるエコテックス®スタンダード100、その中で最も基準の厳しい製品クラス1の認証を受けています。<br />
11462エコテックス®スタンダード100は、350を超える有害化学物質が対象となる厳しい基準にクリアした製品だけに与えられる、世界最高水準の安全な繊維製品の証。100ヶ国以上の取引や消費の際の大切な指標となっています。<br />
11463※認証番号 N-KEN16029<br />
11464タオル定番カラー</span></p>
11465                          
11466                        </div>
11467                      
11468                    </div>
11469                  </div>
11470
11471
11472<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/product-sibling.js?v=73792367019199954421774087103" defer></script>
11472
11473
11474                  <div class="w-full x-block-text-icon x-block-text-icon-icon_text_tbVdhD mb-4 md:mb-6">
11475                    <style data-shopify>
11476                      .x-block-text-icon-icon_text_tbVdhD:has(.text-empty) {
11477                        display: none
11478                      }
11479                      .icon-text--icon_text_tbVdhD {
11480                        
11481                        
11482                      }
11483                      .dark .icon-text--icon_text_tbVdhD {
11484                        
11485                          padding: 0;
11486                          background: transparent;
11487                        
11488                        
11489                          --colors-text: var(--colors-text);
11490                        
11491                      }
11492                    </style>
11493                    <div class="text-icon items-center w-full icon-text--icon_text_tbVdhD flex gap-x-3" >
11494                      
11495                        
11496                          <style data-shopify>
11497                            .size-icon-icon_text_tbVdhD {
11498                              width: 30px;
11499                              height: 30px;
11500                              min-width: 30px;
11501                            }
11502                          </style>
11503                          <span class="inline-block relative size-icon-icon_text_tbVdhD text-[rgb(var(--colors-text))]">
11504                            
11505                              
11506                                
11507                                  
11508      <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100 100" fill="none">
11509        <path fill="none" d="M27.7764 50H72.2208M27.7764 32.2227H54.443M10 86.8422V18.8889C10 13.9797 13.9797 10 18.8889 10H81.1111C86.0204 10 90 13.9797 90 18.8889V63.3333C90 68.2427 86.0204 72.2222 81.1111 72.2222H32.05C29.3497 72.2222 26.7958 73.4498 25.1089 75.5582L14.749 88.508C13.1743 90.4765 10 89.3631 10 86.8422Z" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
11510      </svg>
11511    
11512
11513
11514                                
11515                              
11516                            
11517                          </span>
11518                        
11519                      
11520                      
11521                        
11522                        <div class="color-text--template--20069737169094__main rte p-break-words text-[rgb(var(--colors-text))]">
11523                          <p>よくあるご質問</p>
11524                          
11525                        </div>
11526                      
11527                    </div>
11528                  </div>
11529                  
11530<div class="x-block-collapsible-tab-collapsible_tab_MgjKqH w-full mb-4 md:mb-6 border-y border-solid accordion" x-data="{open: false}">
11531                        <button class="flex relative items-center gap-x-[10px] w-full pt-3 pb-3 pl-2 pr-2 cursor-pointer" @click="open = !open">
11532                          
11533                          <p class="pr-6 rtl:pr-0 rtl:pl-6 font-medium p-break-words">送料・配送・返品について</p>
11534                          <span class="w-2.5 inline-block absolute right-2 rtl:left-2 rtl:right-auto top-1/2 -translate-y-1/2 duration-500" :class="open ? 'rotate-180' : 'rotate-0'">
11535                            
11536    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
11537      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
11538    </svg>
11539
11540                          </span>
11541                        </button><div 
11542                            class=" pl-2 pr-2 border-t border-solid border-[rgb(var(--colors-text),1)]" 
11543                            x-show="open" x-cloak x-collapse
11544                            
11545                              style="--border-color: rgba(var(--colors-text),1)"
11546                            
11547                          >
11548                            <div class="rte pt-2 pb-2">
11549                              <h4><strong>送料はいくらですか?</strong></h4><p>通常配送:770円(税込)<br/>※11,000円(税込)以上のご購入で送料無料となります。<br/><br/>メール便配送:378円(税込)<br/>※メール便対象外の商品は、通常配送となります。<br/><br/>代金引換配送:送料+代引手数料<br/>~9,999円:330円(税込)<br/>10,000円~29,999円:440円(税込)<br/>30,000円~99,999円:660円(税込)<br/>100,000円~300,000円:1,100円(税込)<br/><br/>※沖縄県・島しょ部・一部地域は、別途送料を頂戴する場合がございます。<br/>※海外配送は、お届け先地域により送料が異なります。</p><p></p><h4><strong>注文者と配送先を別に設定できますか?</strong></h4><p>
11549ギフトなどで配送先が異なる場合は、カート内にて以下の手順でご設定ください。<br/>※複数の配送先をご希望の場合は、配送先ごとにご注文をお願いいたします。<br/><br/>①「配送先住所」に、お届け先様のご住所をご入力ください。<br/>②お支払い方法をご選択ください。<br/>③画面下部に表示される「ご注文者情報」へ、ご注文者様のご住所をご入力ください。<br/><br/>上記設定にて、ご注文者様と異なる配送先をご指定いただけます。<br/><br/>ご注文完了後、自動送信メールにて、<br/>ご注文者様(請求先住所)・配送先様の情報をご確認ください。<br/><br/>内容が正しく反映されていない場合は、お問い合わせフォームよりご連絡をお願いいたします。<br/><a href="https://hippopotamus.co.jp/pages/contact" target="_blank">お問い合わせフォーム</a><br/><br/>※エクスプレスチェックアウトをご利用の場合、<br/>「注文者」「配送先」ともに、配送先様の情報でご注文が完了する場合がございます。<br/><br/>ご注文者様と配送先様が異なる場合は、エクスプレスチェックアウト以外のお支払い方法をご利用ください。</p><p></p><h4><strong>請求書や領収書は同梱されますか?</strong></h4><p>請求書・領収書は、通常同梱しておりません。<br/>ご希望の場合は、カート内の備考欄へ<br/>「領収書希望」とあわせて、宛名・但し書きをご入力ください。</p><p>通常、ご注文から1〜2営業日以内に発送しております。<br/>※日時指定がない場合<br/><br/>銀行振込・コンビニ決済をご利用の場合は、入金確認後の発送となります。<br/><br/>※土日祝日は発送を行っておりません。<br/>※ご注文状況や商品の入荷状況により、発送までお時間をいただく場合がございます。<br/>※配送状況により、お届けに遅れが生じる場合がございます。<br/><br/>【刺繍サービスを含むご注文について】<br/>ご注文日から約3週間後より順次発送となります。<br/>※銀行振込・コンビニ決済の場合はお支払い確認日がご注文日となります。</p><p></p><h4><strong>海外配送はできますか?</strong></h4><p>海外配送も承っております。<br/><br/>通常はEMSにて発送しております。<br/>※送料はお届け先の地域により異なります。<br/>※EMS対象外地域の場合は、DHLにて発送する場合がございます。</p><p></p><h4><strong>関税はかかりますか?</strong></h4><p>海外配送の場合、お届け先の国・地域により、関税や輸入税、その他手数料が発生する場合がございます。<br/><br/>関税等が発生した場合は、受取人様のご負担となります。<br/>お支払い方法は、配達時のお支払いや後日の請求など、国・地域により異なります。<br/>なお、関税発生の有無や金額につきましては、各国の税関判断となるため、事前にご案内することができかねます。<br/>詳細は、お届け先国・地域の税関へお問い合わせください。<br/>※ギフト配送など、ご購入者様と受取人様が異なる場合は、受取人様へ関税が請求される場合がございます。<br/>事前にお荷物が届く旨をお知らせいただくことをおすすめしております。</p><p></p><h4><strong>交換、返品は可能ですか?</strong></h4><p>Hippopotamus Official Online Shopでご購入いただいた商品の交換・返品は承っております。<br/>ご希望の場合は、商品到着後7日以内に、お電話またはお<a href="https://hippopotamus.co.jp/pages/contact" target="_blank">問い合わせフォーム</a>よりご連絡ください。<br/>返送いただいた商品の状態を確認後、交換・返品の手続きを行わせていただきます。<br/>
11549不良品以外の商品は、未開封の場合のみ対象となります。<br/>※商品の状態や在庫状況により、ご希望に添えない場合がございます。<br/>電話:03-3817-0855(受付時間 平日10:00~16:00)</p>
11550                            </div>
11551                          </div></div>
11552
11553                  
11554<div class="x-block-collapsible-tab-collapsible-row-1 w-full mb-4 md:mb-6 border-y border-solid accordion" x-data="{open: false}">
11555                        <button class="flex relative items-center gap-x-[10px] w-full pt-3 pb-3 pl-2 pr-2 cursor-pointer" @click="open = !open">
11556                          
11557                          <p class="pr-6 rtl:pr-0 rtl:pl-6 font-medium p-break-words">ギフトについて</p>
11558                          <span class="w-2.5 inline-block absolute right-2 rtl:left-2 rtl:right-auto top-1/2 -translate-y-1/2 duration-500" :class="open ? 'rotate-180' : 'rotate-0'">
11559                            
11560    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
11561      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
11562    </svg>
11563
11564                          </span>
11565                        </button><div 
11566                            class=" pl-2 pr-2 border-t border-solid border-[rgb(var(--colors-text),1)]" 
11567                            x-show="open" x-cloak x-collapse
11568                            
11569                              style="--border-color: rgba(var(--colors-text),1)"
11570                            
11571                          >
11572                            <div class="rte pt-2 pb-2">
11573                              <h4><strong>ギフトラッピングはできますか?</strong></h4><p>ギフトラッピングも承っております。</p><p>ギフトセットは、<a href="https://hippopotamus.co.jp/collections/gift" target="_blank">ギフトページ</a>よりお選びください。</p><p>ギフトページにない組み合わせをご希望の場合は、お問い合わせフォームまたはお電話よりお気軽にお問い合わせください。</p><p><a href="https://hippopotamus.co.jp/pages/contact" target="_blank">お問い合わせフォーム</a></p><p>電話:03-3817-0855(受付時間 平日10:00~16:00)</p>
11574                            </div>
11575                          </div></div>
11576
11577                  
11578<div class="x-block-collapsible-tab-collapsible-row-0 w-full mb-4 md:mb-6 border-y border-solid accordion" x-data="{open: false}">
11579                        <button class="flex relative items-center gap-x-[10px] w-full pt-3 pb-3 pl-2 pr-2 cursor-pointer" @click="open = !open">
11580                          
11581                          <p class="pr-6 rtl:pr-0 rtl:pl-6 font-medium p-break-words">支払い方法について</p>
11582                          <span class="w-2.5 inline-block absolute right-2 rtl:left-2 rtl:right-auto top-1/2 -translate-y-1/2 duration-500" :class="open ? 'rotate-180' : 'rotate-0'">
11583                            
11584    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
11585      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
11586    </svg>
11587
11588                          </span>
11589                        </button><div 
11590                            class=" pl-2 pr-2 border-t border-solid border-[rgb(var(--colors-text),1)]" 
11591                            x-show="open" x-cloak x-collapse
11592                            
11593                              style="--border-color: rgba(var(--colors-text),1)"
11594                            
11595                          >
11596                            <div class="rte pt-2 pb-2">
11597                              <h4><strong>支払方法には、どんな種類がありますか?</strong></h4><p>クレジットカード、PayPal、楽天ペイ、PayPay、コンビニ前払い、代金引換、銀行振込をご利用いただけます。<br/><br/>クレジットカードは、VISA・Mastercard・JCB・American Express・Dinersがご利用可能です。</p>
11598                            </div>
11599                          </div></div>
11600
11601                  
11602<div class="x-block-collapsible-tab-collapsible_tab_GYgKEP w-full mb-4 md:mb-6 border-y border-solid accordion" x-data="{open: false}">
11603                        <button class="flex relative items-center gap-x-[10px] w-full pt-3 pb-3 pl-2 pr-2 cursor-pointer" @click="open = !open">
11604                          
11605                          <p class="pr-6 rtl:pr-0 rtl:pl-6 font-medium p-break-words">刺繍について</p>
11606                          <span class="w-2.5 inline-block absolute right-2 rtl:left-2 rtl:right-auto top-1/2 -translate-y-1/2 duration-500" :class="open ? 'rotate-180' : 'rotate-0'">
11607                            
11608    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
11609      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
11610    </svg>
11611
11612                          </span>
11613                        </button><div 
11614                            class=" pl-2 pr-2 border-t border-solid border-[rgb(var(--colors-text),1)]" 
11615                            x-show="open" x-cloak x-collapse
11616                            
11617                              style="--border-color: rgba(var(--colors-text),1)"
11618                            
11619                          >
11620                            <div class="rte pt-2 pb-2">
11621                              <h4><strong>刺繍を入れられる商品はどれですか?</strong></h4><p>刺繍は、刺繍対応アイテムのみ承っております。<br/><br/>【刺繍対応アイテム】<br/>・バスタオル<br/>・フェイスタオル<br/>・ウォッシュタオル<br/>・チーフタオル<br/>・ミニバスタオル<br/>・おくるみ<br/>・スタイ<br/>・ループ付きタオル<br/>・上記商品を含むギフトセット<br/><br/>価格や仕様の詳細は<a href="https://hippopotamus.co.jp/pages/embroidery" target="_blank">こちら</a></p><h4><strong>刺繍の色は選べますか?</strong></h4><p>刺繍の色は、以下の8色よりお選びいただけます。<br/>(ORANGE/BLUE/WHITE/GOLD/PINK/GRAY/LIGHTBLUE/BLACK)<br/><br/>ギフトセットの場合は、すべて同じ文字・カラーでの刺繍となり、1点ずつの個別指定はできませんのであらかじめご了承ください。<br/><br/>※アイコン刺繍のカラーはお選びいただけません。</p><h4><strong>刺繍の書体は選べますか?</strong></h4><p>書体は、以下の4種類よりお選びいただけます。<br/><br/>1.英数字(筆記体)<br/>2.英数字(ゴシック体)<br/>3.ひらがな<br/>4.カタカナ<br/><br/>大文字・小文字は、ご入力いただいた通りに刺繍いたします。</p><h4><strong>刺繍のサイズは選べますか?</strong></h4><p>刺繍のサイズは、アイテムごとに規定サイズが決まっておりますため、ご指定・ご変更は承っておりません。<br/>文字数が多い場合は、規定サイズより小さく刺繍させていただく場合がございますので、あらかじめご了承ください。<br/><br/>アイコン刺繍は、アイテムの種類にかかわらず一律約5cmサイズで刺繍いたします。</p><h4><strong>刺繍の位置は選べますか?</strong></h4><p>刺繍の位置は、アイテムごとに決まっておりますためご指定いただけません。<br/><a href="https://hippopotamus.co.jp/pages/embroidery#position" target="_blank">刺繍詳細ページ</a></p><h4><strong>刺繍はどのくらい時間がかかりますか?</strong></h4><p>ご注文日から約3週間後より順次発送となります。<br/>注文状況により前後いたしますので予めご了承くださいませ。<br/>※銀行振込・コンビニ決済の場合はお支払い確認日がご注文日となります。</p><p>刺繍した場合は配達日時の指定はできますか?</p><p>刺繍サービスを含むご注文につきましては、お届け時間帯のみご指定いただけます。<br/>配送希望日はご指定いただかず、時間帯のみご選択ください。</p><h4><strong>刺繍商品の返品・交換はできますか?</strong></h4><p>刺繍商品の返品・交換は、イメージ違いなどお客様都合による場合は承っておりません。<br/><br/>ただし、縫製不良などの初期不良があった場合は、返品・交換にて対応させていただきます。恐れ入りますが、当店までお問い合わせください。<br/>
11621<a href="https://hippopotamus.co.jp/pages/contact" target="_blank">お問い合わせフォーム</a></p><h4><strong>刺繍部分に白いシートや糸が残っているのは不良ですか?</strong></h4><p>刺繍加工の工程上、裏面に下糸や当て布(水溶性シート・不織布)の一部が残る場合がございます。<br/><br/>ご使用には差し支えございません。お洗濯を重ねることで自然と取れてまいりますので、ご安心ください。</p><h4><strong>1つのギフト内で、各アイテムごとに異なる色や文字で刺繍できますか?</strong></h4><p>1つのギフト内のアイテムは、すべて同じ色・文字での刺繍となります。<br/>そのため、アイテムごとに異なる内容のご指定は承っておりません。</p><h4><strong>その他・注意事項</strong></h4><p>2025å¹´8月より、当店で使用する刺繍機の変更に伴い、以前ご購入いただいた商品と比べて、フォントの仕様が異なる場合がございます。<br/>誠に恐れ入りますが、あらかじめご了承くださいますようお願い申し上げます。<br/><br/>ご不明点やご要望がございました際は、<a href="https://hippopotamus.co.jp/pages/contact" target="_blank">お問い合わせフォーム</a>またはお電話よりお問い合わせください。<br/>電話:03-3817-0855(受付時間 平日10:00~16:00)<br/>メール:[email protected]</p>
11622                            </div>
11623                          </div></div>
11624<style data-shopify>
11625  .block--payment_methods_kHWDBf {
11626    
11627  }
11628  .dark .block--payment_methods_kHWDBf {
11629    
11630  }
11631  .title--payment_methods_kHWDBf {
11632      
11633      color: rgb(3, 27, 83);
11634    
11635  }
11636  .dark .title--payment_methods_kHWDBf {
11637      
11638      color: rgb(255, 255, 255);
11639    
11640  }
11641  .text--payment_methods_kHWDBf {
11642      
11643      color: rgb(3, 27, 83);
11644    
11645  }
11646  .dark .text--payment_methods_kHWDBf {
11647      
11648      color: rgb(153, 153, 153);
11649    
11650  }
11651</style>
11652<div class="x-block-payment-methods w-full mb-4 md:mb-6 flex flex-col gap-3 md:gap-4" >
11653  
11654    <p class="title--payment_methods_kHWDBf h4">Pay with</p>
11655  
11656  
11657      <ul class="icon-payment flex gap-y-2 flex-wrap" role="list"><li class="pr-2">
11658            <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-american_express"><title id="pi-american_express">American Express</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#0071CE" style="fill:#0071CE;fill:color(display-p3 0.0000 0.4431 0.8078);fill-opacity:1;"/><path d="M3 0.5H35C36.3348 0.5 37.5 1.58692 37.5 3V21C37.5 22.4239 36.4239 23.5 35 23.5H3C1.66524 23.5 0.5 22.4131 0.5 21V3C0.5 1.57614 1.57614 0.5 3 0.5Z" stroke="black" stroke-opacity="0.07" style="stroke:black;stroke-opacity:0.07;"/><path d="M25.8662 6.33203V3H31L31.8662 5.5332L32.7334 3H37V14.2002H36.7998L34.8672 16.2656L36.7998 18.3594H37V21.2666H33.5996L31.9336 19.3994L30.2002 21.2666H19.4668V12.666H16L20.2666 3H24.4004L25.8662 6.33203ZM20.5996 20.2656H27V18.5322H22.666V17.3994H26.8662V15.666H22.666V14.5322H27V12.7988H20.5996V20.2656ZM30.5332 16.5322L27 20.2656H29.5996L31.8662 17.8662L34.0664 20.2656H36.7324L33.1992 16.4658L36.7324 12.7988H34.1328L31.8662 15.1992L29.7324 12.7988H27L30.5332 16.5322ZM17.666 11.7324H19.9326L20.5332 10.1992H23.999L24.666 11.7324H26.999L23.666 4.19922H20.999L17.666 11.7324ZM33.5996 4.19922L31.9326 8.86621L30.1992 4.19922H27V11.666H29.0664V6.39941L31 11.666H32.7998L34.7324 6.39941V11.666H36.7324V4.13281L33.5996 4.19922ZM23.2656 8.46582H21.2656L22.2656 5.99902L23.2656 8.46582Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
11659
11660          </li><li class="pr-2">
11661            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 
116610 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>
11662
11663          </li><li class="pr-2">
11664            <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.
1166406zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg>
11665
11666          </li><li class="pr-2">
11667            <svg width="38" height="24" role="img" aria-labelledby="pi-jcb" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg"><title id="pi-jcb">JCB</title><g fill="none" fill-rule="evenodd"><g fill-rule="nonzero"><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/></g><path d="M11.5 5H15v11.5a2.5 2.5 0 0 1-2.5 2.5H9V7.5A2.5 2.5 0 0 1 11.5 5z" fill="#006EBC"/><path d="M18.5 5H22v11.5a2.5 2.5 0 0 1-2.5 2.5H16V7.5A2.5 2.5 0 0 1 18.5 5z" fill="#F00036"/><path d="M25.5 5H29v11.5a2.5 2.5 0 0 1-2.5 2.5H23V7.5A2.5 2.5 0 0 1 25.5 5z" fill="#2AB419"/>
11667<path d="M10.755 14.5c-1.06 0-2.122-.304-2.656-.987l.78-.676c.068 1.133 3.545 1.24 3.545-.19V9.5h1.802v3.147c0 .728-.574 1.322-1.573 1.632-.466.144-1.365.221-1.898.221zm8.116 0c-.674 0-1.388-.107-1.965-.366-.948-.425-1.312-1.206-1.3-2.199.012-1.014.436-1.782 1.468-2.165 1.319-.49 3.343-.261 3.926.27v.972c-.572-.521-1.958-.898-2.919-.46-.494.226-.737.917-.744 1.448-.006.56.245 1.252.744 1.497.953.467 2.39.04 2.919-.441v1.01c-.358.255-1.253.434-2.129.434zm8.679-2.587c.37-.235.582-.567.582-1.005 0-.438-.116-.687-.348-.939-.206-.207-.58-.469-1.238-.469H23v5h3.546c.696 0 1.097-.23 1.315-.415.283-.25.426-.53.426-.96 0-.431-.155-.908-.737-1.212zm-1.906-.281h-1.428v-1.444h1.495c.956 0 .944 1.444-.067 1.444zm.288 2.157h-1.716v-1.513h1.716c.986 0 1.083 1.513 0 1.513z" fill="#FFF" fill-rule="nonzero"/></g></svg>
11668          </li><li class="pr-2">
11669            <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg>
11670
11671          </li><li class="pr-2">
11672            <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 
116720-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg>
11673          </li><li class="pr-2">
11674            <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg>
11675
11676          </li><li class="">
11677            <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778 
1167716.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
11678
11679          </li></ul>
11680   
11681  
11682</div>
11683                  
11684                  
11685<div class="properties_re_render-template--20069737169094__main">
11686              
11687              <div class="hidden" id="cart-edt-template--20069737169094__main">
11688                
11689                  
11690                
11691              </div>
11692            </div>
11693          </div>
11694        </div><style data-shopify>
11695            @media (max-width: 767px) {
11696              body:has(.mobile-dock) .sticky_add_to_cart {
11697                transform: translateY(calc(var(--height-mobile-dock) * -1));
11698              }
11699            }
11700          </style>
11701          
11702          <div id="sticky-add-to-cart-template--20069737169094__main"
11703            
11704              class="sticky_add_to_cart fixed w-full bottom-0 left-0 right-0 bg-[rgba(var(--background-color))] shadow-[0_-4px_10px_-1px_rgba(var(--colors-text),.1)] z-40"
11705            
11706            x-data="xStickyATC('template--20069737169094__main', true)"
11707            x-show="showStickyATC"
11708            x-cloak
11709            x-transition:enter="transition-all ease-in-out duration-300"
11710            x-transition:enter-start="opacity-0 transform translate-y-1/3"
11711            x-transition:enter-end="opacity-100 translate-y-0"
11712            x-transition:leave="transition-all ease-in-out duration-500"
11713            x-transition:leave-end="opacity-0 transform translate-y-1/3"
11714          >
11715            <div 
11716              class="x-pgw page-width pt-2 pb-2 flex flex-col md:flex-row rtl:md:flex-row-reverse md:gap-x-2 justify-between md:items-center transition duration-300 ease-linear relative" 
11717              
11718                :class="openDetailOnMobile ? 'pr-5 rtl:pl-5' : 'delay-200 pr-14 md:pr-5 rtl:pl-14 rtl:md:pl-5 rtl:pr-5'"
11719              
11720              x-transition:enter="transition-all ease-in-out duration-300"
11721              x-transition:enter-start="opacity-0 transform"
11722              x-transition:enter-end="opacity-100"
11723              x-transition:leave="transition-all ease-in-out duration-500"
11724              x-transition:leave-end="opacity-0 transform"
11725            >
11726              <span 
11727                class="w-11 h-11 pr-4 pl-4 z-10 block absolute right-1 rtl:right-auto rtl:left-1 opacity-70 md:hidden"
11728                :class="openDetailOnMobile ? 'rotate-0 border-l rtl:border-r rtl:border-l-0' : 'rotate-180 border-r rtl:border-l rtl:border-r-0 top-1/2 -translate-y-1/2'"
11729                @click="openDetailOnMobile = !openDetailOnMobile"
11730              >
11731                
11732    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
11733      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
11734    </svg>
11735
11736              </span>
11737              <div
11738                class="md:!flex md:!h-auto grow justify-between md:items-center flex-col md:flex-row rtl:md:flex-row-reverse" 
11739                x-cloak
11740                x-show="openDetailOnMobile"
11741                x-collapse
11742              >
11743                <a href="/products/set-cb1-box" 
11744                  class="flex rtl:flex-row-reverse rtl:text-right relative transition ease-in-out duration-300 mb-5 md:mb-0"
11745                  x-transition:enter="transition-all ease-in-out duration-300"
11746                  x-transition:enter-start="opacity-0 transform translate-y-1/3"
11747                  x-transition:enter-end="opacity-100 translate-y-0"
11748                  x-transition:leave="transition-all ease-in-out duration-500"
11749                  x-transition:leave-end="opacity-0 transform translate-y-1/3"
11750                >
11751                  <div id="product-image-sticky-template--20069737169094__main" class="w-10 relative">
11752                    <div class="relative overflow-hidden w-full float-left before:h-0 before:block before:pb-[100.0%]">
11753                        
11754                        <img
11755                          src="//hippopotamus.co.jp/cdn/shop/files/set-cb1-box.jpg?v=1749556347&width=150"
11756                          alt="ギフト – チーフベア×1(パッケージ)"
11757                          width="800"
11758                          loading="lazy"
11759                          height="800"
11760                          class="h-full w-full object-cover absolute top-0 left-0 image-hover"
11761                        >
11762                        
11763</div>
11764                  </div>
11765                  <div class="pt-0.5 ml-5 flex-1 pr-8 rtl:pl-8 rtl:lg:pr-0 rtl:pr-0 lg:pr-0 mr-5">
11766                    <div>
11767                      <p class="h6 md:text-[0.9625rem] text-[0.86625rem] p-break-words leading-tight duration-200 transition hover-text-link text-[rgba(var(--colors-heading))]">ギフト – チーフベア×1(パッケージ)</p> 
11768                    </div>
11769                    <div id="price-sticky-template--20069737169094__main" class="price-sticky-template--20069737169094__main pricearea" role="status"><div class=" price leading-none pt-1">
11770  <div class="target-price hidden">242000</div>
11771  <div class="target-compare-at-price hidden"></div>
11772  
11773  
11774<p class="price">
11775        <span class=money>Â¥2,420</span>
11776      </p>
11777    
11778    
11779  
11780</div>
11781</div>
11782                  </div>
11783                </a>
11784                
11785              </div>
11786              <div
11787                
11788                  x-data="xProductCart()"
11789                
11790              >
11791                <div class="absolute -top-14 left-5 bg-[rgba(var(--colors-background),1)] bg-clip-content mr-5">
11792                  <div class="flex relative items-center pl-4 pr-4 pt-3 pb-3 bg-[rgba(var(--color-error),0.2)]" role="alert" x-cloak x-show="errorMessage" @click.away="errorMessage=false">
11793                    <div class="flex">
11794                      <span class="w-4 h-4"><svg class="text-[rgba(var(--color-error))]" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 800 800" enable-background="new 0 0 800 800" xml:space="preserve" fill="currentColor">
11795    <path d="M400 0C179.1 0 0 179.1 0 400c0 220.9 179.1 400 400 400s400-179.1 400-400C800 179.1 620.9 0 400 0zm0 655.333c-31.267 0-52.667-24.1-52.667-55.333 0-32.134 22.3-55.333 52.667-55.333 32.1 0 52.667 23.199 52.667 55.333 0 31.267-20.567 55.333-52.667 55.333zm20.733-211.3c-7.967 27.167-33.066 27.634-41.434 0-9.633-31.866-43.866-152.833-43.866-231.4 0-103.667 129.699-104.167 129.699 0 0 79.034-36.099 203.134-44.399 231.4z"/>
11796  </svg>
11797</span>
11798                    </div>
11799                    <span class="ml-2 pt-0.5" x-ref="error_message"></span>
11800                  </div>
11801                </div>
11802                <div class="product_form flex justify-between md:justify-end gap-x-2.5 lg:mt-0" x-cloak :class="open ? 'flex-col' : 'items-center'">
11803                  <div 
11804                    id="price-sticky-template--20069737169094__main" 
11805                    class="price-sticky-template--20069737169094__main pricearea md:!hidden mr-3 duration-200 transition ease-in" 
11806                    role="status" 
11807                    x-show="!open"
11808                  ><div class=" price leading-none md:pt-2">
11809  <div class="target-price hidden">242000</div>
11810  <div class="target-compare-at-price hidden"></div>
11811  
11812  
11813<p class="price">
11814        <span class=money>Â¥2,420</span>
11815      </p>
11816    
11817    
11818  
11819</div>
11820</div>
11821                  <div class="flex justify-between rtl:flex-row-reverse gap-x-1 md:gap-x-2 md:flex-grow-0 lg:justify-end lg:mt-0 transition duration-200">
11822                    
11823                      
11824                      <button
11825                        role="button"
11826                        @click.prevent="scrollToAtcBtn('x-atc-button-template--20069737169094__main')"
11827                        class="relative min-w-[120px] add_to_cart_button button button-solid transition disabled:opacity-60 disabled:cursor-not-allowed duration-300 leading-none w-full pt-2.5 pb-2.5 pl-4 pr-4 md:pr-5 md:pl-5"
11828                        x-transition:enter="transition-all w-24 ease-in-out duration-300"
11829                        x-transition:enter-start="opacity-0 transform"
11830                        x-transition:enter-end="opacity-100"
11831                        x-transition:leave="transition-all ease-in-out duration-500"
11832                        x-transition:leave-end="opacity-0 transform w-full"
11833                        
11834                      >
11835                        <span class="x-atc-text" :class="loading && 'opacity-0'">
11836                          
11837                          <span class="flex items-center justify-center">
11838                            
11839<div class="flex">
11840  
11841    
11842      
11843        <span class="button-text  is-focus-button:opacity-0">カートに入れる</span>
11844      
11845    
11846  
11847  
11848</div>
11849                          </span>
11850                        </span>
11851                      </button>
11852                    
11853                  </div>
11854                </div>
11855              </div>
11856            </div>
11857          </div>
11858          
11858<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/sticky-atc.js?v=85516337675826233561774087103" defer></script>
11858<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/gift-card-recipient.js?v=117434955253953032251774087103" defer></script>
11858
11859      </div>
11860  </div>
11861</div>
11862
11863  
11864    
11865  
11866
11867  
11868    
11869  
11870
11871  
11872    
11873  
11874
11875  
11876    
11877  
11878
11879  
11880    
11881  
11882
11883  
11884    
11885  
11886
11887  
11888    
11889  
11890
11891  
11892    
11893  
11894
11895  
11896    
11897  
11898
11899  
11900    
11901  
11902
11903  
11904    
11905  
11906
11907  
11908    
11909  
11910
11911  
11912    
11913  
11914
11915  
11916    
11917  
11918
11919  
11920    
11921  
11922
11923  
11924    
11925  
11926
11927  
11928    
11929  
11930
11931  
11932    
11933  
11934
11935
11936</div>
11937
11938<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/product-recommendations.js?v=53205943839898836941774087103" defer></script>
vendor: 1 bytes, line 11938
11938
11939<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/recently-viewed.js?v=93421342682375135181774087103" defer></script>
11939
11940
11941</section><section id="shopify-section-template--20069737169094__1776079219bf37cce7" class="shopify-section section x-section section-apps"><div class="x-pgw page-width"><div id="shopify-block-AYWQrV3NKemNNblc2c__judge_me_reviews_review_widget_HLKGyA" class="shopify-block shopify-app-block">
11942
11943
11944<div style='clear:both'></div>
11945<div id='judgeme_product_reviews'
11946    class='jdgm-widget jdgm-review-widget'
11947    data-product-title='ギフト – チーフベア×1(パッケージ)'
11948    data-id='8529620271302'
11949    data-product-id='8529620271302'
11950    data-widget="review"
11951    data-shop-reviews="false"
11952    data-shop-reviews-count="4"
11953    data-cart-eligible-template="false"
11954    data-shop-average-rating="4.81"
11955    data-shop-review-count="1112"
11956    data-empty-state="empty_widget"
11957    data-entry-point="review_widget.js"
11958    data-entry-key="review-widget/main.js"
11959    data-block-id="AYWQrV3NKemNNblc2c__judge_me_reviews_review_widget_HLKGyA"
11960    data-customer-logged-in="false"
11961    
11962    
11963    style='max-width: 1200px; margin: 0 auto;'>
11964
11965  
11966    
11967      <div class='jdgm-legacy-widget-content' style='display: none;'>
11968        <div class='jdgm-rev-widg' data-updated-at='2026-07-29T03:58:30Z' data-average-rating='3.75' data-number-of-reviews='4' data-number-of-questions='0' data-image-url='https://cdn.shopify.com/s/files/1/0065/9416/6902/files/set-cb1-box.jpg?v=1749556347'> <style class='jdgm-temp-hiding-style'>.jdgm-rev-widg{ display: none }</style> <div class='jdgm-rev-widg__header'> <h2 class='jdgm-rev-widg__title'>Customer Reviews</h2>   <div class='jdgm-rich-snippet' itemprop='aggregateRating' itemscope itemtype='http://schema.org/AggregateRating'> <meta itemprop='reviewCount' content='4'>
11968 <meta itemprop='ratingValue' content='3.75'> </div>   <div class='jdgm-rev-widg__summary'> <div class='jdgm-rev-widg__summary-stars' aria-label='Average rating is 3.75 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--off'></span> </div> <div class='jdgm-rev-widg__summary-text'>Based on 4 reviews</div> </div> <a style='display: none' href='#' class='jdgm-write-rev-link' role='button'>Write a review</a> <div class='jdgm-histogram jdgm-temp-hidden'>  <div class='jdgm-histogram__row' data-rating='5' data-frequency='2' data-percentage='50'>  <div class='jdgm-histogram__star' role='button' aria-label="50% (2) reviews with 5 star rating"  tabindex='0' ><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span></div> <div class='jdgm-histogram__bar'> <div class='jdgm-histogram__bar-content' style='width: 50%;'> </div> </div> <div class='jdgm-histogram__percentage'>50%</div> <div class='jdgm-histogram__frequency'>(2)</div> </div>  <div class='jdgm-histogram__row' data-rating='4' data-frequency='1' data-percentage='25'>  <div class='jdgm-histogram__star' role='button' aria-label="25% (1) reviews with 4 star rating"  tabindex='0' ><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--off'></span></div> <div class='jdgm-histogram__bar'> <div class='jdgm-histogram__bar-content' style='width: 25%;'> </div> </div> <div class='jdgm-histogram__percentage'>25%</div> <div class='jdgm-histogram__frequency'>(1)</div> </div>  <div class='jdgm-histogram__row' data-rating='3' data-frequency='0' data-percentage='0'>  <div class='jdgm-histogram__star' role='button' aria-label="0% (0) reviews with 3 star rating"  tabindex='0' ><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span></div> <div class='jdgm-histogram__bar'> <div class='jdgm-histogram__bar-content' style='width: 0%;'> </div> </div> <div class='jdgm-histogram__percentage'>0%</div> <div class='jdgm-histogram__frequency'>(0)</div> </div>  <div class='jdgm-histogram__row' data-rating='2' data-frequency='0' data-percentage='0'>  <div class='jdgm-histogram__star' role='button' aria-label="0% (0) reviews with 2 star rating"  tabindex='0' ><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span></div> <div class='jdgm-histogram__bar'> <div class='jdgm-histogram__bar-content' style='width: 0%;'> </div> </div> <div class='jdgm-histogram__percentage'>0%</div> <div class='jdgm-histogram__frequency'>(0)</div> </div>  <div class='jdgm-histogram__row' data-rating='1' data-frequency='1' data-percentage='25'>  <div class='jdgm-histogram__star' role='button' aria-label="25% (1) reviews with 1 star rating"  tabindex='0' ><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span></div> <div class='jdgm-histogram__bar'> <div class='jdgm-histogram__bar-content' style='width: 25%;'> </div> </div> <div class='jdgm-histogram__percentage'>25%</div> <div class='jdgm-histogram__frequency'>(1)</div> </div>  <div class='jdgm-histogram__row jdgm-histogram__clear-filter' data-rating=null tabindex='0'></div> </div>     <div class='jdgm-rev-widg__sort-wrapper'></div> </div> <div class='jdgm-rev-widg__body'>  <div class='jdgm-rev-widg__reviews'><div class='jdgm-rev jdgm-divider-top' data-verified-buyer='true' data-review-id='60bd3a25-42d3-4a0d-b35d-f4b5154eec32' data-review-language='' data-product-title='ギフト – チーフベア
11968×1(パッケージ)' data-product-url='/products/set-cb1-box' data-thumb-up-count='0' data-thumb-down-count='0'> <div class='jdgm-rev__header'>  <div class='jdgm-rev__icon' > 匿 </div>  <span class='jdgm-rev__rating' data-score='5' tabindex='0' aria-label='5 star review' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-rev__timestamp jdgm-spinner' data-content='2026-03-24 23:20:16 UTC'></span>    <div class='jdgm-rev__br'></div> <span class='jdgm-rev__buyer-badge-wrapper'> <span class='jdgm-rev__buyer-badge'></span> </span> <span class='jdgm-rev__author-wrapper' data-is-anonymous='true'> <span class='jdgm-rev__author'>匿名</span> <span class='jdgm-rev__location' >  </span>  </span> </div> <div class='jdgm-rev__content'>  <div class='jdgm-rev__custom-form'>  <div class='jdgm-rev__cf-ans'> <b class='jdgm-rev__cf-ans__title'>ニックネーム:</b>  <span class='jdgm-rev__cf-ans__value'>るん</span>  </div>  <div class='jdgm-rev__cf-ans'> <b class='jdgm-rev__cf-ans__title'>年齢:</b>  <span class='jdgm-rev__cf-ans__value'>30代</span>  </div>  </div> <b class='jdgm-rev__title'>可愛い</b> <div class='jdgm-rev__body'><p>ブルーの色が色鮮やかで、くまラッピングが高級感ありとても可愛いく素敵でギフトに買いましたが、喜ばれそうです!早く渡したいです!</p></div> <div class='jdgm-rev__pics'>  </div> <div class='jdgm-rev__vids'>   </div> <div class='jdgm-rev__transparency-badge-wrapper'>  <div class='jdgm-rev__transparency-badge' data-badge-type=review_collected_via_store_invitation></div>  <div class='jdgm-rev__transparency-badge' data-badge-type=review_earned_for_future_purchase></div>  </div> </div> <div class='jdgm-rev__actions'> <div class='jdgm-rev__social'></div> <div class='jdgm-rev__votes'></div> </div> <div class='jdgm-rev__reply'>  </div> </div><div class='jdgm-rev jdgm-divider-top' data-verified-buyer='true' data-review-id='295b48f8-a1f3-4893-b62b-5378337fcf8f' data-review-language='' data-product-title='ギフト – チーフベア×1(パッケージ)' data-product-url='/products/set-cb1-box' data-thumb-up-count='0' data-thumb-down-count='0'> <div class='jdgm-rev__header'>  <div class='jdgm-rev__icon' > 匿 </div>  <span class='jdgm-rev__rating' data-score='4' tabindex='0' aria-label='4 star review' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--off'></span> </span> <span class='jdgm-rev__timestamp jdgm-spinner' data-content='2025-12-07 01:58:22 UTC'></span>    <div class='jdgm-rev__br'></div> <span class='jdgm-rev__buyer-badge-wrapper'> <span class='jdgm-rev__buyer-badge'></span> </span> <span class='jdgm-rev__author-wrapper' data-is-anonymous='true'> <span class='jdgm-rev__author'>匿名</span> <span class='jdgm-rev__location' >  </span>  </span> </div> <div class='jdgm-rev__content'>  <div class='jdgm-rev__custom-form'>  <div class='jdgm-rev__cf-ans'> <b class='jdgm-rev__cf-ans__title'>年齢:</b>  <span class='jdgm-rev__cf-ans__value'>60代以上</span>  </div>  <div class='jdgm-rev__cf-ans'> <b class='jdgm-rev__cf-ans__title'>性別:</b>  <span class='jdgm-rev__cf-ans__value'>女性</span>  </div>  </div> <b class='jdgm-rev__title'>ギフト用に。</b> <div class='jdgm-rev__body'><p>クリスマス等のプチギフト用で購入しました。
11969<br />とっても可愛いクマさんに年代関係なく喜んで頂けると思います。</p></div> <div class='jdgm-rev__pics'>  </div> <div class='jdgm-rev__vids'>   </div> <div class='jdgm-rev__transparency-badge-wrapper'>  <div class='jdgm-rev__transparency-badge' data-badge-type=review_collected_via_store_invitation></div>  <div class='jdgm-rev__transparency-badge' data-badge-type=review_earned_for_future_purchase></div>  </div> </div> <div class='jdgm-rev__actions'> <div class='jdgm-rev__social'></div> <div class='jdgm-rev__votes'></div> </div> <div class='jdgm-rev__reply'>  </div> </div><div class='jdgm-rev jdgm-divider-top' data-verified-buyer='false' data-review-id='094dc262-85ea-4278-ad96-16cb0ac4
119691fbf' data-review-language='' data-product-title='ギフト – チーフベア×1(パッケージ)' data-product-url='/products/set-cb1-box' data-thumb-up-count='0' data-thumb-down-count='0'> <div class='jdgm-rev__header'>  <div class='jdgm-rev__icon' > 匿 </div>  <span class='jdgm-rev__rating' data-score='1' tabindex='0' aria-label='1 star review' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span> </span> <span class='jdgm-rev__timestamp jdgm-spinner' data-content='2025-12-02 11:19:53 UTC'></span>    <div class='jdgm-rev__br'></div> <span class='jdgm-rev__buyer-badge-wrapper'>  </span> <span class='jdgm-rev__author-wrapper' data-is-anonymous='true'> <span class='jdgm-rev__author'>匿名</span> <span class='jdgm-rev__location' >  </span>  </span> </div> <div class='jdgm-rev__content'>  <div class='jdgm-rev__custom-form'>  <div class='jdgm-rev__cf-ans'> <b class='jdgm-rev__cf-ans__title'>ニックネーム:</b>  <span class='jdgm-rev__cf-ans__value'>かにぱん</span>  </div>  <div class='jdgm-rev__cf-ans'> <b class='jdgm-rev__cf-ans__title'>年齢:</b>  <span class='jdgm-rev__cf-ans__value'>30代</span>  </div>  <div class='jdgm-rev__cf-ans'> <b class='jdgm-rev__cf-ans__title'>性別:</b>  <span class='jdgm-rev__cf-ans__value'>男性</span>  </div>  </div> <b class='jdgm-rev__title'>贈答用として全くおすすめできない</b> <div class='jdgm-rev__body'><p>透明なケースの上についているリボンは何の固定もされておらず簡単に取れて落ちます。
11970<br />紙袋は有料で165円もしますが、サイズが非常に小さくて一つ入れるとぎちぎちになる上、内側やふちにしわや折り目がついており、贈答用に適しません。
11971<br />メッセージカードも依頼していましたが、文字が少しにじんでいるうえに中央からずれており、安っぽさが否めません。</p></div> <div class='jdgm-rev__pics'>  </div> <div class='jdgm-rev__vids'>   </div> <div class='jdgm-rev__transparency-badge-wrapper'>  <div class='jdgm-rev__transparency-badge' data-badge-type=review_collected_from_store_visitor></div>  <div class='jdgm-rev__transparency-badge' data-badge-type=review_earned_for_future_purchase></div>  </div> </div> <div class='jdgm-rev__actions'> <div class='jdgm-rev__social'></div> <div class='jdgm-rev__votes'></div> </div> <div class='jdgm-rev__reply'>  </div> </div><div class='jdgm-rev jdgm-divider-top' data-verified-buyer='true' data-review-id='1bae2955-a80a-406b-aeb0-fc9ee9037c40' data-review-language='' data-product-title='ギフト – チーフベア×1(パッケージ)' data-product-url='/products/set-cb1-box' data-thumb-up-count='0' data-thumb-down-count='0'> <div class='jdgm-rev__header'>  <div class='jdgm-rev__icon' > 匿 </div>  <span class='jdgm-rev__rating' data-score='5' tabindex='0' aria-label='5 star review' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-rev__timestamp jdgm-spinner' data-content='2025-11-03 03:52:59 UTC'></span>    <div class='jdgm-rev__br'></div> <span class='jdgm-rev__buyer-badge-wrapper'> <span class='jdgm-rev__buyer-badge'></span> </span> <span class='jdgm-rev__author-wrapper' data-is-anonymous='true'> <span class='jdgm-rev__author'>匿名</span> <span class='jdgm-rev__location' >  </span>  </span> </div> <div class='jdgm-rev__content'>  <div class='jdgm-rev__custom-form'>  <div class='jdgm-rev__cf-ans'> <b class='jdgm-rev__cf-ans__title'>ニックネーム:</b>  <span class='jdgm-rev__cf-ans__value'>へー</span>  </div>  <div class='jdgm-rev__cf-ans'> <b class='jdgm-rev__cf-ans__title'>年齢:</b>  <span class='jdgm-rev__cf-ans__value'>50代</span>  </div>  <div class='jdgm-rev__cf-ans'> <b class='jdgm-rev__cf-ans__title'>性別:</b>  <span class='jdgm-rev__cf-ans__value'>男性</span>  </div>  </div> <b class='jdgm-rev__title'>自分用に</b> <div class='jdgm-rev__body'><p>
11971クマが可愛かったので自分用に購入しました
11972<br />シロクマにしました
11973<br />ケースも可愛くて良かったです</p></div> <div class='jdgm-rev__pics'>  </div> <div class='jdgm-rev__vids'>   </div> <div class='jdgm-rev__transparency-badge-wrapper'>  <div class='jdgm-rev__transparency-badge' data-badge-type=review_collected_via_store_invitation></div>  <div class='jdgm-rev__transparency-badge' data-badge-type=review_earned_for_future_purchase></div>  </div> </div> <div class='jdgm-rev__actions'> <div class='jdgm-rev__social'></div> <div class='jdgm-rev__votes'></div> </div> <div class='jdgm-rev__reply'>  </div> </div></div> <div class='jdgm-paginate' data-per-page='5' data-url='https://api.judge.me/reviews/reviews_for_widget' style="display: none;"></div>  </div> <div class='jdgm-rev-widg__paginate-spinner-wrapper'> <div class='jdgm-spinner'></div> </div> </div>
11974      </div>
11975    
11976    
11977    
11978  
11979
11980  
11981</div>
11982
11983
11984
11985
11986
11987
11988
11989
11990</div>�</div>
11991
11992
11993</section><section id="shopify-section-template--20069737169094__recently_viewed_YbEJnk" class="shopify-section section-recently-viewed x-section">
11994<style data-shopify>#shopify-section-template--20069737169094__recently_viewed_YbEJnk {
11995    
11996      background: #ffffff;
11997    
11998  }
11999  .dark #shopify-section-template--20069737169094__recently_viewed_YbEJnk {
12000    
12001      background: #202020;
12002    
12003  }
12004  .heading-template--20069737169094__recently_viewed_YbEJnk {
12005    font-size: 1.08rem; 
12006  }
12007  @media (min-width: 768px) {
12008    .heading-template--20069737169094__recently_viewed_YbEJnk {
12009      font-size: 1.8rem; 
12010    }
12011  }
12012  .section-padding-template--20069737169094__recently_viewed_YbEJnk {
12013    padding-top: 0px;
12014    padding-bottom: 0px;
12015  }
12016  @media (min-width: 768px) { 
12017    .section-padding-template--20069737169094__recently_viewed_YbEJnk {
12018      padding-top: 28px;
12019      padding-bottom: 0px;
12020    }
12021  }</style>
12022
12023<div 
12024  id="shopify-section-recently-viewed"
12025  x-show="$store.xProductRecently.show"
12026  x-cloak
12027  x-products-to-show="4"
12028  x-init='$store.xProductRecently.showProductRecently(); $store.xProductRecently.getProductRecently("template--20069737169094__recently_viewed_YbEJnk", "8529620271302")'
12029  class="recently-viewed-products section-padding-template--20069737169094__recently_viewed_YbEJnk"
12030>
12031  
12032    <div class="relative pl-5 pr-5 leading-tight mb-7 md:mb-8 mt-2 text-center rtl:text-center x-pgw page-width">
12033      
12034
12035
12036<style data-shopify>
12037  
12038  .dark .heading-template--20069737169094__recently_viewed_YbEJnk {
12039    
12040      --color-highlight: rgb(255, 255, 255);
12041    
12042  }
12043</style>
12044
12045
12046
12047  
12048
12049   
12050    <h2
12051      class='heading-template--20069737169094__recently_viewed_YbEJnk h2 block'> 
12052  
12053    
12054      
12055        閲覧履歴
12056      
12057    
12058  </h2>
12059
12060  
12061
12062<div class="text-right rtl:text-left">
12063          <button class="button-link effect-inline relative cursor-pointer hover:text-[rgba(var(--colors-text-link))] text-center mt-2" @click="$store.xProductRecently.clearStory()">
12064            履歴を消去する
12065          </button>
12066        </div></div>
12067  
12068  <div class="mr-auto ml-auto x-pgw page-width">
12069    <div id="x-recently-viewed-template--20069737169094__recently_viewed_YbEJnk" class="mt-6"
12070      
12071    ><style data-shopify>.gap-mobile-template--20069737169094__recently_viewed_YbEJnk {
12072          gap: 16px;
12073        }
12074        @media (min-width: 768px){
12075          .preload-slide--template--20069737169094__recently_viewed_YbEJnk {
12076            
12077              margin-right: 28px;
12078            
12079            width: calc(((100% + 28px) / 4) - 28px);
12080          }
12081          .gap-template--20069737169094__recently_viewed_YbEJnk {
12082            
12083              gap: 28px;
12084            
12085          }
12086        }
12087        @media (min-width: 1024px){
12088          .preload-slide--template--20069737169094__recently_viewed_YbEJnk {
12089            width: calc(((100% + 28px) / 4) - 28px);
12090          }
12091        }</style><div class="splide__track">
12092        <div class="splide__list gap-template--20069737169094__recently_viewed_YbEJnk md:grid  md:grid-cols-4 lg:grid-cols-4 gap-mobile-template--20069737169094__recently_viewed_YbEJnk grid grid-cols-2"></div>
12093      </div></div>
12094  </div>
12095</div>
12096<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/recently-viewed.js?v=93421342682375135181774087103" defer></script>
12096
12097</section><section id="shopify-section-template--20069737169094__image_with_text_RBtGLj" class="shopify-section section section-image-with-text x-section">
12098<style data-shopify>.section-padding-template--20069737169094__image_with_text_RBtGLj {
12099    padding-top: 0px;
12100    padding-bottom: 0px;
12101  }
12102  @media (min-width: 768px) { 
12103    .section-padding-template--20069737169094__image_with_text_RBtGLj {
12104      padding-top: 0px;
12105      padding-bottom: 0px;
12106    }
12107  } 
12108  .iwt--template--20069737169094__image_with_text_RBtGLj {
12109    
12110      background: rgb(var(--colors-background-secondary));
12111      --background-color: var(--colors-background-secondary);
12112    
12113  }
12114  .dark .iwt--template--20069737169094__image_with_text_RBtGLj {
12115    
12116      background: rgb(var(--colors-background-secondary));
12117      --background-color: var(--colors-background-secondary);
12118    
12119  }.mobile-template--20069737169094__image_with_text_RBtGLj-natural {
12120      padding-bottom: 37.5%; 
12121    }.border-radius-template--20069737169094__image_with_text_RBtGLj {
12122    
12123      
12124    
12125  }
12126  @media screen and (min-width: 768px) {.desktop-template--20069737169094__image_with_text_RBtGLj-natural {
12127        padding-bottom: 37.5%; 
12128      }}
12129  .border--template--20069737169094__image_with_text_RBtGLj, .border--template--20069737169094__image_with_text_RBtGLj:before {
12130    
12131      --colors-line-and-border: var(--colors-line-and-border-base)
12132    
12133    }
12134  .dark .border--template--20069737169094__image_with_text_RBtGLj, .dark .border--template--20069737169094__image_with_text_RBtGLj:before {
12135            
12136      --colors-line-and-border: var(--colors-line-and-border-base)
12137    
12138  }
12139  .icon--template--20069737169094__image_with_text_RBtGLj {
12140    width: 31.5px;
12141    height: 31.5px;
12142    min-width: 31.5px;
12143    min-height: 31.5px;
12144    
12145      color: #031b53;
12146    
12147  }
12148  @media (min-width: 1024px){
12149    .icon--template--20069737169094__image_with_text_RBtGLj {
12150      width: 45px;
12151      height: 45px;
12152      min-width: 45px;
12153      min-height: 45px;
12154    }
12155  }
12156  .dark .icon--template--20069737169094__image_with_text_RBtGLj {
12157    
12158      color: rgb(var(--colors-text));
12159    
12160  }
12161  
12162  .dark .color-text--template--20069737169094__image_with_text_RBtGLj {
12163            
12164      --colors-text: var(--colors-text-secondary);
12165    
12166  }
12167  .columns-header-color--template--20069737169094__image_with_text_RBtGLj {
12168    
12169      --colors-heading: var(--colors-heading-secondary);
12170    
12171    }
12172  .dark .columns-header-color--template--20069737169094__image_with_text_RBtGLj {
12173            
12174      --colors-heading: var(--colors-heading-secondary);
12175    
12176  }</style><div class="ltr section-padding-template--20069737169094__image_with_text_RBtGLj x-pgw page-width pr-5 pl-5">
12177  <div class="image-with-text text-[rgb(var(--colors-text))] desktop-medium image-position-mobile-left border-radius-template--20069737169094__image_with_text_RBtGLj normal image-position-left iwt--template--20069737169094__image_with_text_RBtGLj"
12178  >
12179    
12180      <div class="iwt-image border-radius-template--20069737169094__image_with_text_RBtGLj md:w-1/2 promotion w-full flex">
12181        <div class="promotion w-full relative md:h-auto min-h-[100%] md:h-0 desktop-template--20069737169094__image_with_text_RBtGLj-natural  h-0 mobile-template--20069737169094__image_with_text_RBtGLj-natural">
12182          <div class="flex w-full h-full absolute top-0 left-0 bottom-0 md:absolute md:top-0 md:left-0 md:bottom-0">
12183    
12184          
12185            
12186              
12187              <div class="border-radius-template--20069737169094__image_with_text_RBtGLj w-full overflow-hidden h-full">
12188                <parallax-image class="block h-full w-full">
12189                  <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(true)">   
12190                    <img
12191                      class="h-full w-full object-cover border-radius-template--20069737169094__image_with_text_RBtGLj animate_transition_slide__image animate-Xpulse skeleton-image"
12192                      srcset="//hippopotamus.co.jp/cdn/shop/files/embroidery_2_HPS.png?v=1787899679&width=450 450w,
12193                      //hippopotamus.co.jp/cdn/shop/files/embroidery_2_HPS.png?v=1787899679&width=750 750w,
12194                      //hippopotamus.co.jp/cdn/shop/files/embroidery_2_HPS.png?v=1787899679&width=900 900w,
12195                      //hippopotamus.co.jp/cdn/shop/files/embroidery_2_HPS.png?v=1787899679&width=1100 1100w,
12196                      //hippopotamus.co.jp/cdn/shop/files/embroidery_2_HPS.png?v=1787899679&width=1500 1500w,
12197                      //hippopotamus.co.jp/cdn/shop/files/embroidery_2_HPS.png?v=1787899679 1920w"
12198                      src="//hippopotamus.co.jp/cdn/shop/files/embroidery_2_HPS.png?v=1787899679&width=1500"
12199                      alt=""
12200                      
12201                        
12202                          loading="lazy"
12203                        
12204                       
12205                      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); this.closest('.animate_transition_slide__image')?.classList.add('active'); });"
12206                      sizes="
12207                        
12208                          
12209                            (min-width: 1400px) 700.0px, (min-width: 768px) 50vw, 
12210                          
12211                        
12212                        100vw"
12213                      width="1920"
12214                      height="720"
12215                      style="object-position: 50.0% 50.0%"
12216                    >
12217                  </parallax-movement>
12218                </parallax-image>
12219              </div>
12220            
12221            
12222            
12223          
12224        </div>
12225      </div>
12226    </div>
12227    <div class="md:w-1/2 w-full flex justify-center md:justify-start iwt-content-no-overlap items-center rtl:md:justify-end"
12228    >
12229      <div class="iwt-content  md:flex-1 w-full lg:pl-24 lg:pr-24"><style data-shopify>.heading-size--heading_8nMPQf {
12230                  font-size: 1.08rem;
12231                }
12232                .color-text-heading_8nMPQf {
12233                  
12234                  
12235                }
12236                .dark .color-text-heading_8nMPQf {
12237                  
12238                    --colors-heading: var(--colors-heading-secondary);
12239                  
12240                  
12241                    --colors-text: var(--colors-text-secondary);
12242                  
12243                }
12244                @media (min-width: 768px) {
12245                  .heading-size--heading_8nMPQf {
12246                    font-size: 1.8rem;
12247                  }
12248                }</style>
12249              <div class="x-block-text color-text-heading_8nMPQf  text-[rgb(var(--colors-text))] w-full mt-4 text-start rtl:text-right" >
12250                
12251                  
12252                    <p class="font-medium">CUSTOMAIZE</p>
12253                  
12254                
12255                
12256                  <div class="mt-2 mb-1.5 md:mt-2.5 md:mb-3">
12257                    
12258
12259
12260<style data-shopify>
12261  
12262  .dark .heading-heading_8nMPQf {
12263    
12264      --color-highlight: rgb(255, 255, 255);
12265    
12266  }
12267</style>
12268
12269
12270
12271  
12272
12273   
12274    <h2
12275      class='heading-heading_8nMPQf h2 block heading-size--heading_8nMPQf'> 
12276  
12277    
12278      
12279        あなただけの特別を。
12280      
12281    
12282  </h2>
12283
12284  
12285
12286                  </div>
12287                
12288                
12289              </div>
12290        
12291              
12292                <style data-shopify>
12293                  .button-button_fYQUVB, .button-button_fYQUVB *:before {
12294                    
12295                      --colors-button: 0, 73, 175;
12296                    
12297                    
12298                    
12299                    
12300                    
12301                    
12302                    
12303                      --colors-text-link: 0, 73, 175;
12304                    
12305                  }
12306                  .dark .button-button_fYQUVB, .dark .button-button_fYQUVB *:before {
12307                      
12308                      --colors-button: 255, 255, 255;
12309                    
12310                     
12311                      --colors-button-text: 0, 0, 0; 
12312                    
12313                      
12314                      --colors-button-hover: rgb(251, 133, 0);
12315                    
12316                      
12317                      --colors-button-text-hover: 0, 0, 0;
12318                    
12319                      
12320                      --colors-secondary-button: 255, 255, 255;
12321                      --colors-line-secondary-button: 255, 255, 255;
12322                    
12323                    
12324                      --background-secondary-button: transparent;
12325                    
12326                    
12327                      --colors-text-link: 251, 133, 0;
12328                    
12329                  }
12330                </style>
12331                <div class="button-button_fYQUVB mb-9 md:mb-4 flex justify-start rtl:justify-right mt-2 md:mt-5"
12332                  
12333                >
12334                  
12335                    <a class="button button-text-link  leading-normal empty:hidden text-center pl-7 pr-7 pt-2.5 pb-2.5 md:pl-8 md:pr-8 md:pt-3 md:pb-3" href="/pages/embroidery">
12336                      
12337<div class="flex">
12338  
12339    
12340      
12341        <div class="relative block-text-button overflow-hidden ">
12342          <span class="button-text  btn-text-link-effect-1 relative top-0 is-focus-button:opacity-0">刺繍サービスを見る</span>
12343          <span class="button-text  btn-text-link-effect-2 absolute top-full left-0 is-focus-button:opacity-0">刺繍サービスを見る</span>
12344        </div>
12345          
12346    
12347  
12348  
12349</div>
12350                    </a>
12351                  
12352                </div>
12353              
12354
12355        
12356      </div>
12357    </div>
12358  </div>
12359</div>
12360
12361</section><section id="shopify-section-template--20069737169094__image_with_text_ehEUt4" class="shopify-section section section-image-with-text x-section">
12362<style data-shopify>.section-padding-template--20069737169094__image_with_text_ehEUt4 {
12363    padding-top: 0px;
12364    padding-bottom: 0px;
12365  }
12366  @media (min-width: 768px) { 
12367    .section-padding-template--20069737169094__image_with_text_ehEUt4 {
12368      padding-top: 0px;
12369      padding-bottom: 0px;
12370    }
12371  } 
12372  .iwt--template--20069737169094__image_with_text_ehEUt4 {
12373    
12374      background: rgb(var(--colors-background-secondary));
12375      --background-color: var(--colors-background-secondary);
12376    
12377  }
12378  .dark .iwt--template--20069737169094__image_with_text_ehEUt4 {
12379    
12380      background: rgb(var(--colors-background-secondary));
12381      --background-color: var(--colors-background-secondary);
12382    
12383  }.mobile-template--20069737169094__image_with_text_ehEUt4-natural {
12384      padding-bottom: 37.5%; 
12385    }.border-radius-template--20069737169094__image_with_text_ehEUt4 {
12386    
12387      
12388    
12389  }
12390  @media screen and (min-width: 768px) {.desktop-template--20069737169094__image_with_text_ehEUt4-natural {
12391        padding-bottom: 37.5%; 
12392      }}
12393  .border--template--20069737169094__image_with_text_ehEUt4, .border--template--20069737169094__image_with_text_ehEUt4:before {
12394    
12395      --colors-line-and-border: var(--colors-line-and-border-base)
12396    
12397    }
12398  .dark .border--template--20069737169094__image_with_text_ehEUt4, .dark .border--template--20069737169094__image_with_text_ehEUt4:before {
12399            
12400      --colors-line-and-border: var(--colors-line-and-border-base)
12401    
12402  }
12403  .icon--template--20069737169094__image_with_text_ehEUt4 {
12404    width: 31.5px;
12405    height: 31.5px;
12406    min-width: 31.5px;
12407    min-height: 31.5px;
12408    
12409      color: #031b53;
12410    
12411  }
12412  @media (min-width: 1024px){
12413    .icon--template--20069737169094__image_with_text_ehEUt4 {
12414      width: 45px;
12415      height: 45px;
12416      min-width: 45px;
12417      min-height: 45px;
12418    }
12419  }
12420  .dark .icon--template--20069737169094__image_with_text_ehEUt4 {
12421    
12422      color: rgb(var(--colors-text));
12423    
12424  }
12425  
12426  .dark .color-text--template--20069737169094__image_with_text_ehEUt4 {
12427            
12428      --colors-text: var(--colors-text-secondary);
12429    
12430  }
12431  .columns-header-color--template--20069737169094__image_with_text_ehEUt4 {
12432    
12433      --colors-heading: var(--colors-heading-secondary);
12434    
12435    }
12436  .dark .columns-header-color--template--20069737169094__image_with_text_ehEUt4 {
12437            
12438      --colors-heading: var(--colors-heading-secondary);
12439    
12440  }</style><div class="ltr section-padding-template--20069737169094__image_with_text_ehEUt4 x-pgw page-width pr-5 pl-5">
12441  <div class="image-with-text text-[rgb(var(--colors-text))] desktop-medium image-position-mobile-left border-radius-template--20069737169094__image_with_text_ehEUt4 normal image-position-right iwt--template--20069737169094__image_with_text_ehEUt4"
12442  >
12443    
12444      <div class="iwt-image border-radius-template--20069737169094__image_with_text_ehEUt4 md:w-1/2 promotion w-full flex">
12445        <div class="promotion w-full relative md:h-auto min-h-[100%] md:h-0 desktop-template--20069737169094__image_with_text_ehEUt4-natural  h-0 mobile-template--20069737169094__image_with_text_ehEUt4-natural">
12446          <div class="flex w-full h-full absolute top-0 left-0 bottom-0 md:absolute md:top-0 md:left-0 md:bottom-0">
12447    
12448          
12449            
12450              
12451              <div class="border-radius-template--20069737169094__image_with_text_ehEUt4 w-full overflow-hidden h-full">
12452                <parallax-image class="block h-full w-full">
12453                  <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(true)">   
12454                    <img
12455                      class="h-full w-full object-cover border-radius-template--20069737169094__image_with_text_ehEUt4 animate_transition_slide__image animate-Xpulse skeleton-image"
12456                      srcset="//hippopotamus.co.jp/cdn/shop/files/kv_06_pc_1920_720_HPS.png?v=1777004919&width=450 450w,
12457                      //hippopotamus.co.jp/cdn/shop/files/kv_06_pc_1920_720_HPS.png?v=1777004919&width=750 750w,
12458                      //hippopotamus.co.jp/cdn/shop/files/kv_06_pc_1920_720_HPS.png?v=1777004919&width=900 900w,
12459                      //hippopotamus.co.jp/cdn/shop/files/kv_06_pc_1920_720_HPS.png?v=1777004919&width=1100 1100w,
12460                      //hippopotamus.co.jp/cdn/shop/files/kv_06_pc_1920_720_HPS.png?v=1777004919&width=1500 1500w,
12461                      //hippopotamus.co.jp/cdn/shop/files/kv_06_pc_1920_720_HPS.png?v=1777004919 1920w"
12462                      src="//hippopotamus.co.jp/cdn/shop/files/kv_06_pc_1920_720_HPS.png?v=1777004919&width=1500"
12463                      alt=""
12464                      
12465                        
12466                          loading="lazy"
12467                        
12468                       
12469                      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); this.closest('.animate_transition_slide__image')?.classList.add('active'); });"
12470                      sizes="
12471                        
12472                          
12473                            (min-width: 1400px) 700.0px, (min-width: 768px) 50vw, 
12474                          
12475                        
12476                        100vw"
12477                      width="1920"
12478                      height="720"
12479                      style="object-position: 50.0% 50.0%"
12480                    >
12481                  </parallax-movement>
12482                </parallax-image>
12483              </div>
12484            
12485            
12486            
12487          
12488        </div>
12489      </div>
12490    </div>
12491    <div class="md:w-1/2 w-full flex justify-center md:justify-start iwt-content-no-overlap items-center md:justify-end"
12492    >
12493      <div class="iwt-content  md:flex-1 w-full lg:pl-24 lg:pr-24"><style data-shopify>.heading-size--heading_MR8Rqz {
12494                  font-size: 1.08rem;
12495                }
12496                .color-text-heading_MR8Rqz {
12497                  
12498                  
12499                }
12500                .dark .color-text-heading_MR8Rqz {
12501                  
12502                    --colors-heading: var(--colors-heading-secondary);
12503                  
12504                  
12505                    --colors-text: var(--colors-text-secondary);
12506                  
12507                }
12508                @media (min-width: 768px) {
12509                  .heading-size--heading_MR8Rqz {
12510                    font-size: 1.8rem;
12511                  }
12512                }</style>
12513              <div class="x-block-text color-text-heading_MR8Rqz  text-[rgb(var(--colors-text))] w-full mt-4 text-start rtl:text-right" >
12514                
12515                  
12516                    <p class="font-medium">GIFTS FOR YOU</p>
12517                  
12518                
12519                
12520                  <div class="mt-2 mb-1.5 md:mt-2.5 md:mb-3">
12521                    
12522
12523
12524<style data-shopify>
12525  
12526  .dark .heading-heading_MR8Rqz {
12527    
12528      --color-highlight: rgb(255, 255, 255);
12529    
12530  }
12531</style>
12532
12533
12534
12535  
12536
12537   
12538    <h2
12539      class='heading-heading_MR8Rqz h2 block heading-size--heading_MR8Rqz'> 
12540  
12541    
12542      
12543        大切な人への贈り物。
12544      
12545    
12546  </h2>
12547
12548  
12549
12550                  </div>
12551                
12552                
12553              </div>
12554        
12555              
12556                <style data-shopify>
12557                  .button-button_hdzP9L, .button-button_hdzP9L *:before {
12558                    
12559                      --colors-button: 0, 73, 175;
12560                    
12561                    
12562                    
12563                    
12564                    
12565                    
12566                    
12567                      --colors-text-link: 0, 73, 175;
12568                    
12569                  }
12570                  .dark .button-button_hdzP9L, .dark .button-button_hdzP9L *:before {
12571                      
12572                      --colors-button: 255, 255, 255;
12573                    
12574                     
12575                      --colors-button-text: 0, 0, 0; 
12576                    
12577                      
12578                      --colors-button-hover: rgb(251, 133, 0);
12579                    
12580                      
12581                      --colors-button-text-hover: 0, 0, 0;
12582                    
12583                      
12584                      --colors-secondary-button: 255, 255, 255;
12585                      --colors-line-secondary-button: 255, 255, 255;
12586                    
12587                    
12588                      --background-secondary-button: transparent;
12589                    
12590                    
12591                      --colors-text-link: 251, 133, 0;
12592                    
12593                  }
12594                </style>
12595                <div class="button-button_hdzP9L mb-9 md:mb-4 flex justify-start rtl:justify-right mt-2 md:mt-5"
12596                  
12597                >
12598                  
12599                    <a class="button button-text-link  leading-normal empty:hidden text-center pl-7 pr-7 pt-2.5 pb-2.5 md:pl-8 md:pr-8 md:pt-3 md:pb-3" href="/pages/lp-gift">
12600                      
12601<div class="flex">
12602  
12603    
12604      
12605        <div class="relative block-text-button overflow-hidden ">
12606          <span class="button-text  btn-text-link-effect-1 relative top-0 is-focus-button:opacity-0">ギフト商品を見る</span>
12607          <span class="button-text  btn-text-link-effect-2 absolute top-full left-0 is-focus-button:opacity-0">ギフト商品を見る</span>
12608        </div>
12609          
12610    
12611  
12612  
12613</div>
12614                    </a>
12615                  
12616                </div>
12617              
12618
12619        
12620      </div>
12621    </div>
12622  </div>
12623</div>
12624
12625</section><section id="shopify-section-template--20069737169094__custom_liquid_F6d78x" class="shopify-section section section-custom-liquid x-section">
12626
12627<style data-shopify>
12628  .custom-liquid ul {
12629    list-style: disc;
12630  }
12631  .section-padding-template--20069737169094__custom_liquid_F6d78x {
12632    padding-top: 28px;
12633    padding-bottom: 28px;
12634  }
12635  @media (min-width: 768px) { 
12636    .section-padding-template--20069737169094__custom_liquid_F6d78x {
12637      padding-top: 28px;
12638      padding-bottom: 28px;
12639    }
12640  }
12641</style>
12642
12643<div class="relative mr-auto ml-auto section-padding-template--20069737169094__custom_liquid_F6d78x">
12644  <div class="custom-liquid  x-pgw page-width">
12645    <section id="shopify-section-template--20069736972486__collection_list_YKqRwk" class="shopify-section section section-collection-list x-section">
12646<style data-shopify="">.section-padding-template--20069736972486__collection_list_YKqRwk {
12647    padding-top: 20px;
12648    padding-bottom: 0px;
12649  }
12650  @media (min-width: 768px) { 
12651    .section-padding-template--20069736972486__collection_list_YKqRwk {
12652      padding-top: 28px;
12653      padding-bottom: 0px;
12654    }
12655  }
12656  .heading-template--20069736972486__collection_list_YKqRwk { 
12657    font-size: 0.945rem; 
12658  }
12659  .gap-mobile-template--20069736972486__collection_list_YKqRwk {
12660    gap: 15px;
12661  }
12662  #shopify-section-template--20069736972486__collection_list_YKqRwk{
12663    background: ;
12664  }
12665  .content--template--20069736972486__collection_list_YKqRwk {
12666    
12667    
12668  }
12669  .dark .content--template--20069736972486__collection_list_YKqRwk {
12670            
12671      --colors-heading: 255, 255, 255;
12672    
12673            
12674      --colors-text: 153, 153, 153;
12675    
12676  }
12677  .dark #shopify-section-template--20069736972486__collection_list_YKqRwk{
12678    
12679      background: transparent;
12680    
12681  }
12682  @media screen and (min-width: 768px) {
12683    .gap-template--20069736972486__collection_list_YKqRwk {
12684      
12685        gap: 40px;
12686      
12687    }
12688    .heading-template--20069736972486__collection_list_YKqRwk{ font-size: 1.575rem; } 
12689  }
12690  
12691  
12692</style>
12693
12694<div class="x-container-collection-list section-padding-template--20069736972486__collection_list_YKqRwk"><div class="x-block-header text-center mb-5 pr-5 pl-5 heading-center x-pgw page-width">
12695      
12696
12697
12698<style data-shopify="">
12699  
12700  .dark .heading-template--20069736972486__collection_list_YKqRwk {
12701    
12702      --color-highlight: rgb(255, 255, 255);
12703    
12704  }
12705</style>
12706
12707
12708
12709  
12710
12711   
12712    <h2 class="heading-template--20069736972486__collection_list_YKqRwk h2 block leading-tight p-break-words"> 
12713  
12714    
12715      
12716        カテゴリーから探す
12717      
12718    
12719  </h2>
12720
12721  
12722
12723</div><div class="x-block-list mr-auto ml-auto x-pgw page-width">
12724    <div class="lg:pl-0 lg:pr-0">
12725      <div id="x-collection-template--20069736972486__collection_list_YKqRwk" x-intersect.once="$el.classList.add(&quot;is-ready-to-animate&quot;)" class="is-ready-to-animate">
12726        <div class="splide__track lg:pt-0.5 lg:pb-0.5">
12727          <div class="gap-template--20069736972486__collection_list_YKqRwk splide__list lg:grid lg:grid-cols-8 grid grid-cols-4 md:grid md:grid-cols-4 gap-mobile-template--20069736972486__collection_list_YKqRwk
12728"><style data-shopify="">
12729                .x-slide-animation-duration-1 {
12730                  --delay-time: 0ms
12731                }
12732              </style>
12733              <div x-slide-index="0" id="Slide-template--20069736972486__collection_list_YKqRwk-1" class="">
12734                
12735
12736<style data-shopify="">
12737.text-color- {
12738        color: ;
12739        --colors-text: , , ;
12740        --colors-heading: , , ;
12741      }
12742  .collection-card- .image-overlay,
12743  .collection-card-template--20069736972486__collection_list_YKqRwk .image-overlay {
12744    
12745      opacity: 5%;
12746    
12747  }
12748  .dark .collection-card- .image-overlay,
12749  .dark .collection-card-template--20069736972486__collection_list_YKqRwk .image-overlay {
12750    
12751      opacity: 5%;
12752    
12753  }
12754  
12755    .content--template--20069736972486__collection_list_YKqRwk .collection-item-title {
12756      
12757        font-size: 0.70875rem;
12758      
12759    }
12760    @media screen and (min-width: 768px) {
12761      .spacing--template--20069736972486__collection_list_YKqRwk {
12762        gap: 40px;
12763      }
12764      .content--template--20069736972486__collection_list_YKqRwk .collection-item-title {
12765        
12766          font-size: 0.945rem;
12767        
12768      }
12769    }
12770  
12771</style>
12772  <a href="/collections/towel" class="collection-card collection-card-template--20069736972486__collection_list_YKqRwk group disable-effect card relative h-full block">
12773
12774  <div x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" class="w-full relative overflow-hidden z-0 before:h-0 before:block rounded-full pb-[100%]"><div class="block rounded-full">
12775        
12776
12777          <div class="w-full h-full top-0 left-0 absolute overflow-hidden animate_transition_card__image -z-10 active lazy_active">
12778            
12779            <img srcset="//hippopotamus.co.jp/cdn/shop/collections/kv_03_pc_1920_720_HPS.png?v=1778166702&amp;width=225 225w,
12780              //hippopotamus.co.jp/cdn/shop/collections/kv_03_pc_1920_720_HPS.png?v=1778166702&amp;width=375 375w,
12781              //hippopotamus.co.jp/cdn/shop/collections/kv_03_pc_1920_720_HPS.png?v=1778166702&amp;width=450 450w,
12782              //hippopotamus.co.jp/cdn/shop/collections/kv_03_pc_1920_720_HPS.png?v=1778166702&amp;width=750 750w,
12783              //hippopotamus.co.jp/cdn/shop/collections/kv_03_pc_1920_720_HPS.png?v=1778166702&amp;width=900 900w,
12784              //hippopotamus.co.jp/cdn/shop/collections/kv_03_pc_1920_720_HPS.png?v=1778166702&amp;width=1100 1100w,
12785              //hippopotamus.co.jp/cdn/shop/collections/kv_03_pc_1920_720_HPS.png?v=1778166702&amp;width=1500 1500w,
12786              //hippopotamus.co.jp/cdn/shop/collections/kv_03_pc_1920_720_HPS.png?v=1778166702&amp;width=1780 1780w,
12787              //hippopotamus.co.jp/cdn/shop/collections/kv_03_pc_1920_720_HPS.png?v=1778166702&amp;width=2000 2000w,
12788              //hippopotamus.co.jp/cdn/shop/collections/kv_03_pc_1920_720_HPS.png?v=1778166702&amp;width=3000 3000w,
12789              //hippopotamus.co.jp/cdn/shop/collections/kv_03_pc_1920_720_HPS.png?v=1778166702&amp;width=3840 3840w" src="//hippopotamus.co.jp/cdn/shop/collections/kv_03_pc_1920_720_HPS.png?v=1778166702&amp;width=3840" sizes="
12790          
12791            
12792              (min-width: 1400px)  calc((1500px - (40px * 7)) / 8),
12793              (min-width: 1024px) calc((100vw - (40px * 7)) / 8),
12794              (min-width: 768px) calc((100vw - (40px * 7)) / 2), 
12795              calc((100vw - (15px * 3)) / 4)
12796            
12797          
12798        " alt="TOWEL|タオル 【HIPPOPOTAMUS|ヒポポタマス】今治 オーガニックタオル" height="720" width="1920" loading="lazy" class="animate_transition_image aspect-round w-full h-full object-cover z-10 object-center image-hover rounded-full active" onload="requestAnimationFrame(() =&gt; {
12799                this?.classList.add('active'); 
12800                this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
12801                setTimeout(() =&gt; { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
12802              })">
12803            
12804          </div></div>
12805      </div>
12806    
12807  <div class="content--template--20069736972486__collection_list_YKqRwk pt-5 pb-5 text-center rtl:text-center left-0 right-0 grow">
12808    <div class="collection-item-title  leading-tight text-[rgba(var(--colors-heading))] text-medium mt-1"><p class="text-[rgba(var(--colors-heading))] p-break-words transition duration-200">
12809          
12810タオル
12811        </p></div>
12812  </div>
12813  
12814
12815  </a>
12816
12817</div><style data-shopify="">
12818                .x-slide-animation-duration-2 {
12819                  --delay-time: 100ms
12820                }
12821              </style>
12822              <div x-slide-index="1" id="Slide-template--20069736972486__collection_list_YKqRwk-2" class="">
12823                
12824
12825<style data-shopify="">
12826.text-color- {
12827        color: ;
12828        --colors-text: , , ;
12829        --colors-heading: , , ;
12830      }
12831  .collection-card- .image-overlay,
12832  .collection-card-template--20069736972486__collection_list_YKqRwk .image-overlay {
12833    
12834      opacity: 5%;
12835    
12836  }
12837  .dark .collection-card- .image-overlay,
12838  .dark .collection-card-template--20069736972486__collection_list_YKqRwk .image-overlay {
12839    
12840      opacity: 5%;
12841    
12842  }
12843  
12844    .content--template--20069736972486__collection_list_YKqRwk .collection-item-title {
12845      
12846        font-size: 0.70875rem;
12847      
12848    }
12849    @media screen and (min-width: 768px) {
12850      .spacing--template--20069736972486__collection_list_YKqRwk {
12851        gap: 40px;
12852      }
12853      .content--template--20069736972486__collection_list_YKqRwk .collection-item-title {
12854        
12855          font-size: 0.945rem;
12856        
12857      }
12858    }
12859  
12860</style>
12861  <a href="/pages/lp-gift" class="collection-card collection-card-template--20069736972486__collection_list_YKqRwk group disable-effect card relative h-full block">
12862
12863  <div x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" class="w-full relative overflow-hidden z-0 before:h-0 before:block rounded-full pb-[100%]"><div class="block rounded-full">
12864        
12865
12866          <div class="w-full h-full top-0 left-0 absolute overflow-hidden animate_transition_card__image -z-10 active lazy_active">
12867            
12868            <img srcset="//hippopotamus.co.jp/cdn/shop/collections/kv_06_pc_1920_720_HPS.png?v=1778207399&amp;width=225 225w,
12869              //hippopotamus.co.jp/cdn/shop/collections/kv_06_pc_1920_720_HPS.png?v=1778207399&amp;width=375 375w,
12870              //hippopotamus.co.jp/cdn/shop/collections/kv_06_pc_1920_720_HPS.png?v=1778207399&amp;width=450 450w,
12871              //hippopotamus.co.jp/cdn/shop/collections/kv_06_pc_1920_720_HPS.png?v=1778207399&amp;width=750 750w,
12872              //hippopotamus.co.jp/cdn/shop/collections/kv_06_pc_1920_720_HPS.png?v=1778207399&amp;width=900 900w,
12873              //hippopotamus.co.jp/cdn/shop/collections/kv_06_pc_1920_720_HPS.png?v=1778207399&amp;width=1100 1100w,
12874              //hippopotamus.co.jp/cdn/shop/collections/kv_06_pc_1920_720_HPS.png?v=1778207399&amp;width=1500 1500w,
12875              //hippopotamus.co.jp/cdn/shop/collections/kv_06_pc_1920_720_HPS.png?v=1778207399&amp;width=1780 1780w,
12876              //hippopotamus.co.jp/cdn/shop/collections/kv_06_pc_1920_720_HPS.png?v=1778207399&amp;width=2000 2000w,
12877              //hippopotamus.co.jp/cdn/shop/collections/kv_06_pc_1920_720_HPS.png?v=1778207399&amp;width=3000 3000w,
12878              //hippopotamus.co.jp/cdn/shop/collections/kv_06_pc_1920_720_HPS.png?v=1778207399&amp;width=3840 3840w" src="//hippopotamus.co.jp/cdn/shop/collections/kv_06_pc_1920_720_HPS.png?v=1778207399&amp;width=3840" sizes="
12879          
12880            
12881              (min-width: 1400px)  calc((1500px - (40px * 7)) / 8),
12882              (min-width: 1024px) calc((100vw - (40px * 7)) / 8),
12883              (min-width: 768px) calc((100vw - (40px * 7)) / 2), 
12884              calc((100vw - (15px * 3)) / 4)
12885            
12886          
12887        " alt="GIFT|ギフト 【HIPPOPOTAMUS|ヒポポタマス】今治 オーガニックタオル" height="720" width="1920" loading="lazy" class="animate_transition_image aspect-round w-full h-full object-cover z-10 object-center image-hover rounded-full active" onload="requestAnimationFrame(() =&gt; {
12888                this?.classList.add('active'); 
12889                this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
12890                setTimeout(() =&gt; { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
12891              })">
12892            
12893          </div></div>
12894      </div>
12895    
12896  <div class="content--template--20069736972486__collection_list_YKqRwk pt-5 pb-5 text-center rtl:text-center left-0 right-0 grow">
12897    <div class="collection-item-title  leading-tight text-[rgba(var(--colors-heading))] text-medium mt-1"><p class="text-[rgba(var(--colors-heading))] p-break-words transition duration-200">
12898          
12899ギフト
12900        </p></div>
12901  </div>
12902  
12903
12904  </a>
12905
12906</div><style data-shopify="">
12907                .x-slide-animation-duration-3 {
12908                  --delay-time: 200ms
12909                }
12910              </style>
12911              <div x-slide-index="2" id="Slide-template--20069736972486__collection_list_YKqRwk-3" class="">
12912                
12913
12914<style data-shopify="">
12915.text-color- {
12916        color: ;
12917        --colors-text: , , ;
12918        --colors-heading: , , ;
12919      }
12920  .collection-card- .image-overlay,
12921  .collection-card-template--20069736972486__collection_list_YKqRwk .image-overlay {
12922    
12923      opacity: 5%;
12924    
12925  }
12926  .dark .collection-card- .image-overlay,
12927  .dark .collection-card-template--20069736972486__collection_list_YKqRwk .image-overlay {
12928    
12929      opacity: 5%;
12930    
12931  }
12932  
12933    .content--template--20069736972486__collection_list_YKqRwk .collection-item-title {
12934      
12935        font-size: 0.70875rem;
12936      
12937    }
12938    @media screen and (min-width: 768px) {
12939      .spacing--template--20069736972486__collection_list_YKqRwk {
12940        gap: 40px;
12941      }
12942      .content--template--20069736972486__collection_list_YKqRwk .collection-item-title {
12943        
12944          font-size: 0.945rem;
12945        
12946      }
12947    }
12948  
12949</style>
12950  <a href="/collections/baby-toy" class="collection-card collection-card-template--20069736972486__collection_list_YKqRwk group disable-effect card relative h-full block">
12951
12952  <div x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" class="w-full relative overflow-hidden z-0 before:h-0 before:block rounded-full pb-[100%]"><div class="block rounded-full">
12953        
12954
12955          <div class="w-full h-full top-0 left-0 absolute overflow-hidden animate_transition_card__image -z-10 active lazy_active">
12956            
12957            <img srcset="//hippopotamus.co.jp/cdn/shop/collections/kv_10_pc_1920_720_HPS.png?v=1778166902&amp;width=225 225w,
12958              //hippopotamus.co.jp/cdn/shop/collections/kv_10_pc_1920_720_HPS.png?v=1778166902&amp;width=375 375w,
12959              //hippopotamus.co.jp/cdn/shop/collections/kv_10_pc_1920_720_HPS.png?v=1778166902&amp;width=450 450w,
12960              //hippopotamus.co.jp/cdn/shop/collections/kv_10_pc_1920_720_HPS.png?v=1778166902&amp;width=750 750w,
12961              //hippopotamus.co.jp/cdn/shop/collections/kv_10_pc_1920_720_HPS.png?v=1778166902&amp;width=900 900w,
12962              //hippopotamus.co.jp/cdn/shop/collections/kv_10_pc_1920_720_HPS.png?v=1778166902&amp;width=1100 1100w,
12963              //hippopotamus.co.jp/cdn/shop/collections/kv_10_pc_1920_720_HPS.png?v=1778166902&amp;width=1500 1500w,
12964              //hippopotamus.co.jp/cdn/shop/collections/kv_10_pc_1920_720_HPS.png?v=1778166902&amp;width=1780 1780w,
12965              //hippopotamus.co.jp/cdn/shop/collections/kv_10_pc_1920_720_HPS.png?v=1778166902&amp;width=2000 2000w,
12966              //hippopotamus.co.jp/cdn/shop/collections/kv_10_pc_1920_720_HPS.png?v=1778166902&amp;width=3000 3000w,
12967              //hippopotamus.co.jp/cdn/shop/collections/kv_10_pc_1920_720_HPS.png?v=1778166902&amp;width=3840 3840w" src="//hippopotamus.co.jp/cdn/shop/collections/kv_10_pc_1920_720_HPS.png?v=1778166902&amp;width=3840" sizes="
12968          
12969            
12970              (min-width: 1400px)  calc((1500px - (40px * 7)) / 8),
12971              (min-width: 1024px) calc((100vw - (40px * 7)) / 8),
12972              (min-width: 768px) calc((100vw - (40px * 7)) / 2), 
12973              calc((100vw - (15px * 3)) / 4)
12974            
12975          
12976        " alt="BABY &amp; TOY|赤ちゃん&おもちゃ" height="720" width="1920" loading="lazy" class="animate_transition_image aspect-round w-full h-full object-cover z-10 object-center image-hover rounded-full active" onload="requestAnimationFrame(() =&gt; {
12977                this?.classList.add('active'); 
12978                this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
12979                setTimeout(() =&gt; { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
12980              })">
12981            
12982          </div></div>
12983      </div>
12984    
12985  <div class="content--template--20069736972486__collection_list_YKqRwk pt-5 pb-5 text-center rtl:text-center left-0 right-0 grow">
12986    <div class="collection-item-title  leading-tight text-[rgba(var(--colors-heading))] text-medium mt-1"><p class="text-[rgba(var(--colors-heading))] p-break-words transition duration-200">
12987          
12988ベビー&amp;トイ
12989        </p></div>
12990  </div>
12991  
12992
12993  </a>
12994
12995</div><style data-shopify="">
12996                .x-slide-animation-duration-4 {
12997                  --delay-time: 300ms
12998                }
12999              </style>
13000              <div x-slide-index="3" id="Slide-template--20069736972486__collection_list_YKqRwk-4" class="">
13001                
13002
13003<style data-shopify="">
13004.text-color- {
13005        color: ;
13006        --colors-text: , , ;
13007        --colors-heading: , , ;
13008      }
13009  .collection-card- .image-overlay,
13010  .collection-card-template--20069736972486__collection_list_YKqRwk .image-overlay {
13011    
13012      opacity: 5%;
13013    
13014  }
13015  .dark .collection-card- .image-overlay,
13016  .dark .collection-card-template--20069736972486__collection_list_YKqRwk .image-overlay {
13017    
13018      opacity: 5%;
13019    
13020  }
13021  
13022    .content--template--20069736972486__collection_list_YKqRwk .collection-item-title {
13023      
13024        font-size: 0.70875rem;
13025      
13026    }
13027    @media screen and (min-width: 768px) {
13028      .spacing--template--20069736972486__collection_list_YKqRwk {
13029        gap: 40px;
13030      }
13031      .content--template--20069736972486__collection_list_YKqRwk .collection-item-title {
13032        
13033          font-size: 0.945rem;
13034        
13035      }
13036    }
13037  
13038</style>
13039  <a href="/collections/room-shoes" class="collection-card collection-card-template--20069736972486__collection_list_YKqRwk group disable-effect card relative h-full block">
13040
13041  <div x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" class="w-full relative overflow-hidden z-0 before:h-0 before:block rounded-full pb-[100%]"><div class="block rounded-full">
13042        
13043
13044          <div class="w-full h-full top-0 left-0 absolute overflow-hidden animate_transition_card__image -z-10 active lazy_active">
13045            
13046            <img srcset="//hippopotamus.co.jp/cdn/shop/collections/sandal_img.png?v=1778167216&amp;width=225 225w,
13047              //hippopotamus.co.jp/cdn/shop/collections/sandal_img.png?v=1778167216&amp;width=375 375w,
13048              //hippopotamus.co.jp/cdn/shop/collections/sandal_img.png?v=1778167216&amp;width=450 450w,
13049              //hippopotamus.co.jp/cdn/shop/collections/sandal_img.png?v=1778167216&amp;width=750 750w,
13050              //hippopotamus.co.jp/cdn/shop/collections/sandal_img.png?v=1778167216&amp;width=900 900w,
13051              //hippopotamus.co.jp/cdn/shop/collections/sandal_img.png?v=1778167216&amp;width=1100 1100w,
13052              //hippopotamus.co.jp/cdn/shop/collections/sandal_img.png?v=1778167216&amp;width=1500 1500w,
13053              //hippopotamus.co.jp/cdn/shop/collections/sandal_img.png?v=1778167216&amp;width=1780 1780w,
13054              //hippopotamus.co.jp/cdn/shop/collections/sandal_img.png?v=1778167216&amp;width=2000 2000w,
13055              //hippopotamus.co.jp/cdn/shop/collections/sandal_img.png?v=1778167216&amp;width=3000 3000w,
13056              //hippopotamus.co.jp/cdn/shop/collections/sandal_img.png?v=1778167216&amp;width=3840 3840w" src="//hippopotamus.co.jp/cdn/shop/collections/sandal_img.png?v=1778167216&amp;width=3840" sizes="
13057          
13058            
13059              (min-width: 1400px)  calc((1500px - (40px * 7)) / 8),
13060              (min-width: 1024px) calc((100vw - (40px * 7)) / 8),
13061              (min-width: 768px) calc((100vw - (40px * 7)) / 2), 
13062              calc((100vw - (15px * 3)) / 4)
13063            
13064          
13065        " alt="ROOM SHOES|ルームシューズ– Hippopotamus Official |ヒポポタマス" height="720" width="1920" loading="lazy" class="animate_transition_image aspect-round w-full h-full object-cover z-10 object-center image-hover rounded-full active" onload="requestAnimationFrame(() =&gt; {
13066                this?.classList.add('active'); 
13067                this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
13068                setTimeout(() =&gt; { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
13069              })">
13070            
13071          </div></div>
13072      </div>
13073    
13074  <div class="content--template--20069736972486__collection_list_YKqRwk pt-5 pb-5 text-center rtl:text-center left-0 right-0 grow">
13075    <div class="collection-item-title  leading-tight text-[rgba(var(--colors-heading))] text-medium mt-1"><p class="text-[rgba(var(--colors-heading))] p-break-words transition duration-200">
13076          
13077ルームシューズ
13078        </p></div>
13079  </div>
13080  
13081
13082  </a>
13083
13084</div><style data-shopify="">
13085                .x-slide-animation-duration-5 {
13086                  --delay-time: 400ms
13087                }
13088              </style>
13089              <div x-slide-index="4" id="Slide-template--20069736972486__collection_list_YKqRwk-5" class="">
13090                
13091
13092<style data-shopify="">
13093.text-color- {
13094        color: ;
13095        --colors-text: , , ;
13096        --colors-heading: , , ;
13097      }
13098  .collection-card- .image-overlay,
13099  .collection-card-template--20069736972486__collection_list_YKqRwk .image-overlay {
13100    
13101      opacity: 5%;
13102    
13103  }
13104  .dark .collection-card- .image-overlay,
13105  .dark .collection-card-template--20069736972486__collection_list_YKqRwk .image-overlay {
13106    
13107      opacity: 5%;
13108    
13109  }
13110  
13111    .content--template--20069736972486__collection_list_YKqRwk .collection-item-title {
13112      
13113        font-size: 0.70875rem;
13114      
13115    }
13116    @media screen and (min-width: 768px) {
13117      .spacing--template--20069736972486__collection_list_YKqRwk {
13118        gap: 40px;
13119      }
13120      .content--template--20069736972486__collection_list_YKqRwk .collection-item-title {
13121        
13122          font-size: 0.945rem;
13123        
13124      }
13125    }
13126  
13127</style>
13128  <a href="/collections/bedding-and-pyjamas" class="collection-card collection-card-template--20069736972486__collection_list_YKqRwk group disable-effect card relative h-full block">
13129
13130  <div x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" class="w-full relative overflow-hidden z-0 before:h-0 before:block rounded-full pb-[100%]"><div class="block rounded-full">
13131        
13132
13133          <div class="w-full h-full top-0 left-0 absolute overflow-hidden animate_transition_card__image -z-10 active lazy_active">
13134            
13135            <img srcset="//hippopotamus.co.jp/cdn/shop/collections/banner_03_pc_HPS_1600_580_260414.png?v=1778167347&amp;width=225 225w,
13136              //hippopotamus.co.jp/cdn/shop/collections/banner_03_pc_HPS_1600_580_260414.png?v=1778167347&amp;width=375 375w,
13137              //hippopotamus.co.jp/cdn/shop/collections/banner_03_pc_HPS_1600_580_260414.png?v=1778167347&amp;width=450 450w,
13138              //hippopotamus.co.jp/cdn/shop/collections/banner_03_pc_HPS_1600_580_260414.png?v=1778167347&amp;width=750 750w,
13139              //hippopotamus.co.jp/cdn/shop/collections/banner_03_pc_HPS_1600_580_260414.png?v=1778167347&amp;width=900 900w,
13140              //hippopotamus.co.jp/cdn/shop/collections/banner_03_pc_HPS_1600_580_260414.png?v=1778167347&amp;width=1100 1100w,
13141              //hippopotamus.co.jp/cdn/shop/collections/banner_03_pc_HPS_1600_580_260414.png?v=1778167347&amp;width=1500 1500w,
13142              //hippopotamus.co.jp/cdn/shop/collections/banner_03_pc_HPS_1600_580_260414.png?v=1778167347&amp;width=1780 1780w,
13143              //hippopotamus.co.jp/cdn/shop/collections/banner_03_pc_HPS_1600_580_260414.png?v=1778167347&amp;width=2000 2000w,
13144              //hippopotamus.co.jp/cdn/shop/collections/banner_03_pc_HPS_1600_580_260414.png?v=1778167347&amp;width=3000 3000w,
13145              //hippopotamus.co.jp/cdn/shop/collections/banner_03_pc_HPS_1600_580_260414.png?v=1778167347&amp;width=3840 3840w" src="//hippopotamus.co.jp/cdn/shop/collections/banner_03_pc_HPS_1600_580_260414.png?v=1778167347&amp;width=3840" sizes="
13146          
13147            
13148              (min-width: 1400px)  calc((1500px - (40px * 7)) / 8),
13149              (min-width: 1024px) calc((100vw - (40px * 7)) / 8),
13150              (min-width: 768px) calc((100vw - (40px * 7)) / 2), 
13151              calc((100vw - (15px * 3)) / 4)
13152            
13153          
13154        " alt="BEDROOM|寝室 【HIPPOPOTAMUS|ヒポポタマス】今治 オーガニックタオル" height="720" width="1920" loading="lazy" class="animate_transition_image aspect-round w-full h-full object-cover z-10 object-center image-hover rounded-full active" onload="requestAnimationFrame(() =&gt; {
13155                this?.classList.add('active'); 
13156                this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
13157                setTimeout(() =&gt; { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
13158              })">
13159            
13160          </div></div>
13161      </div>
13162    
13163  <div class="content--template--20069736972486__collection_list_YKqRwk pt-5 pb-5 text-center rtl:text-center left-0 right-0 grow">
13164    <div class="collection-item-title  leading-tight text-[rgba(var(--colors-heading))] text-medium mt-1"><p class="text-[rgba(var(--colors-heading))] p-break-words transition duration-200">
13165          
13166寝具&パジャマ
13167        </p></div>
13168  </div>
13169  
13170
13171  </a>
13172
13173</div><style data-shopify="">
13174                .x-slide-animation-duration-6 {
13175                  --delay-time: 500ms
13176                }
13177              </style>
13178              <div x-slide-index="5" id="Slide-template--20069736972486__collection_list_YKqRwk-6" class="">
13179                
13180
13181<style data-shopify="">
13182.text-color- {
13183        color: ;
13184        --colors-text: , , ;
13185        --colors-heading: , , ;
13186      }
13187  .collection-card- .image-overlay,
13188  .collection-card-template--20069736972486__collection_list_YKqRwk .image-overlay {
13189    
13190      opacity: 5%;
13191    
13192  }
13193  .dark .collection-card- .image-overlay,
13194  .dark .collection-card-template--20069736972486__collection_list_YKqRwk .image-overlay {
13195    
13196      opacity: 5%;
13197    
13198  }
13199  
13200    .content--template--20069736972486__collection_list_YKqRwk .collection-item-title {
13201      
13202        font-size: 0.70875rem;
13203      
13204    }
13205    @media screen and (min-width: 768px) {
13206      .spacing--template--20069736972486__collection_list_YKqRwk {
13207        gap: 40px;
13208      }
13209      .content--template--20069736972486__collection_list_YKqRwk .collection-item-title {
13210        
13211          font-size: 0.945rem;
13212        
13213      }
13214    }
13215  
13216</style>
13217  <a href="/collections/gift_-chiefbear_pvt" class="collection-card collection-card-template--20069736972486__collection_list_YKqRwk group disable-effect card relative h-full block">
13218
13219  <div x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" class="w-full relative overflow-hidden z-0 before:h-0 before:block rounded-full pb-[100%]"><div class="block rounded-full">
13220        
13221
13222          <div class="w-full h-full top-0 left-0 absolute overflow-hidden animate_transition_card__image -z-10 active lazy_active">
13223            
13224            <img srcset="//hippopotamus.co.jp/cdn/shop/collections/banner_towelbear_pc_HPS_1600_580_260508.png?v=1778169059&amp;width=225 225w,
13225              //hippopotamus.co.jp/cdn/shop/collections/banner_towelbear_pc_HPS_1600_580_260508.png?v=1778169059&amp;width=375 375w,
13226              //hippopotamus.co.jp/cdn/shop/collections/banner_towelbear_pc_HPS_1600_580_260508.png?v=1778169059&amp;width=450 450w,
13227              //hippopotamus.co.jp/cdn/shop/collections/banner_towelbear_pc_HPS_1600_580_260508.png?v=1778169059&amp;width=750 750w,
13228              //hippopotamus.co.jp/cdn/shop/collections/banner_towelbear_pc_HPS_1600_580_260508.png?v=1778169059&amp;width=900 900w,
13229              //hippopotamus.co.jp/cdn/shop/collections/banner_towelbear_pc_HPS_1600_580_260508.png?v=1778169059&amp;width=1100 1100w,
13230              //hippopotamus.co.jp/cdn/shop/collections/banner_towelbear_pc_HPS_1600_580_260508.png?v=1778169059&amp;width=1500 1500w,
13231              //hippopotamus.co.jp/cdn/shop/collections/banner_towelbear_pc_HPS_1600_580_260508.png?v=1778169059&amp;width=1780 1780w,
13232              //hippopotamus.co.jp/cdn/shop/collections/banner_towelbear_pc_HPS_1600_580_260508.png?v=1778169059&amp;width=2000 2000w,
13233              //hippopotamus.co.jp/cdn/shop/collections/banner_towelbear_pc_HPS_1600_580_260508.png?v=1778169059&amp;width=3000 3000w,
13234              //hippopotamus.co.jp/cdn/shop/collections/banner_towelbear_pc_HPS_1600_580_260508.png?v=1778169059&amp;width=3840 3840w" src="//hippopotamus.co.jp/cdn/shop/collections/banner_towelbear_pc_HPS_1600_580_260508.png?v=1778169059&amp;width=3840" sizes="
13235          
13236            
13237              (min-width: 1400px)  calc((1500px - (40px * 7)) / 8),
13238              (min-width: 1024px) calc((100vw - (40px * 7)) / 8),
13239              (min-width: 768px) calc((100vw - (40px * 7)) / 2), 
13240              calc((100vw - (15px * 3)) / 4)
13241            
13242          
13243        " alt="ギフト タオルベア一覧|Hippopotamus-ヒポポタマス" height="720" width="1920" loading="lazy" class="animate_transition_image aspect-round w-full h-full object-cover z-10 object-center image-hover rounded-full active" onload="requestAnimationFrame(() =&gt; {
13244                this?.classList.add('active'); 
13245                this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
13246                setTimeout(() =&gt; { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
13247              })">
13248            
13249          </div></div>
13250      </div>
13251    
13252  <div class="content--template--20069736972486__collection_list_YKqRwk pt-5 pb-5 text-center rtl:text-center left-0 right-0 grow">
13253    <div class="collection-item-title  leading-tight text-[rgba(var(--colors-heading))] text-medium mt-1"><p class="text-[rgba(var(--colors-heading))] p-break-words transition duration-200">
13254          
13255            タオルベア
13256          
13257        </p></div>
13258  </div>
13259  
13260
13261  </a>
13262
13263</div><style data-shopify="">
13264                .x-slide-animation-duration-7 {
13265                  --delay-time: 600ms
13266                }
13267              </style>
13268              <div x-slide-index="6" id="Slide-template--20069736972486__collection_list_YKqRwk-7" class="">
13269                
13270
13271<style data-shopify="">
13272.text-color- {
13273        color: ;
13274        --colors-text: , , ;
13275        --colors-heading: , , ;
13276      }
13277  .collection-card- .image-overlay,
13278  .collection-card-template--20069736972486__collection_list_YKqRwk .image-overlay {
13279    
13280      opacity: 5%;
13281    
13282  }
13283  .dark .collection-card- .image-overlay,
13284  .dark .collection-card-template--20069736972486__collection_list_YKqRwk .image-overlay {
13285    
13286      opacity: 5%;
13287    
13288  }
13289  
13290    .content--template--20069736972486__collection_list_YKqRwk .collection-item-title {
13291      
13292        font-size: 0.70875rem;
13293      
13294    }
13295    @media screen and (min-width: 768px) {
13296      .spacing--template--20069736972486__collection_list_YKqRwk {
13297        gap: 40px;
13298      }
13299      .content--template--20069736972486__collection_list_YKqRwk .collection-item-title {
13300        
13301          font-size: 0.945rem;
13302        
13303      }
13304    }
13305  
13306</style>
13307  <a href="/collections/bathroom" class="collection-card collection-card-template--20069736972486__collection_list_YKqRwk group disable-effect card relative h-full block">
13308
13309  <div x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" class="w-full relative overflow-hidden z-0 before:h-0 before:block rounded-full pb-[100%]"><div class="block rounded-full">
13310        
13311
13312          <div class="w-full h-full top-0 left-0 absolute overflow-hidden animate_transition_card__image -z-10 active lazy_active">
13313            
13314            <img srcset="//hippopotamus.co.jp/cdn/shop/collections/living_Bath.jpg?v=1778169168&amp;width=225 225w,
13315              //hippopotamus.co.jp/cdn/shop/collections/living_Bath.jpg?v=1778169168&amp;width=375 375w,
13316              //hippopotamus.co.jp/cdn/shop/collections/living_Bath.jpg?v=1778169168&amp;width=450 450w,
13317              //hippopotamus.co.jp/cdn/shop/collections/living_Bath.jpg?v=1778169168&amp;width=750 750w,
13318              //hippopotamus.co.jp/cdn/shop/collections/living_Bath.jpg?v=1778169168&amp;width=900 900w,
13319              //hippopotamus.co.jp/cdn/shop/collections/living_Bath.jpg?v=1778169168&amp;width=1100 1100w,
13320              //hippopotamus.co.jp/cdn/shop/collections/living_Bath.jpg?v=1778169168&amp;width=1500 1500w,
13321              //hippopotamus.co.jp/cdn/shop/collections/living_Bath.jpg?v=1778169168&amp;width=1780 1780w,
13322              //hippopotamus.co.jp/cdn/shop/collections/living_Bath.jpg?v=1778169168&amp;width=2000 2000w,
13323              //hippopotamus.co.jp/cdn/shop/collections/living_Bath.jpg?v=1778169168&amp;width=3000 3000w,
13324              //hippopotamus.co.jp/cdn/shop/collections/living_Bath.jpg?v=1778169168&amp;width=3840 3840w" src="//hippopotamus.co.jp/cdn/shop/collections/living_Bath.jpg?v=1778169168&amp;width=3840" sizes="
13325          
13326            
13327              (min-width: 1400px)  calc((1500px - (40px * 7)) / 8),
13328              (min-width: 1024px) calc((100vw - (40px * 7)) / 8),
13329              (min-width: 768px) calc((100vw - (40px * 7)) / 2), 
13330              calc((100vw - (15px * 3)) / 4)
13331            
13332          
13333        " alt="LIVING & BATH|リビング & バス 【HIPPOPOTAMUS|ヒポポタマス】今治 オーガニックタオル" height="580" width="1600" loading="lazy" class="animate_transition_image aspect-round w-full h-full object-cover z-10 object-center image-hover rounded-full active" onload="requestAnimationFrame(() =&gt; {
13334                this?.classList.add('active'); 
13335                this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
13336                setTimeout(() =&gt; { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
13337              })">
13338            
13339          </div></div>
13340      </div>
13341    
13342  <div class="content--template--20069736972486__collection_list_YKqRwk pt-5 pb-5 text-center rtl:text-center left-0 right-0 grow">
13343    <div class="collection-item-title  leading-tight text-[rgba(var(--colors-heading))] text-medium mt-1"><p class="text-[rgba(var(--colors-heading))] p-break-words transition duration-200">
13344          
13345バスルーム&amp;サウナ
13346        </p></div>
13347  </div>
13348  
13349
13350  </a>
13351
13352</div><style data-shopify="">
13353                .x-slide-animation-duration-8 {
13354                  --delay-time: 700ms
13355                }
13356              </style>
13357              <div x-slide-index="7" id="Slide-template--20069736972486__collection_list_YKqRwk-8" class="">
13358                
13359
13360<style data-shopify="">
13361.text-color- {
13362        color: ;
13363        --colors-text: , , ;
13364        --colors-heading: , , ;
13365      }
13366  .collection-card- .image-overlay,
13367  .collection-card-template--20069736972486__collection_list_YKqRwk .image-overlay {
13368    
13369      opacity: 5%;
13370    
13371  }
13372  .dark .collection-card- .image-overlay,
13373  .dark .collection-card-template--20069736972486__collection_list_YKqRwk .image-overlay {
13374    
13375      opacity: 5%;
13376    
13377  }
13378  
13379    .content--template--20069736972486__collection_list_YKqRwk .collection-item-title {
13380      
13381        font-size: 0.70875rem;
13382      
13383    }
13384    @media screen and (min-width: 768px) {
13385      .spacing--template--20069736972486__collection_list_YKqRwk {
13386        gap: 40px;
13387      }
13388      .content--template--20069736972486__collection_list_YKqRwk .collection-item-title {
13389        
13390          font-size: 0.945rem;
13391        
13392      }
13393    }
13394  
13395</style>
13396  <a href="/collections/detergent_cat" class="collection-card collection-card-template--20069736972486__collection_list_YKqRwk group disable-effect card relative h-full block">
13397
13398  <div x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" class="w-full relative overflow-hidden z-0 before:h-0 before:block rounded-full pb-[100%]"><div class="block rounded-full">
13399        
13400
13401          <div class="w-full h-full top-0 left-0 absolute overflow-hidden animate_transition_card__image -z-10 active lazy_active">
13402            
13403            <img srcset="//hippopotamus.co.jp/cdn/shop/collections/banner_landrydetergent_pc_HPS_1600_580_260508.png?v=1778347562&amp;width=225 225w,
13404              //hippopotamus.co.jp/cdn/shop/collections/banner_landrydetergent_pc_HPS_1600_580_260508.png?v=1778347562&amp;width=375 375w,
13405              //hippopotamus.co.jp/cdn/shop/collections/banner_landrydetergent_pc_HPS_1600_580_260508.png?v=1778347562&amp;width=450 450w,
13406              //hippopotamus.co.jp/cdn/shop/collections/banner_landrydetergent_pc_HPS_1600_580_260508.png?v=1778347562&amp;width=750 750w,
13407              //hippopotamus.co.jp/cdn/shop/collections/banner_landrydetergent_pc_HPS_1600_580_260508.png?v=1778347562&amp;width=900 900w,
13408              //hippopotamus.co.jp/cdn/shop/collections/banner_landrydetergent_pc_HPS_1600_580_260508.png?v=1778347562&amp;width=1100 1100w,
13409              //hippopotamus.co.jp/cdn/shop/collections/banner_landrydetergent_pc_HPS_1600_580_260508.png?v=1778347562&amp;width=1500 1500w,
13410              //hippopotamus.co.jp/cdn/shop/collections/banner_landrydetergent_pc_HPS_1600_580_260508.png?v=1778347562&amp;width=1780 1780w,
13411              //hippopotamus.co.jp/cdn/shop/collections/banner_landrydetergent_pc_HPS_1600_580_260508.png?v=1778347562&amp;width=2000 2000w,
13412              //hippopotamus.co.jp/cdn/shop/collections/banner_landrydetergent_pc_HPS_1600_580_260508.png?v=1778347562&amp;width=3000 3000w,
13413              //hippopotamus.co.jp/cdn/shop/collections/banner_landrydetergent_pc_HPS_1600_580_260508.png?v=1778347562&amp;width=3840 3840w" src="//hippopotamus.co.jp/cdn/shop/collections/banner_landrydetergent_pc_HPS_1600_580_260508.png?v=1778347562&amp;width=3840" sizes="
13414          
13415            
13416              (min-width: 1400px)  calc((1500px - (40px * 7)) / 8),
13417              (min-width: 1024px) calc((100vw - (40px * 7)) / 8),
13418              (min-width: 768px) calc((100vw - (40px * 7)) / 2), 
13419              calc((100vw - (15px * 3)) / 4)
13420            
13421          
13422        " alt="洗濯洗剤" height="720" width="1920" loading="lazy" class="animate_transition_image aspect-round w-full h-full object-cover z-10 object-center image-hover rounded-full active" onload="requestAnimationFrame(() =&gt; {
13423                this?.classList.add('active'); 
13424                this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
13425                setTimeout(() =&gt; { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
13426              })">
13427            
13428          </div></div>
13429      </div>
13430    
13431  <div class="content--template--20069736972486__collection_list_YKqRwk pt-5 pb-5 text-center rtl:text-center left-0 right-0 grow">
13432    <div class="collection-item-title  leading-tight text-[rgba(var(--colors-heading))] text-medium mt-1"><p class="text-[rgba(var(--colors-heading))] p-break-words transition duration-200">
13433          
13434洗濯洗剤
13435        </p></div>
13436  </div>
13437  
13438
13439  </a>
13440
13441</div></div>
13442        </div></div>
13443    </div>
13444  </div>
13445</div>
13446
13447
13448</section>
13449  </div>
13450</div>
13451</section>
13452      </main>
13453      
13454          <!-- BEGIN sections: footer-group-puff -->
13455<div id="shopify-section-sections--20069737464006__footer" class="shopify-section shopify-section-group-footer-group-puff section-footer">
13456<style data-shopify>
13457  #section-footer {
13458    contain: style layout;
13459  }
13460  .section-padding-sections--20069737464006__footer {
13461    padding-top: 0px;
13462    padding-bottom: 28px;
13463  }
13464  @media (min-width: 768px) { 
13465    .section-padding-sections--20069737464006__footer {
13466      padding-top: 0px;
13467      padding-bottom: 28px;
13468    }
13469  }
13470</style>
13471<div id="section-footer" class="section-footer relative background-footer sticky-footer selection:bg-[rgba(var(--colors-text-footer),0.2)] section-padding-sections--20069737464006__footer"><div class="flex items-center">
13472      
13473<div id="selector-social" class=" flex lg:items-center lg:justify-end relative pt-1.5 pb-1.5 mr-auto ml-auto">
13474    
13475      <ul class="social-list flex  flex-wrap opacity-70" role="list">
13476<li>
13477      <a href="https://www.facebook.com/organic.hippopotamus/" target="blank" aria-label="Facebook" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3">
13478    <svg class="icon-animation" width="100%" height="100%" viewB
13478ox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
13479      <path d="M17.6477 13.4987L18.322 9.15733H14.1091V6.34132C14.1091 5.15199 14.6971 3.99467 16.5851 3.99467H18.5V0.293323C18.5 0.293323 16.7631 0 15.0963 0C11.6278 0 9.35684 2.07999 9.35684 5.84533V9.15733H5.5V13.4987H9.35684V24H14.1037V13.4987H17.6477Z" fill="currentColor"/>
13480    </svg>
13481  
13482</a>
13483    </li><li>
13484      <a href="https://www.instagram.com/hippopotamus_japan/" target="blank" aria-label="Instagram" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3">
13485    <svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="currentColor">
13486      <path 
13487        d="M12.007 2.1622C15.2152 2.1622 15.5951 2.17628 16.8568 2.23256C18.0293 2.28415 18.6625 2.48114 19.0846 2.6453C19.6428 2.86105 20.0461 3.12371 20.4636 3.54114C20.8857 3.96326 21.1436 4.36193 21.3594 4.92007C21.5236 5.34219 21.7205 5.98007 21.7721 7.14794C21.8284 8.4143 21.8425 8.79422 21.8425 11.9977C21.8425 15.2058 21.8284 15.5857 21.7721 16.8474C21.7205 18.0199 21.5236 18.6531 21.3594 19.0752C21.1436 19.6334 20.881 20.0367 20.4636 20.4542C20.0414 20.8763 19.6428 21.1343 19.0846 21.35C18.6625 21.5142 18.0246 21.7112 16.8568 21.7628C15.5904 21.819 15.2105 21.8331 12.007 21.8331C8.79891 21.8331 8.419 21.819 7.15732 21.7628C5.98476 21.7112 5.35157 21.5142 4.92945 21.35C4.37131 21.1343 3.96795 20.8716 3.55052 20.4542C3.1284 20.0321 2.87043 19.6334 2.65468 19.0752C2.49052 18.6531 2.29353 18.0152 2.24194 16.8474C2.18566 15.581 2.17159 15.2011 2.17159 11.9977C2.17159 8.78953 2.18566 8.40961 2.24194 7.14794C2.29353 5.97538 2.49052 5.34219 2.65468 4.92007C2.87043 4.36193 3.13309 3.95857 3.55052 3.54114C3.97264 3.11901 4.37131 2.86105 4.92945 2.6453C5.35157 2.48114 5.98945 2.28415 7.15732 2.23256C8.419 2.17628 8.79891 2.1622 12.007 2.1622ZM12.007 0C8.74731 0 8.33926 0.0140707 7.05882 0.0703537C5.78308 0.126637 4.906 0.333008 4.14618 0.628493C3.35353 0.93805 2.68282 1.3461 2.01681 2.01681C1.3461 2.68282 0.93805 3.35353 0.628493 4.14149C0.333008 4.906 0.126637 5.77839 0.0703537 7.05413C0.0140707 8.33926 0 8.74731 0 12.007C0 15.2668 0.0140707 15.6748 0.0703537 16.9552C0.126637 18.231 0.333008 19.1081 0.628493 19.8679C0.93805 20.6605 1.3461 21.3312 2.01681 21.9973C2.68282 22.6633 3.35353 23.076 4.14149 23.3809C4.906 23.6764 5.77839 23.8827 7.05413 23.939C8.33457 23.9953 8.74262 24.0094 12.0023 24.0094C15.2621 24.0094 15.6701 23.9953 16.9506 23.939C18.2263 23.8827 19.1034 23.6764 19.8632 23.3809C20.6512 23.076 21.3219 22.6633 21.9879 21.9973C22.6539 21.3312 23.0666 20.6605 23.3715 19.8726C23.667 19.1081 23.8734 18.2357 23.9296 16.9599C23.9859 15.6795 24 15.2714 24 12.0117C24 8.752 23.9859 8.34395 23.9296 7.06351C23.8734 5.78777 23.667 4.91069 23.3715 4.15087C23.076 3.35353 22.668 2.68282 21.9973 2.01681C21.3313 1.35079 20.6605 0.93805 19.8726 0.633183C19.1081 0.337698 18.2357 0.131327 16.9599 0.075044C15.6748 0.0140707 15.2668 0 12.007 0Z
13488          M12.007 5.83936C8.60191 5.83936 5.83936 8.60191 5.83936 12.007C5.83936 15.4122 8.60191 18.1747 12.007 18.1747C15.4122 18.1747 18.1747 15.4122 18.1747 12.007C18.1747 8.60191 15.4122 5.83936 12.007 5.83936ZM12.007 16.0078C9.79792 16.0078 8.00625 14.2161 8.00625 12.007C8.00625 9.79792 9.79792 8.00625 12.007 8.00625C14.2161 8.00625 16.0078 9.79792 16.0078 12.007C16.0078 14.2161 14.2161 16.0078 12.007 16.0078Z
13489          M19.8586 5.59543C19.8586 6.39277 19.2113 7.03533 18.4187 7.03533C17.6213 7.03533 16.9788 6.38808 16.9788 5.59543C16.9788 4.79808 17.626 4.15552 18.4187 4.15552C19.2113 4.15552 19.8586 4.80277 19.8586 5.59543Z"
13490        />
13491    </svg>
13492  
13493</a>
13494    </li><li>
13495      <a href="https://lin.ee/lfG3q6eF" target="blank" aria-label="LINE" class="flex disable-effect hover-text-link  w-11 h-11 pt-3 pr-3 pb-3 pl-3">
13496    <svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
13497      <path d="M12 0.5C18.6274 0.5 24 4.8641 24 10.2476C24 12.4682 23.0858 14.5155 21.5464 16.1545C18.9546 18.979 11.6061 23.9621 10.9693 23.4655C10.2821 22.9297 11.3275 22.1762 11.2365 20.4417C11.2175 20.0806 10.9968 19.9757 10.8658 19.9522C4.77032 19.488 0 15.3203 0 10.2476C0 4.8641 5.37259 0.5 12 0.5ZM8.9969 7.15981C8.6525 7.15981 8.37335 7.4397 8.37335 7.785V12.4802C8.37335 12.8255 8.6525 13.1054 8.9969 13.1054C9.3413 13.1054 9.62046 12.8255 9.62046 12.4802V7.785C9.62046 7.4397 9.3413 7.15981 8.9969 7.15981ZM4.82286 7.16C4.47853 7.16 4.19937 7.43989 4.19937 7.78513V12.4803C4.19937 12.8256 4.47853 13.1055 4.82286 13.1055L7.16444 13.1055C7.50878 13.1055 7.78794 12.8256 7.78794 12.4803C7.78794 12.135 7.50878 11.8552 7.16444 11.8552H5.44642V7.78513C5.44642 7.43989 5.16726 7.16 4.82286 7.16ZM11.1347 7.15987C10.7903 7.
1349715987 10.5112 7.43976 10.5112 7.78506V12.4803C10.5112 12.8256 10.7903 13.1055 11.1347 13.1055C11.4791 13.1055 11.7582 12.8256 11.7582 12.4803V9.55931L14.1864 12.8662C14.392 13.1397 14.7783 13.1961 15.0529 12.9942C15.2151 12.8814 15.3213 12.6933 15.3213 12.4803V7.78513C15.3213 7.43983 15.0421 7.15994 14.6978 7.15994C14.3534 7.15994 14.0742 7.43983 14.0742 7.78513V10.716L11.6564 7.42285L11.462 7.25283C11.3668 7.19388 11.2547 7.15987 11.1347 7.15987ZM16.7848 7.15994C16.5852 7.15994 16.4075 7.25397 16.2933 7.40025C16.2105 7.50638 16.1612 7.63999 16.1612 7.78519L16.1612 7.79247V12.4729L16.1612 12.4803C16.1612 12.8256 16.4404 13.1055 16.7848 13.1055H19.1516C19.496 13.1055 19.7752 12.8256 19.7752 12.4803C19.7752 12.135 19.496 11.8552 19.1516 11.8552H17.4083V10.7579H19.1516C19.496 10.7579 19.7752 10.478 19.7752 10.1328C19.7752 9.78746 19.496 9.50758 19.1516 9.50758H17.4083V8.41031H19.1516C19.496 8.41031 19.7752 8.13043 19.7752 7.78519C19.7752 7.43989 19.496 7.16 19.1516 7.16H16.7929L16.7848 7.15994Z" fill="currentColor"/>
13498    </svg>
13499  
13500</a>
13501    </li></ul>
13502     </div>
13503    </div><div class="flex-wrap md:mb-5 md:border-b md:border-b-solid md:pt-12 md:pb-7">
13504        <div class="pt-6 md:pt-0 md:flex justify-center md:mt-auto md:mb-auto md:mr-auto md:ml-auto md:pr-0 rtl:md:pr-5 rtl:md:pl-0 x-pgw page-width flex-wrap">
13505          <div class="footer-col--1 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-0 w-full md:w-1/5 ltr" ><div x-data="{ open: false }" class="pt-4 pb-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 cursor-pointer md:cursor-default duration-200 transition">
13506                        <p class="h6 text-[115%]">ガイド</p>
13507                        <span class="md:hidden absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''">
13508    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
13509      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
13510    </svg>
13511</span>
13512                      </div><ul class="mt-6 hidden md:block"><li class="mb-1 first:pt-0 pt-2">
13513                            <a href="/pages/%E3%81%94%E5%88%A9%E7%94%A8%E3%82%AC%E3%82%A4%E3%83%89" class="hover-text-link nav-link relative block lg:inline-block">
13514                              ご利用ガイド
13515                            </a>
13516                          </li><li class="mb-1 first:pt-0 pt-2">
13517                            <a href="/pages/program" class="hover-text-link nav-link relative block lg:inline-block">
13518                              ポイントプログラム
13519                            </a>
13520                          </li><li class="mb-1 first:pt-0 pt-2">
13521                            <a href="/pages/faq" class="hover-text-link nav-link relative block lg:inline-block">
13522                              FAQ
13523                            </a>
13524                          </li><li class="mb-1 first:pt-0 pt-2">
13525                            <a href="/pages/about" class="hover-text-link nav-link relative block lg:inline-block">
13526                              会社情報
13527                            </a>
13528                          </li><li class="mb-1 first:pt-0 pt-2">
13529                            <a href="/pages/%E7%89%B9%E5%AE%9A%E5%95%86%E5%8F%96%E5%BC%95%E6%B3%95%E3%81%AB%E5%9F%BA%E3%81%A5%E3%81%8F%E8%A1%A8%E8%A8%98" class="hover-text-link nav-link relative block lg:inline-block">
13530                              特定商取引法に基づく表記
13531                            </a>
13532                          </li><li class="mb-1 first:pt-0 pt-2">
13533                            <a href="/pages/%E3%83%97%E3%83%A9%E3%82%A4%E3%83%90%E3%82%B7%E3%83%BC%E3%83%9D%E3%83%AA%E3%82%B7%E3%83%BC" class="hover-text-link nav-link relative block lg:inline-block">
13534                              プライバシーポリシー
13535                            </a>
13536                          </li><li class="mb-1 first:pt-0 pt-2">
13537                            <a href="/pages/%E3%81%94%E5%88%A9%E7%94%A8%E8%A6%8F%E7%B4%84" class="hover-text-link nav-link relative block lg:inline-block">
13538                              ご利用規約
13539                            </a>
13540                          </li><li class="mb-1 first:pt-0 pt-2">
13541                            <a href="/pages/special-gift" class="hover-text-link nav-link relative block lg:inline-block">
13542                              法人のお客様へ
13543                            </a>
13544                          </li><li class="mb-1 first:pt-0 pt-2">
13545                            <a href="/pages/contact" class="hover-text-link nav-link relative block lg:inline-block">
13546                              お問い合わせ
13547                            </a>
13548                          </li><li class="mb-1 first:pt-0 pt-2">
13549                            <a href="/pages/recruit" class="hover-text-link nav-link relative block lg:inline-block">
13550                              採用情報
13551                            </a>
13552                          </li></ul><ul class="md:hidden" x-show="open" x-collapse x-cloak><li class="mb-1 mt-6 first:pt-0 pt-2">
13553                            <a href="/pages/%E3%81%94%E5%88%A9%E7%94%A8%E3%82%AC%E3%82%A4%E3%83%89" class="hover-text-link nav-link relative block lg:inline-block">
13554                              ご利用ガイド
13555                            </a>
13556                          </li><li class="mb-1  first:pt-0 pt-2">
13557                            <a href="/pages/program" class="hover-text-link nav-link relative block lg:inline-block">
13558                              ポイントプログラム
13559                            </a>
13560                          </li><li class="mb-1  first:pt-0 pt-2">
13561                            <a href="/pages/faq" class="hover-text-link nav-link relative block lg:inline-block">
13562                              FAQ
13563                            </a>
13564                          </li><li class="mb-1  first:pt-0 pt-2">
13565                            <a href="/pages/about" class="hover-text-link nav-link relative block lg:inline-block">
13566                              会社情報
13567                            </a>
13568                          </li><li class="mb-1  first:pt-0 pt-2">
13569                            <a href="/pages/%E7%89%B9%E5%AE%9A%E5%95%86%E5%8F%96%E5%BC%95%E6%B3%95%E3%81%AB%E5%9F%BA%E3%81%A5%E3%81%8F%E8%A1%A8%E8%A8%98" class="hover-text-link nav-link relative block lg:inline-block">
13570                              特定商取引法に基づく表記
13571                            </a>
13572                          </li><li class="mb-1  first:pt-0 pt-2">
13573                            <a href="/pages/%E3%83%97%E3%83%A9%E3%82%A4%E3%83%90%E3%82%B7%E3%83%BC%E3%83%9D%E3%83%AA%E3%82%B7%E3%83%BC" class="hover-text-link nav-link relative block lg:inline-block">
13574                              プライバシーポリシー
13575                            </a>
13576                          </li><li class="mb-1  first:pt-0 pt-2">
13577                            <a href="/pages/%E3%81%94%E5%88%A9%E7%94%A8%E8%A6%8F%E7%B4%84" class="hover-text-link nav-link relative block lg:inline-block">
13578                              ご利用規約
13579                            </a>
13580                          </li><li class="mb-1  first:pt-0 pt-2">
13581                            <a href="/pages/special-gift" class="hover-text-link nav-link relative block lg:inline-block">
13582                              法人のお客様へ
13583                            </a>
13584                          </li><li class="mb-1  first:pt-0 pt-2">
13585                            <a href="/pages/contact" class="hover-text-link nav-link relative block lg:inline-block">
13586                              お問い合わせ
13587                            </a>
13588                          </li><li class="mb-1  first:pt-0 pt-2">
13589                            <a href="/pages/recruit" class="hover-text-link nav-link relative block lg:inline-block">
13590                              採用情報
13591                            </a>
13592                          </li></ul></div></div>
13593          <div class="footer-col--2 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-10 rtl:md:pl-0 rtl:md:pr-10 w-full md:w-1/5 ltr" ><div x-data="{ open: false }" class="pt-4 pb-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 cursor-pointer md:cursor-default duration-200 transition">
13594                        <p class="h6 text-[115%]">アカウント</p>
13595                        <span class="md:hidden absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''">
13596    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
13597      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
13598    </svg>
13599</span>
13600                      </div><ul class="mt-6 hidden md:block"><li class="mb-1 first:pt-0 pt-2">
13601                            <a href="https://hippopotamus.co.jp/account" class="hover-text-link nav-link relative block lg:inline-block">
13602                              ログイン/新規登録
13603                            </a>
13604                          </li><li class="mb-1 first:pt-0 pt-2">
13605                            <a href="/pages/wishlist" class="hover-text-link nav-link relative block lg:inline-block">
13606                              お気に入りリスト
13607                            </a>
13608                          </li></ul><ul class="md:hidden" x-show="open" x-collapse x-cloak><li class="mb-1 mt-6 first:pt-0 pt-2">
13609                            <a href="https://hippopotamus.co.jp/account" class="hover-text-link nav-link relative block lg:inline-block">
13610                              ログイン/新規登録
13611                            </a>
13612                          </li><li class="mb-1  first:pt-0 pt-2">
13613                            <a href="/pages/wishlist" class="hover-text-link nav-link relative block lg:inline-block">
13614                              お気に入りリスト
13615                            </a>
13616                          </li></ul></div></div>
13617          <div class="footer-col--3 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-10 rtl:md:pl-0 rtl:md:pr-10 w-full md:w-1/5 ltr" ><div x-data="{ open: false }" class="pt-4 pb-4 border-b border-b-solid md:border-none"><div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 cursor-pointer md:cursor-default duration-200 transition">
13618                        <p class="h6 text-[115%]">外部サイト</p>
13619                        <span class="md:hidden absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''">
13620    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
13621      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
13622    </svg>
13623</span>
13624                      </div><div class="hidden md:block"><div class="rte mt-6"><p>台灣官方網站請點這邊</p></div></div>
13625                    <div class="md:hidden" x-show="open" x-collapse x-cloak><div class="rte mt-6"><p>台灣官方網站請點這邊</p></div></div>
13626                  </div></div></div></div><div class="additional-footer ltr x-pgw page-width mr-auto ml-auto lg:flex lg:flex-row lg:justify-between items-center"
13627  >
13628    <div class="flex flex-col lg:flex lg:flex-row gap-x-7 items-center w-full justify-between"><div class="mb-3 md:mb-2 lg:mb-0">
13629        
13630<div id="selector-social" class=" flex flex-col items-center md:items-start md:flex md:items-center mr-auto ml-auto">
13631     
13632
13633
13634<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="multi-selectors flex flex-col lg:flex-row lg:items-center lg:justify-center md:flex-row" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/products/set-cb1-box" /><div 
13635      class="localization-form-child text-normal relative inline-flex lg:inline-block justify-center"
13636      x-data="{ open: false }" 
13637      @keyup.escape="open = false"
13638    >
13639      <button 
13640        @click.prevent="open = ! open;"
13641        class="toolbar-button relative pt-2.5 pb-2.5 pr-5 rtl:pr-0 rtl:pl-5 cursor-pointer hover-text-link duration-200 transition"
13642        aria-expanded="false" aria-controls="LanguageList"
13643      >
13644        <span>日本語</span>
13645        <span class="absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 flex right-0 rtl:right-auto rtl:left-0" :class="open && ' -rotate-180'">
13646    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
13647      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
13648    </svg>
13649</span>
13650      </button>
13651      <div x-show="open" @click.away="open = false" x-cloak>
13652        
13653          <ul 
13654             
13655              x-transition:enter="transition-all ease-in-out duration-500"
13656              x-transition:enter-start="opacity-0 transform translate-y-4"
13657              x-transition:enter-end="opacity-100 transform translate-y-0"
13658              x-transition:leave="transition-all ease-in-out duration-500"
13659              x-transition:leave-end="opacity-0 transform translate-y-4"
13660            
13661            x-show="open"
13662            id="LanguageList"
13663            role="list" 
13664            x-data="xLocalizationForm" 
13665            class="locale-options scrollbar-body w-max pt-3 pb-3 pl-5 pr-5 absolute left-0 bottom-full z-50 shadow-md max-h-64 overflow-y-auto background-header background-footer bottom-9"
13666          >
13667            
13668              <li class="cursor-pointer pt-1 pb-1 duration-200 transition sticky-footer">
13669                <a class="nav-link hover-text-link relative border-b underline-color effect-inline"
13670                  href="#"
13671                  data-no-instant
13672                  @click="submit('ja', 'locale_selector')"
13673                >
13674                  <span class="disclosure-list__label">日本語</span>
13675                </a>
13676              </li>
13677              <li class="cursor-pointer pt-1 pb-1 duration-200 transition sticky-footer">
13678                <a class="nav-link hover-text-link relative options-text-color"
13679                  href="#"
13680                  data-no-instant
13681                  @click="submit('en', 'locale_selector')"
13682                >
13683                  <span class="disclosure-list__label">English</span>
13684                </a>
13685              </li></ul>
13686        
13687      </div>
13688      <input type="hidden" aria-hidden="true" name="locale_code" id="locale_selector" value="ja" data-disclosure-input/>
13689    </div></form>
13689<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/locales-form.js?v=77424405773733899781774087103" defer></script>
13689</div>
13690        </div><div class="flex flex-col items-center lg:mb-0 order-last md:order-none lg:pl-14 lg:max-w-3xl">
13691        <div class="mt-4 md:mt-4 base-link text-center lg:mt-0 lg:text-right p-break-words"><p class="inline-block">&copy; 2026, </p>
13692            <a href="/" title="">Hippopotamus-official</a>.<div class="ml-1 inline-block">
13693                <p>HPS inc.</p>
13694              </div>
13695        </div>
13696      </div>
13697          <ul class="icon-payment flex justify-center gap-y-2 flex-wrap" role="list"><li class="pl-1 pr-1">
13698                <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-american_express"><title id="pi-american_express">American Express</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#0071CE" style="fill:#0071CE;fill:color(display-p3 0.0000 0.4431 0.8078);fill-opacity:1;"/><path d="M3 0.5H35C36.3348 0.5 37.5 1.58692 37.5 3V21C37.5 22.4239 36.4239 23.5 35 23.5H3C1.66524 23.5 0.5 22.4131 0.5 21V3C0.5 1.57614 1.57614 0.5 3 0.5Z" stroke="black" stroke-opacity="0.07" style="stroke:black;stroke-opacity:0.07;"/><path d="M25.8662 6.33203V3H31L31.8662 5.5332L32.7334 3H37V14.2002H36.7998L34.8672 16.2656L36.7998 18.3594H37V21.2666H33.5996L31.9336 19.3994L30.2002 21.2666H19.4668V12.666H16L20.2666 3H24.4004L25.8662 6.33203ZM20.5996 20.2656H27V18.5322H22.666V17.3994H26.8662V15.666H22.666V14.5322H27V12.7988H20.5996V20.2656ZM30.5332 16.5322L27 20.2656H29.5996L31.8662 17.8662L34.0664 20.2656H36.7324L33.1992 16.4658L36.7324 12.7988H34.1328L31.8662 15.1992L29.7324 12.7988H27L30.5332 16.5322ZM17.666 11.7324H19.9326L20.5332 10.1992H23.999L24.666 11.7324H26.999L23.666 4.19922H20.999L17.666 11.7324ZM33.5996 4.19922L31.9326 8.86621L30.1992 4.19922H27V11.666H29.0664V6.39941L31 11.666H32.7998L34.7324 6.39941V11.666H36.7324V4.13281L33.5996 4.19922ZM23.2656 8.46582H21.2656L22.2656 5.99902L23.2656 8.46582Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
13699
13700              </li><li class="pl-1 pr-1">
13701                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 
137011.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>
13702
13703              </li><li class="pl-1 pr-1">
13704                <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.
1370406zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg>
13705
13706              </li><li class="pl-1 pr-1">
13707                <svg width="38" height="24" role="img" aria-labelledby="pi-jcb" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg"><title id="pi-jcb">JCB</title><g fill="none" fill-rule="evenodd"><g fill-rule="nonzero"><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/></g><path d="M11.5 5H15v11.5a2.5 2.5 0 0 1-2.5 2.5H9V7.5A2.5 2.5 0 0 1 11.5 5z" fill="#006EBC"/><path d="M18.5 5H22v11.5a2.5 2.5 0 0 1-2.5 2.5H16V7.5A2.5 2.5 0 0 1 18.5 5z" fill="#F00036"/><path d="M25.5 5H29v11.5a2.5 2.5 0 0 1-2.5 2.5H23V7.5A2.5 2.5 0 0 1 25.5 5z" fill="#2AB419"/>
13707<path d="M10.755 14.5c-1.06 0-2.122-.304-2.656-.987l.78-.676c.068 1.133 3.545 1.24 3.545-.19V9.5h1.802v3.147c0 .728-.574 1.322-1.573 1.632-.466.144-1.365.221-1.898.221zm8.116 0c-.674 0-1.388-.107-1.965-.366-.948-.425-1.312-1.206-1.3-2.199.012-1.014.436-1.782 1.468-2.165 1.319-.49 3.343-.261 3.926.27v.972c-.572-.521-1.958-.898-2.919-.46-.494.226-.737.917-.744 1.448-.006.56.245 1.252.744 1.497.953.467 2.39.04 2.919-.441v1.01c-.358.255-1.253.434-2.129.434zm8.679-2.587c.37-.235.582-.567.582-1.005 0-.438-.116-.687-.348-.939-.206-.207-.58-.469-1.238-.469H23v5h3.546c.696 0 1.097-.23 1.315-.415.283-.25.426-.53.426-.96 0-.431-.155-.908-.737-1.212zm-1.906-.281h-1.428v-1.444h1.495c.956 0 .944 1.444-.067 1.444zm.288 2.157h-1.716v-1.513h1.716c.986 0 1.083 1.513 0 1.513z" fill="#FFF" fill-rule="nonzero"/></g></svg>
13708              </li><li class="pl-1 pr-1">
13709                <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg>
13710
13711              </li><li class="pl-1 pr-1">
13712                <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 
137120-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg>
13713              </li><li class="pl-1 pr-1">
13714                <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg>
13715
13716              </li><li class="pl-1 pr-1">
13717                <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778 
1371716.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
13718
13719              </li></ul>
13720         </div>
13721  </div>
13722</div>
13723</div>
13724<!-- END sections: footer-group-puff -->
13725        
13726      
13727<div id="eurus-popup" class="fixed duration-500 inset-0 z-[100] pointer-events-none md:block flex flex-col-reverse h-fit top-[unset] md:h-full md:top-0" x-cloak></div>
13728
13729<div id="popup-minimal-left"
13730  class="popup-minimal fixed z-50 bottom-4 md:bottom-8 left-4 md:left-8 pointer-events-auto pr-4 md:pr-8"
13731></div>
13732      
13733        <div class="scroll-to-top">
13734  <style data-shopify>
13735    .scroll_top {
13736      bottom: 40px;
13737    }
13738    @media(min-width: 768px) {
13739      .scroll_top {
13740        bottom: 40px;
13741      }
13742    }
13743  </style>
13744  <div
13745    x-data="xScrollTop"
13746    @init-run.window="scrollFunction()"
13747    @scroll.window="scrollFunction()"
13748    class=" md:block"
13749  >
13750    <button 
13751      x-show="show" x-cloak 
13752      @click="scrollTop()" 
13753      class="scroll_top fixed z-50 pl-3 pr-3 pb-3 pt-3 w-11 h-11 md:w-14 md:h-14 md:pl-4 md:pt-4 md:pr-4 md:pb-4 border-0 rounded-full right-5 rtl:right-auto rtl:left-5 -rotate-90 button button-action"
13754      x-transition:enter="transition-all ease-in-out duration-500"
13755      x-transition:enter-start="opacity-0 transform translate-y-1/3"
13756      x-transition:enter-end="opacity-100 translate-y-0"
13757      x-transition:leave="transition-all ease-in-out duration-500"
13758      x-transition:leave-end="opacity-0 transform translate-y-1/3"
13759      aria-label="scroll top"
13760    >
13761      
13762        
13763    <svg width="100%" height="100%" class=" w-full h-full" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
13764      <path fill="none" d="M15.7122 20L23 12.5L15.7122 5M1 12.5001H21.5834" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
13765    </svg>
13766  
13767
13768      
13769    </button>
13770  </div>
13771  
13771<script>
13772    requestAnimationFrame(() => {
13773      document.addEventListener('alpine:init', () => {
13774        Alpine.data('xScrollTop', () => ({
13775          show: false,
13776          scrollTop() {
13777            window.scrollTo({top: 0, behavior: 'smooth'});
13778          },
13779          scrollFunction() {
13780            const position = window.xViewport.innerWidth < 1025 ? 300 : 900;
13781            this.show = (document.body.scrollTop > position || document.documentElement.scrollTop > position)
13782              ? true : false;
13783          }
13784        }));
13785      });
13786    });
13787  </script>
13787
13788</div>
13789      
13790      
13791    </div>
13792    <div><ul hidden>
13793        <li id="a11y-refresh-page-message">ページ全体のリフレッシュに選択結果を選択する
13794        </li>
13795        <li id="a11y-new-window-message">新しいウィンドウで開きます。
13796        </li>
13797      </ul>
13798      
13798<script>
13799        window.Eurus = {
13800          sliderScript: '//hippopotamus.co.jp/cdn/shop/t/52/assets/splide4.1.3.js?v=75458750262329959491774087103',
13801          cart_error: `カートの更新中にエラーが発生しました。もう一度お試しください。`,
13802          cart_quantity_error_html: `この商品は[quantity] 個のみカートに追加できます。`,
13803          loadedScript: new Set(),
13804          cart_add_url: '/cart/add'
13805        };
13806      </script>
13806
13807      
13808      
13809      
13810<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/coupon-code.js?v=42566342158599338361774087103" defer></script>
vendor: 1 bytes, line 13810
13810
13811<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/cart-fields.js?v=73071700365691518621778085692" defer></script>
13811
13812
13813        
13813<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/preview-color-swatches.js?v=5957683164806633661774087103" defer></script>
13813
13814        
13814<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/double-touch.js?v=64605958049830659291774087103" defer></script>
13814<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/cart-countdown-timer.js?v=143864077785370808651774087103" defer></script>
13814
13815      
13816      
13816<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/theme.js?v=101517143739103459471774087103" defer></script>
13816
13817      
13817<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/header.js?v=169574642997192220551774087103" defer></script>
13817
13818      
13818<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/truncate-text.js?v=110224493870955327341774087103" defer></script>
13818
13819      
13819<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/variant-select-card.js?v=141532107461796769501774087103" defer></script>
13819
13820      
13821        
13821<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/product-cart.js?v=76469948039744527901774087103" defer></script>
13821
13822        
13822<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/quantity-selector.js?v=108001814289740243131774087103" defer></script>
13822
13823      
13824      
13824<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/video.js?v=146847410356032100721774087103" defer></script>
13824
13825      
13825<script src="//hippopotamus.co.jp/cdn/shop/t/52/assets/vendors.js?v=21726020999429958561774087103" defer></script>
13825
13826      
13826<script>
13827        window.addEventListener("load", (event) => {
13828          deferScriptLoad('instant.page', '//hippopotamus.co.jp/cdn/shop/t/52/assets/instant.page.v5.1.1.js?v=43232110432331176871774087103', () => {}, true);
13829        });
13830      </script>
13830
13831    </div>
13832
13833
13834<!-- Global site tag (gtag.js) - Google Ads: 1021716008 -->
vendor: 64 bytes, lines 13834-13835
13834
13835<script async src="https://www.googletagmanager.com/gtag/js?id=
13835AW-1021716008
vendor: 12 bytes, line 13835
13835"></script>
13836<script>
13837  
vendor: 134 bytes, lines 13837-13841
13837window.dataLayer = window.dataLayer || [];
13838  function gtag(){dataLayer.push(arguments);}
13839  gtag('js', new Date());
13840
13841  gtag('config', '
13841AW-1021716008
vendor: 4 bytes, line 13841
13841');
13842</script>
13842
13843  
13843<script>
13844  gtag('event', 'page_view', {
13845    'send_to': 'AW-1021716008',
13846    'user_id': 'replace with value',
13847    'value': 'replace with value',
13848    'items': [{
13849      'id': 'replace with value',
13850      'google_business_vertical': 'retail'
13851    }]
13852  });
13853</script>
13853
13854
13855<!-- chatplus -->
13856<script>(function(){
13857var w=window,d=document;
13858var s="https://app.chatplus.jp/cp.js";
13859d["__cp_d"]="https://app.chatplus.jp";
13860d["__cp_c"]="28cf526c_1";
13861var a=d.createElement("script"), m=d.getElementsByTagName("script")[0];
13862a.async=true,a.src=s,m.parentNode.insertBefore(a,m);})();</script>
13862
13863
13864<!-- CRITEO START -->
13865
13866<script type="text/javascript">
13867  (function(){
13868    var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
13869    window.criteo_q = window.criteo_q || [];
13870    window.criteo_q.push(
13871      { event: "setAccount", account: 88775 },
13872      { event: "setEmail", email: "" },
13873      { event: "setSiteType", type: deviceType },
13874      { event: "setZipcode", zipcode: "" },
13875        
13876        
13877        
13878        
13879          { event: "viewItem", ecpplugin: "shopify-mc", item:  "8529620271302"  }
13880          
13881        
13882        
13883    );
13884    window.addEventListener('load', function() {
13885      // ajax request catching
13886      (function(open) {
13887        XMLHttpRequest.prototype.open = function(method, url, async, user, pass) {
13888          this.addEventListener("readystatechange", function() {
13889            if (this.readyState == 4 && this._url.includes("/add.js") && "8529620271302" != "") {
13890              try {
13891                $.getJSON("/cart.js", function(data) {
13892                  var basketData = [];
13893                  var item;
13894                  if (!data.items || !data.items.length) return;
13895                  for (var i = 0; i < data.items.length; i++) {
13896                    item = data.items[i];
13897                    if (item.product_id == "8529620271302") {
13898                      basketData.push({
13899                        id: item.product_id,
13900                        price: (typeof(item.price) != "number") ? item.price : (item.price/100),
13901                        quantity: item.quantity
13902                      });
13903                    }
13904                  }
13905                  window.criteo_q.push({
13906                    event: "addToCart",
13907                    ecpplugin: "shopify-mc",
13908                    product: basketData 
13909                  });
13910                });
13911              } catch (err) {
13912                // do nothing
13913              }
13914            }
13915          }, false);
13916          open.call(this, method, url, async, user, pass);
13917        };
13918      })(XMLHttpRequest.prototype.open);
13919
13920      // fetch request catching
13921      const crtoMock = window.fetch;
13922      window.fetch = function() {
13923        return new Promise((resolve, reject) => {
13924          crtoMock.apply(this, arguments)
13925            .then((response) => {
13926              if(response.url.includes("/add.js") && response.type != "cors" && "8529620271302" != ""){
13927                try {
13928                  $.getJSON("/cart.js", function(data) {
13929                    var basketData = [];
13930                    var item;
13931                    if (!data.items || !data.items.length) return;
13932                    for (var i = 0; i < data.items.length; i++) {
13933                      item = data.items[i];
13934                      if (item.product_id == "8529620271302") {
13935                        basketData.push({
13936                          id: item.product_id,
13937                          price: (typeof(item.price) != "number") ? item.price : (item.price/100),
13938                          quantity: item.quantity
13939                        });
13940                      }
13941                    }
13942                    window.criteo_q.push({
13943                      event: "addToCart",
13944                      ecpplugin: "shopify-mc",
13945                      product: basketData 
13946                    });
13947                  });
13948                } catch (err) {
13949                  // do nothing
13950                }
13951              }
13952              resolve(response);
13953            })
13954            .catch((error) => {
13955              reject(error);
13956            })
13957        });
13958      }
13959    }, false);
13960  })();
13961</script>
13961
13962<!-- CRITEO END -->
13963
13964  <style>  </style>
13965<div id="shopify-block-AVnFhNE1DajBFM0JEb__13259354545351828247" class="shopify-block shopify-app-block">
13965<script id="huckleberry-subscription-embed-script" type="module" src="https://cdn.shopify.com/extensions/01a0f185-abce-7816-911a-7be2282c7b78/subscription-test-5-199/assets/script.js?shop=hippopotamus-official.myshopify.com"></script>
13965
13966
13967</div><div id="shopify-block-AWW1XVnFRWWFzU09ud__17283525856706501396" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: bundle -->
13967<script
13968  defer
13969  src="https://shop.socialplus.jp/storefront/bundle.js"
13970></script>
13970<!-- END app snippet -->
13971
13972<div
13973  class="socialplus-associate-id-banner"
13974  data-locale="ja"
13975  data-root-url="/"
13976  data-message=""
13977  data-banner-position="right-bottom"
13978  data-customer=""
13979  ></div>
13980
13981
13982</div><div id="shopify-block-AdlMwdW41eW0wNHQ2b__18131037017812181619" class="shopify-block shopify-app-block">
13983  
13983<script defer src="https://chimpstatic.com/mcjs-connected/js/users/9ed111a33df0944750bd3718f/9c2025b884da2ffd2d6494a43.js"></script>
13983
13984  
13984<script>window.mc_embedded = true;</script>
13984
13985
13986
13987
13988</div>
13988<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
13988
13989</body>
13990</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.