PageSourceSearch

https://hi-gold-baseball.com/view/news/20260924111145

html hi-gold-baseball.com collected 2026-10-08 20:27:55 UTC 97,787 bytes, 2,040 lines download raw bytes

1<!doctype html>
2<html>
3  <head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <title>棚卸に伴う発送休止のお知らせ</title>
7    <meta name="description" content="">
8    <link rel="canonical" href="https://www.hi-gold-baseball.com/view/news/20260924111145">
9    <meta property="og:type" content="website">
10    <meta property="og:title" content="棚卸に伴う発送休止のお知らせ">
11    <meta property="og:description" content="">
12    <meta property="og:site_name" content="ハイゴールドオフィシャルオンラインショップ">
13    <meta name="twitter:card" content="summary_large_image">
14    <link rel="shortcut icon" type="image/ico" href="/favicon.ico">
15    <!-- Icon -->
16    <link
17      rel="stylesheet"
18      href="https://cdn-uicons.flaticon.com/2.6.0/uicons-regular-rounded/css/uicons-regular-rounded.css"
19      media="print"
20      onload="this.media='all'"
21    >
22    <link rel="stylesheet" href="https://cdn-uicons.flaticon.com/2.6.0/uicons-brands/css/uicons-brands.css" media="print" onload="this.media='all'">
23    <link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet" media="print" onload="this.media='all'">
24    <noscript>
25      <link rel="stylesheet" href="https://cdn-uicons.flaticon.com/2.6.0/uicons-regular-rounded/css/uicons-regular-rounded.css">
26      <link rel="stylesheet" href="https://cdn-uicons.flaticon.com/2.6.0/uicons-brands/css/uicons-brands.css">
27      <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css">
28    </noscript>
29    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap" rel="stylesheet">
30    <!-- Alpine.js -->
31    
31<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script>
31
32    <!-- Anime.js -->
33    
33<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"></script>
33
34    <!-- Swiper -->
35    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
36    
36<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
36
37    <!-- GLightbox -->
38    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/glightbox.min.css" media="print" onload="this.media='all'">
39    <noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/glightbox.min.css"></noscript>
40    
40<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/glightbox.min.js"></script>
40
41
42    <link rel="stylesheet" href="/js/jqueryplugin/remodal/1.1.1/remodal.css">
43<link rel="stylesheet" href="/js/jqueryplugin/remodal/1.1.1/remodal-default-theme.css">
44<link rel="stylesheet" href="/js/jqueryplugin/makeshop_bxslider/4.2.14/jquery.bxslider.min.css">
45<link rel="stylesheet" href="/view/asset/system-99999-1-10-78e567dc05121ea6e0c5107158f4037f.css">
46<script>(function u(){var u=document.createElement("script");u.type="text/javascript",u.async=true,u.src="//api.u-komi.com/a67bf854eab3a8b87961b94d6db7fe8f6a6d120453be8b7b06c0d4ab995c58f1/widget.js";var k=document.getElementsByTagName("script")[0];k.parentNode.insertBefore(u,k)})();</script>
vendor: 64 bytes, lines 46-47
46
47<script async src="https://www.googletagmanager.com/gtag/js?id=
47G-JSYGL922VG
vendor: 12 bytes, line 47
47"></script>
48<script>
49window.dataLayer = window.dataLayer || [];
50function makeshop_ga_gtag(){dataLayer.push(arguments);}
51makeshop_ga_gtag('js', new Date());
52makeshop_ga_gtag('config', 'G-JSYGL922VG');
53</script>
53
54
55<meta name="facebook-domain-verification" content="yq2yqtz10i946hy2pb9jn6jvfhxh78" />
56
57    <style>
58      [x-cloak] {
59        display: none !important;
60      }
61      .common-item-swiper {
62        overflow: visible !important;
63        position: relative;
64        padding-bottom: 80px !important;
65      }
66      /* カルーセルがコンテナ幅を超えて横にはみ出すのを防ぐ。
67         左右ナビ矢印はラッパーの左右余白(padding)内に配置されるためクリップされない。 */
68      div:has(> .common-item-swiper) {
69        overflow-x: clip;
70      }
71      .common-item-swiper .swiper-pagination-progressbar.swiper-pagination-horizontal {
72        top: auto !important;
73        bottom: 0 !important;
74        left: 0 !important;
75        width: 100% !important;
76        height: 2px !important;
77        background: rgba(0, 0, 0, 0.1) !important;
78        position: absolute !important;
79      }
80      .common-item-swiper .swiper-pagination-progressbar-fill {
81        background: #000 !important;
82        height: 2px !important;
83      }
84      .common-item-swiper .custom-arrow {
85        width: 44px !important;
86        height: 44px !important;
87        position: absolute !important;
88        top: 40% !important;
89        z-index: 20 !important;
90        background: #fff !important;
91        border: 1px solid #e5e7eb !important;
92        color: transparent !important;
93        display: flex !important;
94        align-items: center !important;
95        justify-content: center !important;
96        transition: all 0.3s ease !important;
97      }
98      .common-item-swiper .custom-arrow::after {
99        display: none !important;
100        content: none !important;
101      }
102      .common-item-swiper .custom-arrow::before {
103        content: '';
104        display: block;
105        width: 10px;
106        height: 10px;
107        border-top: 1.5px solid #333;
108        border-right: 1.5px solid #333;
109        position: absolute;
110      }
111      .swiper-button-prev.custom-arrow {
112        left: -22px !important;
113      }
114      .swiper-button-prev.custom-arrow::before {
115        transform: rotate(-135deg);
116        left: 18px;
117      }
118      .swiper-button-next.custom-arrow {
119        right: -22px !important;
120      }
121      .swiper-button-next.custom-arrow::before {
122        transform: rotate(45deg);
123        right: 18px;
124      }
125      .common-item-swiper .custom-arrow:hover {
126        border-color: #000 !important;
127        background: #f9f9f9 !important;
128      }
129      .common-item-swiper .swiper-button-disabled {
130        opacity: 0 !important;
131        cursor: default;
132      }
133      @media (max-width: 767px) {
134        .relative.px-12 {
135          padding-left: 0 !important;
136          padding-right: 0 !important;
137        }
138        .common-item-swiper {
139          overflow: hidden !important;
140          padding-left: 15px !important;
141          padding-right: 15px !important;
142          padding-bottom: 50px !important;
143        }
144        .common-item-swiper .custom-arrow {
145          display: none !important;
146        }
147        .common-item-swiper .swiper-pagination-progressbar.swiper-pagination-horizontal {
148          bottom: 15px !important;
149          width: calc(100% - 40px) !important;
150          left: 20px !important;
151        }
152      }
153      /*
154        position: sticky の containing block 制約を回避するため、
155        sticky 要素を直接子に持つセクションラッパー div を display: contents にして、
156        スクロール文脈の祖先(body の直下 div)まで containing block を引き上げる。
157        ヘッダー固定表示などのために必要
158      */
159      body > div > div:has(> .sticky) {
160        display: contents;
161      }
162    </style>
163    <!-- Theme CSS Custom Properties -->
164    <style>
165      :root {
166        --theme-bg: #000000;
167        --theme-heading-size: 20px;
168        --theme-body-size: 12px;
169        --theme-text: #FFFFFF;
170        --theme-normal-button: #FFFFFF;
171        --theme-normal-button-text: #000000;
172        --theme-normal-button-border: 1px solid #000000;
173        --theme-cart-button: #FFFFFF;
174        --theme-cart-button-text: #000000;
175        --theme-cart-button-border: 1px solid #000000;
176        --theme-icon: #FFFFFF;
177        --theme-horizontal-padding: 24px;
178        --theme-border-radius: 0px;
179        --theme-product-card-bg: #000000;
180        --theme-product-card-border: 1px solid #FFFFFF;
181        --theme-product-card-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);
182        --theme-point-color: #E0E0E0;
183        --theme-anim-distance: 32px;
184        --theme-anim-duration: 700ms;
185        --theme-anim-easing: cubic-bezier(0.33, 1, 0.68, 1);
186        --theme-anim-image-duration: 300ms;
187      }
188
189      body {
190        background-color: var(--theme-bg);
191        font-size: var(--theme-body-size);
192        color: var(--theme-text);
193      }
194
195      .theme-heading {
196        font-size: var(--theme-heading-size);
197      }
198
199      .theme-container {
200        padding-left: var(--theme-horizontal-padding);
201        padding-right: var(--theme-horizontal-padding);
202      }
203
204      .theme-rounded {
205        border-radius: var(--theme-border-radius);
206      }
207
208      .theme-icon-color {
209        color: var(--theme-icon);
210      }
211
212      .theme-button-normal {
213        background-color: var(--theme-normal-button);
214        color: var(--theme-normal-button-text);
215        border: var(--theme-normal-button-border);
216      }
217
218      .theme-button-cart {
219        background-color: var(--theme-cart-button);
220        color: var(--theme-cart-button-text);
221        border: var(--theme-cart-button-border);
222      }
223
224      .theme-product-card {
225        background-color: var(--theme-product-card-bg);
226        border: var(--theme-product-card-border);
227        box-shadow: var(--theme-product-card-shadow);
228        border-radius: var(--theme-border-radius);
229      }
230
231      /*
232        スクロールイン。
233        JS が html に scroll-in-enabled を付けたときだけ隠す。こうしないと JavaScript 無効時に
234        コンテンツが永久に見えなくなる(opacity: 0 のまま解除されない)。
235      */
236      .scroll-in-enabled [data-scroll-in] {
237        opacity: 0;
238        transform: translateY(var(--theme-anim-distance));
239        transition:
240          opacity var(--theme-anim-duration) var(--theme-anim-easing),
241          transform var(--theme-anim-duration) var(--theme-anim-easing);
242      }
243
244      /* 完了状態は transform: none。translateY(0) を残すと position: fixed の containing block になる */
245      .scroll-in-enabled [data-scroll-in].is-visible {
246        opacity: 1;
247        transform: none;
248      }
249
250      /* 読み込み時点で画面内にあるセクション用。LCP を落とさないようアニメーションさせず即表示する */
251      .scroll-in-enabled [data-scroll-in].is-instant {
252        transition: none;
253      }
254
255      @media (prefers-reduced-motion: reduce) {
256        .scroll-in-enabled [data-scroll-in] {
257          opacity: 1;
258          transform: none;
259          transition: none;
260        }
261      }
262
263      /*
264        画像の遅延読み込みフェード。
265        JS が読み込み完了を検知して is-loaded を付けるまで透明にする。門番クラスの配下だけに
266        効かせるので、JavaScript 無効なら画像は最初から見える。
267        読み込みに失敗した場合は is-loaded が付かず、透明のままになる。プレースホルダの単色は
268        画像自身ではなく枠側に持たせる(opacity: 0 は自身の背景色ごと透明にするため)。
269      */
270      .img-fade-enabled img[data-img-fade] {
271        opacity: 0;
272      }
273
274      /*
275        transition ではなく animation でフェードさせる。transition ショートハンドはこのセレクタの
276        詳細度が Tailwind ユーティリティより高く、商品カードや関連商品の transition-transform を
277        opacity だけに上書きしてしまい、ホバー拡大がアニメーションしなくなる。
278      */
279      .img-fade-enabled img[data-img-fade].is-loaded {
280        opacity: 1;
281        animation: img-fade-in var(--theme-anim-image-duration) ease;
282      }
283
284      @keyframes img-fade-in {
285        from {
286          opacity: 0;
287        }
288      }
289
290      @media (prefers-reduced-motion: reduce) {
291        .img-fade-enabled img[data-img-fade] {
292          opacity: 1;
293          animation: none;
294        }
295      }
296
297      /*
298        上部へ戻る追従ボタン(全ページ共通・#37283)。
299        Tailwind ユーティリティではなく手書き CSS にしているのは、JS でクラス名を組み立てる形にすると
300        補間付きの arbitrary value が本番のスキャンで拾われないため(text-typing.js が踏んでいた罠)。
301
302        --back-to-top-offset は #37284(商品詳細の追従カートボタン=画面下端)と重なったときに
303        ボタンを持ち上げるための余地。既定は 0 で、干渉する画面側から上書きする想定。
304      */
305      .back-to-top {
306        --back-to-top-offset: 0px;
307        position: fixed;
308        right: 16px;
309        bottom: calc(16px + env(safe-area-inset-bottom, 0px) + var(--back-to-top-offset));
310        z-index: 40;
311        display: none;
312        align-items: center;
313        justify-content: center;
314        width: 44px;
315        height: 44px;
316        padding: 0;
317        border-radius: 9999px;
318        background-color: var(--theme-normal-button);
319        color: var(--theme-normal-button-text);
320        border: var(--theme-normal-button-border);
321        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
322        cursor: pointer;
323      }
324
325      @media (min-width: 768px) {
326        .back-to-top {
327          right: 24px;
328          bottom: calc(24px + env(safe-area-inset-bottom, 0px) + var(--back-to-top-offset));
329        }
330      }
331
332      .back-to-top.is-shown {
333        display: inline-flex;
334      }
335    </style>
336
337    
337<script>
338      document.documentElement.classList.add('scroll-in-enabled', 'img-fade-enabled');
339      // scroll-effect.js が common.js に含まれなかった場合の保険。
340      // 隠したまま解除されない事故を防ぐため、読み込み完了時に未初期化なら門番クラスを外す。
341      window.addEventListener('load', function () {
342        if (!window.__scrollInReady) {
343          document.documentElement.classList.remove('scroll-in-enabled', 'img-fade-enabled');
344        }
345      });
346    </script>
346
347
348    <link rel="stylesheet" href="/view/asset/user-99999-1-10-d9cd43ccb83b43d87d063239bc7e3e79.css">
349  </head>
350
351
352  <body x-data class="font-sans">
353    
354
355    <div>
356      <!-- nocode:module:header -->
357        <div >
358          <header
359            class="bg-[#FFFFFF] text-[#000000] shadow-md sticky top-0 z-50"
360            x-data="{
361              searchOpen: false,
362              logoIsCenter: false,
363              navOverflow: false,
364              init() {
365                this.$nextTick(() => this.measureNavOverflow());
366                window.addEventListener('load', () => this.measureNavOverflow());
367                const ro = new ResizeObserver(() => this.measureNavOverflow());
368                ro.observe(document.body);
369              },
370              measureNavOverflow() {
371                // 中央配置は常に 2 行レイアウト(CSS 側で完結)
372                if (this.logoIsCenter) return;
373                // モバイル(< md)は nav 非表示のため 1 行扱い
374                if (window.innerWidth < 768) {
375                  this.navOverflow = false;
376                  return;
377                }
378                const row = this.$refs.headerRow;
379                const logo = this.$refs.headerLogo;
380                const nav = this.$refs.headerNav;
381                const icons = this.$refs.headerIcons;
382                if (!row || !logo || !nav || !icons) return;
383                // 子要素の自然幅を合計して nav とアイコン群の真の必要幅を求める
384                const sumChildren = (parent, gapPx) => {
385                  let total = 0;
386                  let count = 0;
387                  for (const child of parent.children) {
388                    const w = child.offsetWidth;
389                    if (w > 0) { total += w; count++; }
390                  }
391                  if (count > 1) total += (count - 1) * gapPx;
392                  return total;
393                };
394                const navWidth = sumChildren(nav, 32);   // gap-x-8 = 32px
395                const iconsWidth = sumChildren(icons, 20); // space-x-5 = 20px
396                const minGap = 32; // logo&#8596;nav, nav&#8596;icons の最小余白
397                const required = logo.offsetWidth + navWidth + iconsWidth + minGap * 2;
398                this.navOverflow = required > row.clientWidth;
399              }
400            }"
401            @keydown.escape.window="searchOpen = false"
402          >
403            <div class="container mx-auto px-4 max-w-[1240px]">
404              <span class="hidden !order-4 md:!min-h-16" aria-hidden="true"></span>
405              <div
406                x-ref="headerRow"
407                class="flex items-center min-h-16 justify-between md:min-h-24"
408                :class="navOverflow ? 'flex-wrap md:pt-3 md:!min-h-16' : ''"
409              >
410                <div
411                  x-ref="headerLogo"
412                  class="flex-shrink-0 order-1"
413                >
414                  <a href="/" class="block">
415                                        <img
416                      src="https://shop80-makeshop.akamaized.net/shopimages/tb7030/logo.png"
417                      alt="ハイゴールドオフィシャルオンラインショップロゴ"
418                      class="h-8 md:h-12 w-auto object-contain"
419                    >
420                                      </a>
421                </div>
422
423                <nav
424                  x-ref="headerNav"
425                  class="hidden md:flex flex-wrap items-center gap-x-8 gap-y-2 text-[14px] font-bold tracking-widest uppercase order-2"
426                  :class="navOverflow ? '!order-4 md:w-full md:justify-center md:pt-2 md:pb-3' : ''"
427                >
428                                        <div
429                      x-data="{ open: false }"
430                      class="relative whitespace-nowrap"
431                      @mouseenter="open = true"
432                      @mouseleave="open = false"
433                      @keydown.escape.window="open = false"
434                    >
435                      <button
436                        type="button"
437                        class="hover:opacity-60 transition-opacity flex items-center gap-1"
438                        @click="open = !open"
439                        :aria-expanded="open"
440                        aria-haspopup="true"
441                      >
442                        カテゴリから選ぶ
443                        <i class="fi fi-rr-angle-small-down text-xs transition-transform" :class="open ? 'rotate-180' : ''"></i>
444                      </button>
445                      <div
446                        x-show="open"
447                        @click.outside="open = false"
448                        x-transition:enter="transition ease-out duration-150"
449                        x-transition:enter-start="opacity-0 translate-y-1"
450                        x-transition:enter-end="opacity-100 translate-y-0"
451                        x-transition:leave="transition ease-in duration-100"
452                        x-transition:leave-start="opacity-100 translate-y-0"
453                        x-transition:leave-end="opacity-0 translate-y-1"
454                        class="absolute top-full left-0 mt-2 bg-white text-[#333] rounded-lg shadow-xl min-w-[200px] py-2 z-50"
455                        role="menu"
456                        x-cloak
457                      >
458                                                <div class="group">
459                          <a
460                            href="/view/category/OnlineLtd"
461                            class="block px-4 py-2 text-xs font-semibold hover:bg-black/5 transition-colors normal-case tracking-normal"
462                            role="menuitem"
463                          >
464                            ONLINESHOP LIMITED
465                          </a>
466                                                  </div>
467                                                <div class="group">
468                          <a
469                            href="/view/category/Outlet"
470                            class="block px-4 py-2 text-xs font-semibold hover:bg-black/5 transition-colors normal-case tracking-normal"
471                            role="menuitem"
472                          >
473                            OUTLET
474                          </a>
475                                                  </div>
476                                                <div class="group">
477                          <a
478                            href="/view/category/glove"
479                            class="block px-4 py-2 text-xs font-semibold hover:bg-black/5 transition-colors normal-case tracking-normal"
480                            role="menuitem"
481                          >
482                            GLOVE
483                          </a>
484                                                    <div class="pl-4">
485                                                        <a
486                              href="/view/category/wazakiwame"
487                              class="block px-4 py-1.5 text-[10px] opacity-80 hover:opacity-100 hover:bg-black/5 transition-[opacity,background-color] normal-case tracking-normal"
488                              role="menuitem"
489                            >
490                              WAZAKIWAME 一般硬式用 技極
491                            </a>
492                                                        <a
493                              href="/view/category/KOKOROKIWAME"
494                              class="block px-4 py-1.5 text-[10px] opacity-80 hover:opacity-100 hover:bg-black/5 transition-[opacity,background-color] normal-case tracking-normal"
495                              role="menuitem"
496                            >
497                              KOKOROKIWAME 一般硬式用 心極
498                            </a>
499                                                        <a
500                              href="/view/category/onorekiwameLTD"
501                              class="block px-4 py-1.5 text-[10px] opacity-80 hover:opacity-100 hover:bg-black/5 transition-[opacity,background-color] normal-case tracking-normal"
502                              role="menuitem"
503                            >
504                              ONOREKIWAME 一般硬式用 己極
505                            </a>
506                                                        <a
507                              href="/view/category/onorekiwame"
508                              class="block px-4 py-1.5 text-[10px] opacity-80 hover:opacity-100 hover:bg-black/5 transition-[opacity,background-color] normal-case tracking-normal"
509                              role="menuitem"
510                            >
511                              ONOREKIWAME 一般軟式用 己極
512                            </a>
513                                                        <a
514                              href="/view/category/makotokiwame"
515                              class="block px-4 py-1.5 text-[10px] opacity-80 hover:opacity-100 hover:bg-black/5 transition-[opacity,background-color] normal-case tracking-normal"
516                              role="menuitem"
517                            >
518                              MAKOTOKIWAME オールターゲット 真極
519                            </a>
520                                                        <a
521                              href="/view/category/rookies"
522                              class="block px-4 py-1.5 text-[10px] opacity-80 hover:opacity-100 hover:bg-black/5 transition-[opacity,background-color] normal-case tracking-normal"
523                              role="menuitem"
524                            >
525                              ROOKIES ジュニア軟式用 
526                            </a>
527                                                      </div>
528                                                  </div>
529                                                <div class="group">
530                          <a
531                            href="/view/category/shoes"
532                            class="block px-4 py-2 text-xs font-semibold hover:bg-black/5 transition-colors normal-case tracking-normal"
533                            role="menuitem"
534                          >
535                            SHOES
536                          </a>
537                                                    <div class="pl-4">
538                                                        <a
539                              href="/view/category/TrainingShoes"
540                              class="block px-4 py-1.5 text-[10px] opacity-80 hover:opacity-100 hover:bg-black/5 transition-[opacity,background-color] normal-case tracking-normal"
541                              role="menuitem"
542                            >
543                              TRAINING SHOES トレーニングシューズ
544                            </a>
545                                                        <a
546                              href="/view/category/RunningShoes"
547                              class="block px-4 py-1.5 text-[10px] opacity-80 hover:opacity-100 hover:bg-black/5 transition-[opacity,background-color] normal-case tracking-normal"
548                              role="menuitem"
549                            >
550                              RUNNING SHOES ランニングシューズ
551                            </a>
552                                                        <a
553                              href="/view/category/umpireShoes"
554                              class="block px-4 py-1.5 text-[10px] opacity-80 hover:opacity-100 hover:bg-black/5 transition-[opacity,background-color] normal-case tracking-normal"
555                              role="menuitem"
556                            >
557                              UMPIRE SHOES アンパイアシューズ
558                            </a>
559                                                        <a
560                              href="/view/category/Sandal"
561                              class="block px-4 py-1.5 text-[10px] opacity-80 hover:opacity-100 hover:bg-black/5 transition-[opacity,background-color] normal-case tracking-normal"
562                              role="menuitem"
563                            >
564                              SANDAL サンダル
565                            </a>
566                                                      </div>
567                                                  </div>
568                                                <div class="group">
569                          <a
570                            href="/view/category/Spike"
571                            class="block px-4 py-2 text-xs font-semibold hover:bg-black/5 transition-colors normal-case tracking-normal"
572                            role="menuitem"
573                          >
574                            SPIKE
575                          </a>
576                                                    <div class="pl-4">
577                                                        <a
578                              href="/view/category/ct257"
579                              class="block px-4 py-1.5 text-[10px] opacity-80 hover:opacity-100 hover:bg-black/5 transition-[opacity,background-color] normal-case tracking-normal"
580                              role="menuitem"
581                            >
582                              POINT SPIKE ポイントスパイク
583                            </a>
584                                                        <a
585                              href="/view/category/Resinsolespikes"
586                              class="block px-4 py-1.5 text-[10px] opacity-80 hover:opacity-100 hover:bg-black/5 transition-[opacity,background-color] normal-case tracking-normal"
587                              role="menuitem"
588                            >
589                              Resin-soled spikes 樹脂ソールスパイク
590                            </a>
591                                                        <a
592                              href="/view/category/Leathersoledspikes"
593                              class="block px-4 py-1.5 text-[10px] opacity-80 hover:opacity-100 hover:bg-black/5 transition-[opacity,background-color] normal-case tracking-normal"
594                              role="menuitem"
595                            >
596                              Leather-soled spikes 革底スパイク
597                            </a>
598                                                      </div>
599                                                  </div>
600                                                <div class="group">
601                          <a
602                            href="/view/category/bat"
603                            class="block px-4 py-2 text-xs font-semibold hover:bg-black/5 transition-colors normal-case tracking-normal"
604                            role="menuitem"
605                          >
606                            BAT
607                          </a>
608                                                  </div>
609                                                <div class="group">
610                          <a
611                            href="/view/category/apparel"
612                            class="block px-4 py-2 text-xs font-semibold hover:bg-black/5 transition-colors normal-case tracking-normal"
613                            role="menuitem"
614                          >
615                            APPAREL
616                          </a>
617                                                  </div>
618                                                <div class="group">
619                          <a
620                            href="/view/category/Accessories"
621                            class="block px-4 py-2 text-xs font-semibold hover:bg-black/5 transition-colors normal-case tracking-normal"
622                            role="menuitem"
623                          >
624                            ACCESSORY
625                          </a>
626                                                  </div>
627                                                <div class="group">
628                          <a
629                            href="/view/category/bag"
630                            class="block px-4 py-2 text-xs font-semibold hover:bg-black/5 transition-colors normal-case tracking-normal"
631                            role="menuitem"
632                          >
633                            BAG
634                          </a>
635                                                  </div>
636                                                <div class="gr
636oup">
637                          <a
638                            href="/view/category/umpire"
639                            class="block px-4 py-2 text-xs font-semibold hover:bg-black/5 transition-colors normal-case tracking-normal"
640                            role="menuitem"
641                          >
642                            UNPIRE
643                          </a>
644                                                  </div>
645                                                <div class="group">
646                          <a
647                            href="/view/category/Gear"
648                            class="block px-4 py-2 text-xs font-semibold hover:bg-black/5 transition-colors normal-case tracking-normal"
649                            role="menuitem"
650                          >
651                            GEAR
652                          </a>
653                                                  </div>
654                                                <div class="group">
655                          <a
656                            href="/view/category/Maintenance"
657                            class="block px-4 py-2 text-xs font-semibold hover:bg-black/5 transition-colors normal-case tracking-normal"
658                            role="menuitem"
659                          >
660                            MAINTENANCE
661                          </a>
662                                                  </div>
663                                              </div>
664                    </div>
665                                        <a href="/view/guide" class="hover:opacity-60 transition-opacity whitespace-nowrap">ご利用ガイド</a>
666                  <div class="flex items-center gap-x-2 whitespace-nowrap">
667                                            <a href="/view/member/login" class="hover:opacity-60 transition-opacity">ログイン</a>
668                                                                                  <span class="opacity-50">/</span>
669                                            <a href="/shop/idinfo.html" class="hover:opacity-60 transition-opacity">新規登録</a>
670                                                            </div>
671                </nav>
672
673                <div
674                  x-ref="headerIcons"
675                  class="flex items-center space-x-5 order-3 "
676                  :class="navOverflow ? 'flex-1 justify-end' : ''"
677                >
678                  <button
679                    type="button"
680                    class="hover:opacity-60 transition-opacity"
681                    aria-label="検索"
682                    @click="searchOpen = !searchOpen"
683                    :aria-expanded="searchOpen"
684                    aria-controls="header-search-panel"
685                  >
686                    <i class="fi fi-rr-search text-lg" aria-hidden="true"></i>
687                  </button>
688
689                  <div
690                    x-data="
691                      {
692                        cartQuantity: 0,
693                        updateCartQuantity(detail) {
694                          if (!detail) return;
695                          if (typeof detail.totalQuantity === 'number' && !isNaN(detail.totalQuantity)) {
696                            this.cartQuantity = detail.totalQuantity;
697                            return;
698                          }
699                          if (typeof detail.addedQuantity === 'number' && !isNaN(detail.addedQuantity)) {
700                            this.cartQuantity = this.cartQuantity + detail.addedQuantity;
701                          }
702                        }
703                      }
704                    "
705                    x-init="window.addEventListener('makeshop:cart-entry', (e) => updateCartQuantity(e.detail))"
706                    class="relative"
707                  >
708                    <a
709                      href="/view/cart"
710                      class="relative hover:opacity-60 transition-opacity block"
711                      :aria-label="cartQuantity > 0 ? 'カート ' + cartQuantity + '件' : 'カート'"
712                    >
713                      <i class="fi fi-rr-shopping-cart text-lg" aria-hidden="true"></i>
714                      <span
715                        class="absolute -top-2 -right-2 bg-[#000000] text-white text-[9px] font-bold rounded-full h-4 w-4 flex items-center justify-center"
716                        x-show="cartQuantity > 0"
717                        x-text="cartQuantity"
718                        aria-hidden="true"
719                        x-cloak
720                      ></span>
721                    </a>
722                  </div>
723
724                  <div x-data="{ menuOpen: false }" class="md:hidden">
725                    <button
726                      type="button"
727                      class="hover:opacity-60"
728                      @click="menuOpen = true"
729                      :aria-expanded="menuOpen"
730                      aria-controls="mobile-menu-drawer"
731                      aria-label="メニューを開く"
732                    >
733                      <i class="fi fi-rr-menu-burger text-xl" aria-hidden="true"></i>
734                    </button>
735
736                    <div
737                      x-show="menuOpen"
738                      @click="menuOpen = false"
739                      @keydown.escape.window="menuOpen = false"
740                      x-transition:enter="transition ease-out duration-200"
741                      x-transition:enter-start="opacity-0"
742                      x-transition:enter-end="opacity-100"
743                      x-transition:leave="transition ease-in duration-150"
744                      x-transition:leave-start="opacity-100"
745                      x-transition:leave-end="opacity-0"
746                      class="fixed inset-0 bg-black/50 z-[60]"
747                      aria-hidden="true"
748                      x-cloak
749                    ></div>
750
751                    <aside
752                      id="mobile-menu-drawer"
753                      x-show="menuOpen"
754                      x-transition:enter="transition ease-out duration-200"
755                      x-transition:enter-start="translate-x-full"
756                      x-transition:enter-end="translate-x-0"
757                      x-transition:leave="transition ease-in duration-150"
758                      x-transition:leave-start="translate-x-0"
759                      x-transition:leave-end="translate-x-full"
760                      class="fixed top-0 right-0 h-full w-72 max-w-[80%] bg-[#FFFFFF] text-[#000000] shadow-xl z-[60] flex flex-col overflow-y-auto"
761                      role="dialog"
762                      aria-modal="true"
763                      aria-label="メニュー"
764                      x-cloak
765                    >
766                      <div class="flex justify-end p-4">
767                        <button
768                          type="button"
769                          class="hover:opacity-60"
770                          @click="menuOpen = false"
771                          aria-label="メニューを閉じる"
772                        >
773                          <i class="fi fi-rr-cross text-xl" aria-hidden="true"></i>
774                        </button>
775                      </div>
776
777                      <nav
778                        class="flex flex-col px-6 pb-6 space-y-4 text-[14px] font-bold tracking-widest uppercase"
779                        aria-label="モバイルメニュー"
780                      >
781                                                    <div x-data="{ subOpen: false }">
782                            <button
783                              type="button"
784                              class="w-full flex items-center justify-between hover:opacity-60 transition-opacity"
785                              @click="subOpen = !subOpen"
786                              :aria-expanded="subOpen"
787                              aria-haspopup="true"
788                            >
789                              <span>カテゴリから選ぶ</span>
790                              <i
791                                class="fi fi-rr-angle-small-down text-xs transition-transform"
792                                :class="subOpen ? 'rotate-180' : ''"
793                                aria-hidden="true"
794                              ></i>
795                            </button>
796                            <div x-show="subOpen" class="mt-2 pl-4 space-y-2" x-cloak>
797                                                            <div>
798                                <a
799                                  href="/view/category/OnlineLtd"
800                                  class="block py-1 text-xs font-semibold normal-case tracking-normal hover:opacity-60 transition-opacity"
801                                >
802                                  ONLINESHOP LIMITED
803                                </a>
804                                                              </div>
805                                                            <div>
806                                <a
807                                  href="/view/category/Outlet"
808                                  class="block py-1 text-xs font-semibold normal-case tracking-normal hover:opacity-60 transition-opacity"
809                                >
810                                  OUTLET
811                                </a>
812                                                              </div>
813                                                            <div>
814                                <a
815                                  href="/view/category/glove"
816                                  class="block py-1 text-xs font-semibold normal-case tracking-normal hover:opacity-60 transition-opacity"
817                                >
818                                  GLOVE
819                                </a>
820                                                                <div class="pl-3 mt-1 space-y-1">
821                                                                    <a
822                                    href="/view/category/wazakiwame"
823                                    class="block py-1 text-[10px] normal-case tracking-normal opacity-80 hover:opacity-100 transition-opacity"
824                                  >
825                                    WAZAKIWAME 一般硬式用 技極
826                                  </a>
827                                                                    <a
828                                    href="/view/category/KOKOROKIWAME"
829                                    class="block py-1 text-[10px] normal-case tracking-normal opacity-80 hover:opacity-100 transition-opacity"
830                                  >
831                                    KOKOROKIWAME 一般硬式用 心極
832                                  </a>
833                                                                    <a
834                                    href="/view/category/onorekiwameLTD"
835                                    class="block py-1 text-[10px] normal-case tracking-normal opacity-80 hover:opacity-100 transition-opacity"
836                                  >
837                                    ONOREKIWAME 一般硬式用 己極
838                                  </a>
839                                                                    <a
840                                    href="/view/category/onorekiwame"
841                                    class="block py-1 text-[10px] normal-case tracking-normal opacity-80 hover:opacity-100 transition-opacity"
842                                  >
843                                    ONOREKIWAME 一般軟式用 己極
844                                  </a>
845                                                                    <a
846                                    href="/view/category/makotokiwame"
847                                    class="block py-1 text-[10px] normal-case tracking-normal opacity-80 hover:opacity-100 transition-opacity"
848                                  >
849                                    MAKOTOKIWAME オールターゲット 真極
850                                  </a>
851                                                                    <a
852                                    href="/view/category/rookies"
853                                    class="block py-1 text-[10px] normal-case tracking-normal opacity-80 hover:opacity-100 transition-opacity"
854                                  >
855                                    ROOKIES ジュニア軟式用 
856                                  </a>
857                                                                  </div>
858                                                              </div>
859                                                            <div>
860                                <a
861                                  href="/view/category/shoes"
862                                  class="block py-1 text-xs font-semibold normal-case tracking-normal hover:opacity-60 transition-opacity"
863                                >
864                                  SHOES
865                                </a>
866                                                                <div class="pl-3 mt-1 space-y-1">
867                                                                    <a
868                                    href="/view/category/TrainingShoes"
869                                    class="block py-1 text-[10px] normal-case tracking-normal opacity-80 hover:opacity-100 transition-opacity"
870                                  >
871                                    TRAINING SHOES トレーニングシューズ
872                                  </a>
873                                                                    <a
874                                    href="/view/category/RunningShoes"
875                                    class="block py-1 text-[10px] normal-case tracking-normal opacity-80 hover:opacity-100 transition-opacity"
876                                  >
877                                    RUNNING SHOES ランニングシューズ
878                                  </a>
879                                                                    <a
880                                    href="/view/category/umpireShoes"
881                                    class="block py-1 text-[10px] normal-case tracking-normal opacity-80 hover:opacity-100 transition-opacity"
882                                  >
883                                    UMPIRE SHOES アンパイアシューズ
884                                  </a>
885                                                                    <a
886                                    href="/view/category/Sandal"
887                                    class="block py-1 text-[10px] normal-case tracking-normal opacity-80 hover:opacity-100 transition-opacity"
888                                  >
889                                    SANDAL サンダル
890                                  </a>
891                                                                  </div>
892                                                              </div>
893                                                            <div>
894                                <a
895                                  href="/view/category/Spike"
896                                  class="block py-1 text-xs font-semibold normal-case tracking-normal hover:opacity-60 transition-opacity"
897                                >
898                                  SPIKE
899                                </a>
900                                                                <div class="pl-3 mt-1 space-y-1">
901                                                                    <a
902                                    href="/view/category/ct257"
903                                    class="block py-1 text-[10px] normal-case tracking-normal opacity-80 hover:opacity-100 transition-opacity"
904                                  >
905                                    POINT SPIKE ポイントスパイク
906                                  </a>
907                                                                    <a
908                                    href="/view/category/Resinsolespikes"
909                                    class="block py-1 text-[10px] normal-case tracking-normal opacity-80 hover:opacity-100 transition-opacity"
910                                  >
911                                    Resin-soled spikes 樹脂ソールスパイク
912                                  </a>
913                                                                    <a
914                                    href="/view/category/Leathersoledspikes"
915                                    class="block py-1 text-[10px] normal-case tracking-normal opacity-80 hover:opacity-100 transition-opacity"
916                                  >
917                                    Leather-soled spikes 革底スパイク
918                                  </a>
919                                                                  </div>
920                                                              </div>
921                                                            <div>
922                                <a
923                                  href="/view/category/bat"
924                                  class="block py-1 text-xs font-semibold normal-case tracking-normal hover:opacity-60 transition-opacity"
925                                >
926                                  BAT
927                                </a>
928                                                              </div>
929                                                            <div>
930                                <a
931                                  href="/view/category/apparel"
932                                  class="block py-1 text-xs font-semibold normal-case tracking-normal hover:opacity-60 transition-opacity"
933                                >
934                                  APPAREL
935                                </a>
936                                                              </div>
937                                                            <div>
938                                <a
939                                  href="/view/category/Accessories"
940                                  class="block py-1 text-xs font-semibold normal-case tracking-normal hover:opacity-60 transition-opacity"
941                                >
942                                  ACCESSORY
943                                </a>
944                                                              </div>
945                                                            <div>
946                                <a
947                                  href="/view/category/bag"
948                                  class="block py-1 text-xs font-semibold normal-case tracking-normal hover:opacity-60 transition-opacity"
949                                >
950                                  BAG
951                                </a>
952                                                              </div>
953                                                            <div>
954                                <a
955                                  href="/view/category/umpire"
956                                  class="block py-1 text-xs font-semibold normal-case tracking-normal hover:opacity-60 transition-opacity"
957                                >
958                                  UNPIRE
959                                </a>
960                                                              </div>
961                                                            <div>
962                                <a
963                                  href="/view/category/Gear"
964                                  class="block py-1 text-xs font-semibold normal-case tracking-normal hover:opacity-60 transition-opacity"
965                                >
966                                  GEAR
967                                </a>
968                                                              </div>
969                                                            <div>
970                                <a
971                                  href="/view/category/Maintenance"
972                                  class="block py-1 text-xs font-semibold normal-case tracking-normal hover:opacity-60 transition-opacity"
973                                >
974                                  MAINTENANCE
975                                </a>
976                                                              </div>
977                                                          </div>
978                          </div>
979                                                    <a href="/view/guide" class="hover:opacity-60 transition-opacity">ご利用ガイド</a
979>
980                                                    <a href="/view/member/login" class="hover:opacity-60 transition-opacity">ログイン</a>
981                                                                                                      <a href="/shop/idinfo.html" class="hover:opacity-60 transition-opacity">新規登録</a>
982                                                                        </nav>
983                    </aside>
984                  </div>
985                </div>
986              </div>
987            </div>
988
989            <div
990              id="header-search-panel"
991              x-show="searchOpen"
992              @click.outside="searchOpen = false"
993              x-transition:enter="transition ease-out duration-200"
994              x-transition:enter-start="opacity-0 -translate-y-2"
995              x-transition:enter-end="opacity-100 translate-y-0"
996              x-transition:leave="transition ease-in duration-150"
997              x-transition:leave-start="opacity-100 translate-y-0"
998              x-transition:leave-end="opacity-0 -translate-y-2"
999              class="absolute top-full left-0 right-0 bg-white text-[#333] shadow-xl border-t border-black/10 z-40"
1000              role="dialog"
1001              aria-label="商品検索"
1002              x-cloak
1003            >
1004              <div class="container mx-auto px-4 max-w-[1240px] py-4 md:py-6">
1005                <div class="flex items-center gap-2 md:gap-3">
1006                  <input
1007                    type="text"
1008                    data-id="makeshop-search-keyword"
1009                    placeholder="キーワードで検索"
1010                    class="flex-1 min-w-0 py-2 md:py-3 px-3 md:px-4 border border-[#ddd] text-sm text-[#333] outline-none focus:border-black transition-colors normal-case tracking-normal"
1011                    @keydown.enter.prevent="$refs.searchSubmit.click()"
1012                  >
1013                  <a
1014                    x-ref="searchSubmit"
1015                    href="#makeshop-common-search-url"
1016                    class="theme-button-normal theme-rounded inline-flex items-center justify-center gap-1.5 py-2 md:py-3 px-4 md:px-6 text-xs hover:opacity-80 transition-opacity shrink-0 normal-case tracking-normal"
1017                    aria-label="検索"
1018                  >
1019                    <i class="fi fi-rr-search" aria-hidden="true"></i>
1020                    <span class="hidden md:inline">検索</span>
1021                  </a>
1022                </div>
1023              </div>
1024            </div>
1025          </header>
1026
1027        </div>
1028
1029<!-- /nocode:module:header -->
1030      <!-- nocode:module:body -->
1031        <div data-scroll-in>
1032          <main>
1033            <!-- ページヘッダー -->
1034            <section class="bg-[#111] pt-[100px] pb-[80px] theme-container text-center md:pt-[70px] md:pb-[60px]">
1035              <div class="max-w-[1240px] mx-auto">
1036                <span class="block text-[11px] tracking-[0.3em] uppercase text-white/60 mb-5 observe-item">News</span>
1037                <h1 class="theme-heading font-bold tracking-[0.15em] text-white leading-[1.1] mb-4 observe-item">
1038                  Information
1039                </h1>
1040                <p class="text-[13px] tracking-[0.3em] text-white/60 mb-6 observe-item">お知らせ</p>
1041                <div class="w-12 h-[2px] bg-white mx-auto observe-item"></div>
1042              </div>
1043            </section>
1044
1045            <!-- パンくずリスト -->
1046            <nav class="py-4 border-b border-current/20" aria-label="Breadcrumb">
1047              <div class="container mx-auto theme-container max-w-[1240px]">
1048                <ol class="flex items-center flex-wrap gap-y-2 text-[11px] tracking-wider uppercase">
1049                  <li class="flex items-center">
1050                    <a href="/" class="opacity-60 hover:opacity-100 transition-opacity">HOME</a>
1051                  </li>
1052                  <li class="px-2 flex items-center text-[10px] opacity-60">
1053                    <i class="fi fi-rr-angle-small-right" aria-hidden="true"></i>
1054                  </li>
1055                  <li class="flex items-center">
1056                    <a href="/view/news/list" class="opacity-60 hover:opacity-100 transition-opacity">お知らせ</a>
1057                  </li>
1058                  <li class="px-2 flex items-center text-[10px] opacity-60">
1059                    <i class="fi fi-rr-angle-small-right" aria-hidden="true"></i>
1060                  </li>
1061                  <li class="flex items-center font-bold normal-case">
1062                    <span aria-current="page">棚卸に伴う発送休止のお知らせ</span>
1063                  </li>
1064                </ol>
1065              </div>
1066            </nav>
1067
1068            <section class="py-[96px] theme-container">
1069              <div class="max-w-[800px] mx-auto">
1070                <!-- 記事本文 -->
1071                <article class="mb-20 pb-20 border-b border-current/20 observe-item">
1072                  <header class="mb-12">
1073                    <time class="block text-xs tracking-[0.1em] opacity-60 mb-4">
1074                      2026.09.24
1075                    </time>
1076                    <h2 class="text-[22px] md:text-lg font-bold leading-[1.6] tracking-[0.05em] text-[var(--theme-text)]">
1077                      棚卸に伴う発送休止のお知らせ
1078                    </h2>
1079                  </header>
1080
1081                  <div class="text-sm leading-8 text-[var(--theme-text)] [&_p]:mb-5 [&_h3]:text-[15px] [&_h3]:font-bold [&_h3]:text-[var(--theme-text)] [&_h3]:mt-10 [&_h3]:mb-4 [&_img]:max-w-full [&_img]:h-auto [&_img]:my-6 [&_a]:text-[var(--theme-text)] [&_a]:underline">
1082                    <div style="max-width:900px;margin:0 auto;padding:40px 20px;background:#111;color:#fff;font-family:Arial,'Noto Sans JP',sans-serif;box-sizing:border-box;line-height:1.8;">
1083
1084  <!-- LABEL -->
1085  <div style="font-size:12px;letter-spacing:3px;color:#999;margin-bottom:12px;">
1086    SHIPPING NOTICE
1087  </div>
1088
1089  <!-- TITLE -->
1090  <h1 style="margin:0 0 28px;padding-left:15px;border-left:5px solid #fff;font-size:30px;line-height:1.4;font-weight:700;letter-spacing:1px;">
1091    棚卸に伴う発送休止のお知らせ
1092  </h1>
1093
1094  <!-- LEAD -->
1095  <p style="margin:0 0 30px;font-size:15px;color:#ddd;">
1096    誠に勝手ながら、棚卸作業に伴い下記期間中の商品の発送を休止させていただきます。
1097  </p>
1098
1099  <!-- PERIOD -->
1100  <div style="border:1px solid #444;background:#181818;padding:25px 20px;margin-bottom:25px;box-sizing:border-box;">
1101
1102    <div style="font-size:11px;letter-spacing:2px;color:#999;margin-bottom:8px;">
1103      SHIPPING SUSPENSION PERIOD
1104    </div>
1105
1106    <div style="font-size:21px;font-weight:700;line-height:1.6;">
1107      2026年9月30日(水)<br class="sp-only">
1108      ~ 10月4日(日)
1109    </div>
1110
1111  </div>
1112
1113  <!-- RESTART -->
1114  <div style="border:1px solid #444;background:#181818;padding:25px 20px;margin-bottom:25px;box-sizing:border-box;">
1115
1116    <div style="font-size:11px;letter-spacing:2px;color:#999;margin-bottom:8px;">
1117      SHIPPING RESTART
1118    </div>
1119
1120    <div style="font-size:21px;font-weight:700;line-height:1.6;">
1121      2026年10月5日(月)より<br class="sp-only">
1122      順次発送いたします
1123    </div>
1124
1125  </div>
1126
1127  <!-- NOTICE -->
1128  <div style="border-top:1px solid #444;border-bottom:1px solid #444;padding:22px 5px;margin-top:30px;">
1129
1130    <div style="font-size:11px;letter-spacing:2px;color:#999;margin-bottom:10px;">
1131      NOTICE
1132    </div>
1133
1134    <p style="margin:0;font-size:14px;color:#ccc;">
1135      休止期間中もご注文は24時間受け付けております。<br>
1136      期間中にいただいたご注文につきましては、
1137      <strong style="color:#fff;">10月5日(月)より順次発送</strong>いたします。
1138    </p>
1139
1140  </div>
1141
1142  <!-- FOOTER MESSAGE -->
1143  <p style="margin:25px 0 0;text-align:center;font-size:13px;color:#999;">
1144    お客様にはご不便をおかけいたしますが、<br class="sp-only">
1145    何卒ご理解賜りますようお願い申し上げます。
1146  </p>
1147
1148</div>
1149
1150<style>
1151@media screen and (max-width:600px) {
1152
1153  .sp-only {
1154    display:block;
1155  }
1156
1157  /* 全体 */
1158  div[style*="max-width:900px"] {
1159    padding:30px 15px !important;
1160  }
1161
1162  /* タイトル */
1163  h1 {
1164    font-size:23px !important;
1165    line-height:1.5 !important;
1166    padding-left:12px !important;
1167    margin-bottom:22px !important;
1168  }
1169
1170  /* 本文 */
1171  p {
1172    font-size:13px !important;
1173    line-height:1.8 !important;
1174  }
1175
1176  /* 期間・再開 */
1177  div[style*="SHIPPING SUSPENSION PERIOD"],
1178  div[style*="SHIPPING RESTART"] {
1179    padding:20px 15px !important;
1180  }
1181
1182  div[style*="SHIPPING SUSPENSION PERIOD"] + div,
1183  div[style*="SHIPPING RESTART"] + div {
1184    font-size:18px !important;
1185  }
1186
1187}
1188</style>
1189                  </div>
1190                </article>
1191
1192                <!-- 前後ナビ -->
1193                <nav class="flex items-center justify-between gap-4 max-[480px]:flex-col max-[480px]:gap-6 observe-item">
1194                  <div class="flex-1 max-[480px]:order-1 max-[480px]:text-center">
1195                                        <span class="inline-block w-px"></span>
1196                                      </div>
1197
1198                  <a
1199                    href="/view/news/list"
1200                    class="shrink-0 inline-flex items-center justify-center px-6 py-3 border border-current/20 text-[11px] font-bold tracking-[0.2em] uppercase text-[var(--theme-text)] no-underline hover:bg-[var(--theme-text)] hover:text-[var(--theme-bg)] transition-colors max-[480px]:order-2"
1201                  >
1202                    一覧へ戻る
1203                  </a>
1204
1205                  <div class="flex-1 text-right max-[480px]:order-3 max-[480px]:text-center">
1206                                        <a
1207                      href="/view/news/20260919152903"
1208                      class="inline-flex items-center gap-2 text-xs tracking-[0.1em] text-[var(--theme-text)] no-underline hover:opacity-60 transition-opacity"
1209                    >
1210                      <span class="text-xs text-[var(--theme-text)]">次の記事</span>
1211                      <span class="text-sm opacity-60">&#8594;</span>
1212                    </a>
1213                                      </div>
1214                </nav>
1215              </div>
1216            </section>
1217          </main>
1218
1219        </div>
1220
1221<!-- /nocode:module:body -->
1222      <!-- nocode:module:footer -->
1223        <div data-scroll-in>
1224          <div class="flex flex-wrap items-center gap-[16px] justify-center py-[12px] bg-[#FFFFFF] px-4">
1225
1226              <a href="https://x.com/HIGOLD_PR" target="_blank" rel="noopener noreferrer" aria-label="X (Twitter)">
1227                <i class="fi fi-brands-twitter-alt text-[24px] transition-opacity hover:opacity-60 text-[#000000]" aria-hidden="true"></i>
1228              </a>
1229
1230              <a href="https://www.instagram.com/higold_official_ec/" target="_blank" rel="noopener noreferrer" aria-label="Instagram">
1231                <i
1232                  class="fi fi-brands-instagram text-[24px] transition-opacity hover:opacity-60 bg-gradient-to-tr from-[#f9ce34] via-[#ee2a7b] to-[#6228d7] bg-clip-text text-transparent"
1233                  aria-hidden="true"
1234                ></i>
1235              </a>
1236
1237
1238          </div>
1239
1240        </div>
1241
1242        <div data-scroll-in>
1243          <footer class="bg-[#FFFFFF] text-[#000000] py-12">
1244            <div class="container mx-auto px-4 flex flex-col gap-10">
1245              <div class="flex flex-col md:flex-row md:items-center md:justify-center gap-8 md:gap-16">
1246                  <div class="flex-shrink-0 flex md:block justify-center">
1247                    <a href="/" class="block">
1248                                            <img data-img-fade loading="lazy"
1249                        src="https://shop80-makeshop.akamaized.net/shopimages/tb7030/logo.png"
1250                        alt="ハイゴールドオフィシャルオンラインショップロゴ"
1251                        class="h-8 md:h-12 w-auto object-contain"
1252                      >
1253                                          </a>
1254                  </div>
1255
1256                <div class="flex flex-col items-center md:items-start gap-6 w-full md:w-auto">
1257                  <div class="flex flex-wrap justify-center md:justify-start gap-x-10 gap-y-5 text-[11px] tracking-[0.05em] font-medium">
1258                      <a href="/view/company" class="hover:opacity-70 transition-opacity">会社情報</a>
1259                    <a href="/view/contract" class="hover:opacity-70 transition-opacity">特定商取引法</a>
1260                    <a href="/view/policy" class="hover:opacity-70 transition-opacity">プライバシーポリシー</a>
1261                      <a href="/view/guide" class="hover:opacity-70 transition-opacity">ご利用ガイド</a>
1262                      <a href="#makeshop-common-contact-url" class="hover:opacity-70 transition-opacity">お問い合わせ</a>
1263                  </div>
1264
1265
1266                    <p class="text-[12px] opacity-80 whitespace-pre-line text-left max-w-2xl">
1267                      株式会社ハイゴールド
1268          〒556-0016
1269          大阪府大阪市浪速区元町3-13-10
1270          mail:[email protected]
1271                    </p>
1272                </div>
1273              </div>
1274
1275              <div class="text-center">
1276                <p class="text-[10px] tracking-[0.2em] text-[#000000]">
1277                  Copyright &#169; ハイゴールドオフィシャルオンラインショップ All Rights Reserved.
1278                </p>
1279              </div>
1280            </div>
1281          </footer>
1282
1283        </div>
1284
1285<!-- /nocode:module:footer -->
1286    </div>
1287
1288    <!-- nocode:module:javascript -->
1289    
1289<script>
1290      document.addEventListener('DOMContentLoaded', () => {
1291  document.querySelectorAll('.day-list').forEach((el) => {
1292    const month = el.getAttribute('data-month');
1293    const day = el.getAttribute('data-day');
1294    const color = el.getAttribute('data-color');
1295
1296    const section = el.closest('section');
1297    if (!section) return;
1298    const cell = section.querySelector(`.makeshop-calendar${month} td.day${day}`);
1299    if (!cell) return;
1300
1301    cell.style.backgroundColor = color;
1302    cell.style.color = '#fff';
1303    cell.style.fontWeight = 'bold';
1304  });
1305});
1306
1307      (function () {
1308  // 買い物かご画面の数量ステッパー(&#8722;/+)。
1309  //
1310  // MakeShop は数量変更URL(quantity_url)のアンカークリックを検知し、同一商品の
1311  // data-id を持つ入力欄の値を読んで数量を更新する。そのため &#8722;/+ 押下時に入力欄の
1312  // 値を先に書き換えてから、非表示アンカーをプログラム的にクリックして数量変更を確定する。
1313  // (確定後は MakeShop 側でカート画面が再表示される)
1314  document.addEventListener("DOMContentLoaded", function () {
1315    var steppers = document.querySelectorAll("[data-cart-quantity]");
1316
1317    steppers.forEach(function (stepper) {
1318      var input = stepper.querySelector("[data-cart-quantity-input]");
1319      var applyAnchor = stepper.querySelector("[data-cart-quantity-apply]");
1320      var decreaseBtn = stepper.querySelector("[data-cart-quantity-decrease]");
1321      var increaseBtn = stepper.querySelector("[data-cart-quantity-increase]");
1322      var isApplying = false;
1323
1324      if (!input || !applyAnchor) return;
1325
1326      function applyQuantity(nextQuantity) {
1327        if (isApplying) return;
1328        // 0以下は不可(数量0での削除はゴミ箱ボタンから行う)
1329        if (nextQuantity < 1) return;
1330        var current = parseInt(input.value, 10) || 1;
1331        if (nextQuantity === current) return;
1332
1333        // MakeShop が data-id の入力値を読むため、先に値を書き換える
1334        isApplying = true;
1335        input.value = nextQuantity;
1336        applyAnchor.click();
1337
1338        // リロードが発生しない場合のフォールバック(pagehide 時はタイマーを破棄)
1339        var resetTimer = setTimeout(function () {
1340          isApplying = false;
1341        }, 2000);
1342        window.addEventListener(
1343          "pagehide",
1344          function () {
1345            clearTimeout(resetTimer);
1346          },
1347          { once: true }
1348        );
1349      }
1350
1351      if (decreaseBtn) {
1352        decreaseBtn.addEventListener("click", function () {
1353          applyQuantity((parseInt(input.value, 10) || 1) - 1);
1354        });
1355      }
1356
1357      if (increaseBtn) {
1358        increaseBtn.addEventListener("click", function () {
1359          applyQuantity((parseInt(input.value, 10) || 1) + 1);
1360        });
1361      }
1362    });
1363  });
1364})();
1365
1366(function () {
1367  function toFiniteNumberOrUndefined(value) {
1368    if (value === undefined || value === null || value === '') {
1369      return undefined;
1370    }
1371    var n = Number(value);
1372    return isFinite(n) ? n : undefined;
1373  }
1374  // 一覧で最後にクリックされた「カートに入れる」ボタンの商品詳細URL。
1375  // オプション/カスタムセレクト/定期購入商品などはそのままカゴに入らず MakeShop が
1376  // エラーを返すため、エラー時のモーダルOKでこのURL(商品詳細)へ遷移させる。
1377  var lastListCartProductUrl = '';
1378  document.addEventListener('click', function (e) {
1379    var link = e.target.closest('a[data-product-url]');
1380    if (!link) return;
1381    lastListCartProductUrl = link.getAttribute('data-product-url') || '';
1382  }, true);
1383
1384  function dispatchCartEntry(data, redirectUrl) {
1385    var isError = !!(data && data.result === false);
1386    var detail = {
1387      isError: isError,
1388      message: isError
1389        ? (data && data.error && data.error.message) || 'カートに追加できませんでした'
1390        : '商品が追加されました',
1391      // 商品詳細/一覧はカゴ追加後の合計数(totalQuantity)を持つため、ヘッダーはこの値で上書きする。
1392      totalQuantity: toFiniteNumberOrUndefined(data && data.totalQuantity),
1393      // カタログ注文は合計数を取得できないため、追加した数量(addedQuantity)を渡し、
1394      // ヘッダー側で現在のカート数へ加算してもらう。
1395      addedQuantity: toFiniteNumberOrUndefined(data && data.addedQuantity),
1396      // エラー時にモーダルのOKから遷移する商品詳細URL(一覧からの追加時のã
1396¿ï¼‰ã€‚
1397      redirectUrl: isError ? (redirectUrl || '') : '',
1398    };
1399    window.dispatchEvent(new CustomEvent('makeshop:cart-entry', { detail: detail }));
1400  }
1401  // 商品詳細画面からカゴに入れた直後
1402  window.MakeShop_afterCartEntry = function (data) {
1403    dispatchCartEntry(data);
1404    return false;
1405  };
1406  // 一覧画面(商品カード等)からカゴに入れた直後
1407  window.MakeShop_afterListCartEntry = function (data) {
1408    dispatchCartEntry(data, lastListCartProductUrl);
1409    return false;
1410  };
1411
1412  // カタログ注文のかご入れは MakeShop_afterCartEntry / MakeShop_afterListCartEntry を発火しない。
1413  // また、追加処理は MakeShop 側 JS が画面遷移なし(同一ページ内)で行うが、その通信手段は
1414  // fetch / XMLHttpRequest ではない(hidden iframe への form 送信とみられる)ため、
1415  // それらをフックしても応答を捕捉できない。
1416  // 通信手段に依存せず確実にフィードバックを返すため、クリック時に楽観的にモーダルを表示する。
1417  // 加えて、合計数が取得できない代わりに、追加される数量の合計(addedQuantity)を算出して
1418  // ヘッダーのカート数へ楽観的に加算する。
1419  document.addEventListener('click', function (e) {
1420    var link = e.target.closest('[data-catalog-cart-entry]');
1421    if (!link) return;
1422    var section = link.closest('[data-catalog-section]');
1423    if (!section) return;
1424    // 「カタログ番号が入力済み かつ 数量が 1 以上」の行のみが実際にカゴへ追加される。
1425    // 番号と数量は行(id 末尾の連番)でペアとして判定する。
1426    // ただし MakeShop バックエンドは同一カタログ番号(同一 data-id)を重複とみなã
1426—
1427    // 1 件分しかカゴに追加しないため、フロントの楽観的加算もカタログ番号で重複排除する。
1428    // 同一番号が複数行にある場合は後勝ち(最後の行の数量)で上書きしてバックエンドに揃える。
1429    // カタログ番号はユーザー入力なので、プロトタイプ汚染を避けるためプロトタイプを持たない
1430    // オブジェクトをキーストアとして使う。
1431    var quantityByCatalogNumber = Array.from(section.querySelectorAll('[id^=catalog-number-]'))
1432        .reduce(function (acc, numberEl) {
1433          var catalogNumber = numberEl.value.trim();
1434          if (catalogNumber === '') return acc;
1435          var index = numberEl.id.replace('catalog-number-', '');
1436          var qtyEl = section.querySelector('#catalog-qty-' + index);
1437          if (!qtyEl) return acc;
1438          var qty = qtyEl.value.trim();
1439          if (/^\d+$/.test(qty) && Number(qty) > 0) {
1440            acc[catalogNumber] = Number(qty);
1441          }
1442          return acc;
1443        }, Object.create(null));
1444    var addedQuantity = Object.keys(quantityByCatalogNumber)
1445        .reduce(function (sum, key) { return sum + quantityByCatalogNumber[key]; }, 0);
1446    // 有効な行が 1 つも無ければ実際の追加は起きないため発火しない。
1447    if (addedQuantity <= 0) return;
1448    dispatchCartEntry({ result: true, addedQuantity: addedQuantity });
1449  }, true);
1450})();
1451
1452      (function () {
1453  // 同じ href のアンカーは 1 ページに複数ある(商品詳細の購入エリアと追従型購入バー、
1454  // SKU 一覧の各行)。最初の 1 つだけ切り替えると他が古い状態のまま残るため、すべて切り替える。
1455  function findAnchorsByHref(href) {
1456    var anchors = document.querySelectorAll('a[href]');
1457    var matched = [];
1458    for (var i = 0; i < anchors.length; i++) {
1459      if (anchors[i].getAttribute('href') === href) {
1460        matched.push(anchors[i]);
1461      }
1462    }
1463    return matched;
1464  }
1465
1466  function toggleFavoriteAnchors(href, counterpartSelector) {
1467    findAnchorsByHref(href).forEach(function (source) {
1468      source.classList.add("hidden");
1469      var parent = source.parentElement;
1470      if (!parent) return;
1471      var counterpart = parent.querySelector(counterpartSelector);
1472      if (counterpart) counterpart.classList.remove("hidden");
1473    });
1474  }
1475
1476  window.MakeShop_afterFavoriteEntry = function (data) {
1477    if (!data.result) {
1478      data.method.modal((data.error && data.error.message) || "");
1479      return false;
1480    }
1481
1482    toggleFavoriteAnchors(data.source, ".item-favorite-on, .item-sku-favorite-on");
1483
1484    return false;
1485  };
1486
1487  window.MakeShop_afterFavoriteRemove = function (data) {
1488    if (!data.result) {
1489      data.method.modal((data.error && data.error.message) || "");
1490      return false;
1491    }
1492
1493    toggleFavoriteAnchors(data.source, ".item-favorite-off, .item-sku-favorite-off");
1494
1495    return false;
1496  };
1497})();
1498
1499      // スクロールインと画像フェード、「上部へ戻る」追従ボタン。
1500//
1501// どちらもテーマ全体設定の「アニメーション」(theme.animation_level) に連動する。
1502// このファイルが common.js に含まれなかった場合にコンテンツが隠れたままにならないよう、
1503// 読み込まれたことを同期的に知らせる(layout.liquid 側の load ハンドラと対)。
1504window.__scrollInReady = true;
1505
1506(function () {
1507  const root = document.documentElement;
1508
1509  function prefersReducedMotion() {
1510    return !!(window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches);
1511  }
1512
1513  // 隠す指定を解除して全セクションを見えるようにする。初期化できないときの最終防衛線。
1514  function disableScrollIn() {
1515    root.classList.remove("scroll-in-enabled");
1516  }
1517
1518  // ---------------------------------------------------------------------------
1519  // ① スクロールイン
1520  // ---------------------------------------------------------------------------
1521  function initScrollIn() {
1522    // 門番クラスが無い = アニメーション「なし」。CSS 側で隠れていないので何もしない。
1523    if (!root.classList.contains("scroll-in-enabled")) return;
1524
1525    // OS 設定で動きを減らす指定があるときは、設定値によらず即表示に倒す。
1526    // 未対応ブラウザでも隠したままにしないよう、IntersectionObserver が無ければ解除する。
1527    if (prefersReducedMotion() || typeof IntersectionObserver === "undefined") {
1528      disableScrollIn();
1529      return;
1530    }
1531
1532    const targets = document.querySelectorAll("[data-scroll-in]");
1533    if (!targets.length) return;
1534
1535    // 読み込み時点で画面内にあるセクションは、アニメーションさせず即表示する(LCP を落とさない)。
1536    // 初回コールバックに入ってくるのが「最初から交差していた要素」なので、それだけ別扱いにする。
1537    // is-instant は解除しない。解除を次フレームに回すと、スタイルが確定する前に transition が
1538    // 戻ってしまい結局フェードが再生される。表示後は監視も外すので付けたままで実害がない。
1539    let isFirstCallback = true;
1540
1541    function reveal(el, instant) {
1542      if (instant) el.classList.add("is-instant");
1543      el.classList.add("is-visible");
1544      // observer は下で const 宣言しているが、この関数が呼ばれるのは初期化後(IntersectionObserver の
1545      // コールバック内、または末尾の checkBottomReached から)なので、一時的死角には入らない。
1546      // これより前で reveal を同期的に呼ぶ処理を追加すると ReferenceError になる点に注意。
1547      observer.unobserve(el);
1548    }
1549
1550    const observer = new IntersectionObserver(
1551      function (entries) {
1552        entries.forEach(function (entry) {
1553          if (!entry.isIntersecting) return;
1554          reveal(entry.target, isFirstCallback);
1555        });
1556        isFirstCallback = false;
1557      },
1558      // セクション上端が画面下端から 10% 入った時点で再生する。
1559      { threshold: 0, rootMargin: "0px 0px -10% 0px" }
1560    );
1561
1562    targets.forEach(function (el) {
1563      observer.observe(el);
1564    });
1565
1566    // 上の rootMargin は画面下端を 10% 詰めているため、ページ最下部まで来ても
1567    // その線を越えられない末尾セクションが残りうる。最下部に到達したら取りこぼしを表示する。
1568    // スクロールが発生しない短いページも初回評価でここに入る。
1569    function revealRemaining(instant) {
1570      const remaining = document.querySelectorAll("[data-scroll-in]:not(.is-visible)");
1571      remaining.forEach(function (el) {
1572        reveal(el, instant);
1573      });
1574    }
1575
1576    // scroll / resize から呼ばれるときは第1引数に Event が入るため、厳密比較で初回だけを instant にする。
1577    // 初回はこの関数が IntersectionObserver の初回コールバック(非同期)より先に同期実行されるので、
1578    // ここを instant にしないと、スクロールが発生しない短いページで読み込み直後にフェードが再生される。
1579    function checkBottomReached(instant) {
1580      const scrolled = window.scrollY || window.pageYOffset || 0;
1581      if (window.innerHeight + scrolled >= root.scrollHeight - 2) revealRemaining(instant === true);
1582
1583      // 出し切ったら監視をやめる
1584      if (!document.querySelector("[data-scroll-in]:not(.is-visible)")) {
1585        window.removeEventListener("scroll", checkBottomReached);
1586        window.removeEventListener("resize", checkBottomReached);
1587      }
1588    }
1589
1590    window.addEventListener("scroll", checkBottomReached, { passive: true });
1591    window.addEventListener("resize", checkBottomReached, { passive: true });
1592    checkBottomReached(true);
1593  }
1594
1595  // ---------------------------------------------------------------------------
1596  // ② 画像の遅延読み込みフェード
1597  // ---------------------------------------------------------------------------
1598  function initImageFade() {
1599    // 門番クラスが無い = アニメーション「なし」。CSS 側で透明になっていないので何もしない。
1600    // 遅延読み込み自体は loading="lazy" 任せなので、ここを抜けても効いたままになる。
1601    if (!root.classList.contains("img-fade-enabled")) return;
1602
1603    // 実行時点の DOM を1回だけ走査する。これ以降に動的挿入された img に data-img-fade を
1604    // 付けると、is-loaded が付かず永久に透明になる点に注意(商品詳細のオプション変更で
1605    // 再生成されるサムネイルは、あえて属性を付けずに即時表示させている)。
1606    const images = document.querySelectorAll("img[data-img-fade]");
1607
1608    images.forEach(function (img) {
1609      // キャッシュ済みなどで既に読み終わっている場合は load が飛ばないため、先に判定する。
1610      if (img.complete && img.naturalWidth > 0) {
1611        img.classList.add("is-loaded");
1612        return;
1613      }
1614      img.addEventListener(
1615        "load",
1616        function () {
1617          img.classList.add("is-loaded");
1618        },
1619        { once: true }
1620      );
1621      // 失敗時は is-loaded を付けない。プレースホルダの単色が残り、壊れた表示にならない。
1622    });
1623  }
1624
1625  // ---------------------------------------------------------------------------
1626  // ③ 上部へ戻る追従ボタン
1627  // ---------------------------------------------------------------------------
1628  // 全ページ共通の単一デザイン。ページ種別による出し分けはしない(#37283)。
1629  // 商品詳細の購入導線へ戻す機能は #37284 の追従カートボタンとして別に作るため、
1630  // ここでは扱わない。
1631
1632  // 可視ラベルを持たない丸ボタンなので、読み上げ用のラベルだけを持つ。
1633  const LABEL_TO_TOP = "ページの先頭へ戻る";
1634
1635  // 移動先にフォーカスを移す。ボタンは移動後に非表示になるため、そのままだとキーボードの
1636  // フォーカスが body に落ちて元の位置を見失う。
1637  function moveFocusTo(el) {
1638    if (!el || !el.focus) return;
1639    if (!el.hasAttribute("tabindex")) el.setAttribute("tabindex", "-1");
1640    el.focus({ preventScroll: true });
1641  }
1642
1643  function initBackToTop() {
1644    const button = document.querySelector("[data-back-to-top]");
1645    if (!button) return;
1646
1647    const level = button.getAttribute("data-animation-level");
1648    let ticking = false;
1649
1650    function scrollBehavior() {
1651      return level === "none" || prefersReducedMotion() ? "auto" : "smooth";
1652    }
1653
1654    function pageOffsetY() {
1655      return window.scrollY || window.pageYOffset || 0;
1656    }
1657
1658    function update() {
1659      // 600px 以上スクロールしたら表示する。ページ種別によらず同じ条件。
1660      button.classList.toggle("is-shown", pageOffsetY() >= 600);
1661    }
1662
1663    function requestUpdate() {
1664      if (ticking) return;
1665      ticking = true;
1666      window.requestAnimationFrame(function () {
1667        ticking = false;
1668        update();
1669      });
1670    }
1671
1672    button.setAttribute("aria-label", LABEL_TO_TOP);
1673
1674    button.addEventListener("click", function () {
1675      window.scrollTo({ top: 0, behavior: scrollBehavior() });
1676      moveFocusTo(document.querySelector("header") || document.body);
1677    });
1678
1679    // scroll イベントを待たずに一度評価する。編集画面プレビューは iframe を差し替えたあと
1680    // スクロール位置を復元するため、イベント待ちだと初期状態がずれる。
1681    update();
1682
1683    window.addEventListener("scroll", requestUpdate, { passive: true });
1684    window.addEventListener("resize", requestUpdate, { passive: true });
1685  }
1686
1687  // スクロールインは DOMContentLoaded を待たずに初期化する。アセットはセクションより後ろに
1688  // 展開されるため対象要素は既に存在しており、待つと head の同期スクリプト(CDN)が詰まった間
1689  // 本文が opacity: 0 のまま真っ白になる。
1690  // 初期化に失敗しても、隠したままにだけはしない。
1691  try {
1692    initScrollIn();
1693  } catch (e) {
1694    disableScrollIn();
1695  }
1696
1697  try {
1698    initImageFade();
1699  } catch (e) {
1700    root.classList.remove("img-fade-enabled");
1701  }
1702
1703  // 追従ボタンはアセットより後ろに描画されるため、DOM の構築完了を待つ。
1704  document.addEventListener("DOMContentLoaded", function () {
1705    try {
1706      initBackToTop();
1707    } catch (e) {
1708      /* 追従ボタンが出ないだけで、閲覧は妨げない */
1709    }
1710  });
1711})();
1712
1713      document.addEventListener('DOMContentLoaded', () => {
1714  const target = document.querySelectorAll('.common-item-swiper');
1715  if (target.length > 0) {
1716    target.forEach((el) => {
1717      const slidesPerViewDesktop = Number(el.dataset.slidesPerView) || 3;
1718      new Swiper(el, {
1719        slidesPerView: 1.5,
1720        spaceBetween: 10,
1721        loop: false,
1722        mousewheel: {
1723          forceToAxis: true,
1724        },
1725        pagination: {
1726          el: el.querySelector('.swiper-pagination'),
1727          type: 'progressbar',
1728        },
1729        navigation: {
1730          nextEl: el.querySelector('.swiper-button-next'),
1731          prevEl: el.querySelector('.swiper-button-prev'),
1732        },
1733        breakpoints: {
1734          768: {
1735            slidesPerView: slidesPerViewDesktop,
1736            spaceBetween: 12,
1737          },
1738        },
1739      });
1740    });
1741  }
1742
1743  const calendarTarget = document.querySelector('.calendar-swiper-container');
1744  if (calendarTarget) {
1745    new Swiper('.calendar-swiper-container', {
1746      slidesPerView: 1,
1747      centeredSlides: true,
1748      autoHeight: true,
1749      navigation: {
1750        nextEl: '.calendar-swiper-button-next',
1751        prevEl: '.calendar-swiper-button-prev',
1752      },
1753    });
1754  }
1755
1756  // スクロールインはテーマ設定「アニメーション」に連動するセクション単位(scroll-effect.js)に
1757  // 一本化した。かつてここにあった .observe-item を要素単位でフェードさせる処理は、
1758  // どの設定でも再生しないため削除している。
1759  //   なし      : スクロールインを行わない
1760  //   弱 / 標準 : セクション単位で1回だけ再生する(要素単位と二重に再生させない)
1761  // .observe-item クラスは各セクションの markup に残っているが、参照する処理は無く無効。
1762});
1763
1764    </script>
1764
1765    <!-- /nocode:module:javascript -->
1766
1767
1768    <button
1769      type="button"
1770      class="back-to-top"
1771      data-back-to-top
1772      data-animation-level="normal"
1773      aria-label="ページの先頭へ戻る"
1774    >
1775      <i class="fi fi-rr-angle-small-up" aria-hidden="true"></i>
1776    </button>
1777
1778    <div
1779      x-data="
1780        {
1781          open: false,
1782          isError: false,
1783          message: '',
1784          redirectUrl: '',
1785          previousActiveElement: null,
1786          show(detail) {
1787            this.isError = !!(detail && detail.isError);
1788            this.redirectUrl = (detail && detail.redirectUrl) || '';
1789            const nextMessage = (detail && detail.message)
1790              ? detail.message
1791              : (this.isError ? 'カートに追加できませんでした' : '商品が追加されました');
1792            // 同一メッセージを連続表示しても DOM 変化が起きるよう、一度空文字にしてから次 tick で再設定する
1793            this.message = '';
1794            this.previousActiveElement = document.activeElement;
1795            this.open = true;
1796            this.$nextTick(() => {
1797              this.message = nextMessage;
1798              if (this.$refs.closeButton) this.$refs.closeButton.focus();
1799            });
1800          },
1801          // エラー時に商品詳細URLが渡されていれば、その商品ページへ遷移する(オプション選択等のため)
1802          confirm() {
1803            if (this.redirectUrl) {
1804              window.location.href = this.redirectUrl;
1805              return;
1806            }
1807            this.close();
1808          },
1809          close() {
1810            this.open = false;
1811            this.$nextTick(() => {
1812              if (this.previousActiveElement && this.previousActiveElement.focus) {
1813                this.previousActiveElement.focus();
1814              }
1815            });
1816          }
1817        }
1818      "
1819      x-init="window.addEventListener('makeshop:cart-entry', (e) => show(e.detail))"
1820      x-show="open"
1821      x-transition:enter="transition ease-out duration-200"
1822      x-transition:enter-start="opacity-0"
1823      x-transition:enter-end="opacity-100"
1824      x-transition:leave="transition ease-in duration-150"
1825      x-transition:leave-start="opacity-100"
1826      x-transition:leave-end="opacity-0"
1827      class="fixed inset-0 z-[100] flex items-center justify-center px-4 py-6"
1828      @keydown.escape.window="open && close()"
1829      x-cloak
1830    >
1831      <div class="absolute inset-0 bg-black/40" aria-hidden="true" @click="close()"></div>
1832      <div
1833        class="relative w-full max-w-[420px] bg-white text-[#333] theme-rounded shadow-2xl px-6 py-7 text-center"
1834        :role="isError ? 'alertdialog' : 'dialog'"
1835        aria-modal="true"
1836        aria-labelledby="cart-entry-modal-title"
1837        aria-describedby="cart-entry-modal-description"
1838      >
1839        <button
1840          type="button"
1841          x-ref="closeButton"
1842          @click="close()"
1843          class="absolute right-4 top-4 flex h-8 w-8 items-center justify-center rounded-full text-[#333]/70 transition-colors hover:bg-black/5 hover:text-[#333] focus:outline-none focus:ring-2 focus:ring-black/50"
1844        >
1845          <span class="sr-only">閉じる</span>
1846          <span aria-hidden="true" class="text-xl leading-none">&times;</span>
1847        </button>
1848        <div
1849          class="mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full text-2xl"
1850          :class="isError ? 'bg-red-50 text-red-500' : 'bg-green-50 text-green-600'"
1851          aria-hidden="true"
1852        >
1853          <i class="fi" :class="isError ? 'fi-rr-cross-circle' : 'fi-rr-check-circle'"></i>
1854        </div>
1855        <h2 id="cart-entry-modal-title" class="text-lg font-bold tracking-[0.05em]" x-text="message"></h2>
1856        <p
1857          id="cart-entry-modal-description"
1858          class="mt-3 text-sm leading-6 text-[#333]/80"
1859          x-text="isError ? (redirectUrl ? 'オプションの選択などが必要な商品です。商品ページで内容をご確認ください。' : '内容をご確認のうえ、もう一度お試しください。') : 'カートに商品が追加されました。内容を確認するか、購入手続きへお進みください。'"
1860        ></p>
1861        <div class="mt-6 grid gap-3 sm:grid-cols-2" x-show="!isError">
1862          <a
1863            href="/view/cart"
1864            class="theme-button-normal theme-rounded flex h-11 items-center justify-center px-4 text-sm font-bold transition-opacity hover:opacity-80"
1865          >
1866            カートを見る
1867          </a>
1868          <a
1869            href="#makeshop-common-order-url"
1870            class="theme-button-cart theme-rounded flex h-11 items-center justify-center px-4 text-sm font-bold transition-opacity hover:opacity-80"
1871          >
1872            ご購入手続きへ進む
1873          </a>
1874        </div>
1875        <div class="mt-6" x-show="isError && redirectUrl">
1876          <button
1877            type="button"
1878            @click="confirm()"
1879            class="theme-button-cart theme-rounded flex h-11 w-full items-center justify-center px-4 text-sm font-bold transition-opacity hover:opacity-80"
1880          >
1881            商品ページへ進む
1882          </button>
1883        </div>
1884        <div class="mt-4" x-show="!(isError && redirectUrl)">
1885          <button
1886            type="button"
1887            @click="confirm()"
1888            class="inline-flex h-10 items-center justify-center px-5 text-sm text-[#333]/80 transition-colors hover:text-[#333] focus:outline-none focus:ring-2 focus:ring-black/50"
1889            x-text="isError ? 'OK' : '買い物を続ける'"
1890          ></button>
1891        </div>
1892      </div>
1893    </div>
1894
1895    
1895<script src="/view/asset/user-99999-1-10-d41d8cd98f00b204e9800998ecf8427e.js"></script>
1895
1896
1897        <form name="ssl_login_form" method="post" action="https://www.hi-gold-baseball.com/ssl/slogin/" target="_top" style="margin:0;padding:0;">
1898        <input type="hidden" name="db" value="tb7030">
1899        <input type="hidden" name="type" value="">
1900        <input type="hidden" name="opt" value="">
1901        <input type="hidden" name="ssl_login_return_url" value="%2Fview%2Fnews%2F20260924111145">
1902        <input type="hidden" name="user_id" value="">
1903        <input type="hidden" name="ssl_tempid" value="cbe93d004758d2d4133e7e3344740786">
1904    </form>
1905
1906    
1906<script language="JavaScript">
1907    function ssl_login(type, etc, user_id){
1908        var etc = (typeof(etc) != "undefined") ? etc : '';
1909        var user_id = (typeof(user_id) != "undefined") ? user_id : '';
1910
1911        document.ssl_login_form.type.value = type;
1912        document.ssl_login_form.opt.value = etc;
1913        document.ssl_login_form.user_id.value = user_id;
1914        document.ssl_login_form.submit();
1915    }
1916    </script>
1916
1917    <form name="ssl_idinfo_form" style="margin:0;padding:0;" method="post" action="https://www.hi-gold-baseball.com/ssl/ssl_idinfo/ssl_idinfo.html">
1918        <input type="hidden" name="db" value="tb7030">
1919        <input type="hidden" name="login_id" value="">
1920        <input type="hidden" name="ssl_tempid" value="cbe93d004758d2d4133e7e3344740786">
1921    </form>
1922    
1922<script>
1923    function ssl_idinfo() {
1924        document.ssl_idinfo_form.submit();
1925    }
1926    </script>
1926
1927    <form name="ssl_confirm_form" style="margin:0;padding:0;" method="post" action="https://www.hi-gold-baseball.com/ssl/ssl_confirm/confirm.html">
1928        <input type="hidden" name="db" value="tb7030">
1929        <input type="hidden" name="login_id" value="">
1930        <input type="hidden" name="type" value="confirm">
1931        <input type="hidden" name="ssl_tempid" value="cbe93d004758d2d4133e7e3344740786">
1932    </form>
1933    
1933<script>
1934    function ssl_confirm(){
1935        document.ssl_confirm_form.submit();
1936    }
1937    </script>
1937
1938    <form name="ssl_point_form" style="margin:0;padding:0;" method="post" action="https://www.hi-gold-baseball.com/ssl/mypage/point.html">
1939        <input type="hidden" name="db" value="tb7030">
1940        <input type="hidden" name="login_id" value="">
1941        <input type="hidden" name="ssl_tempid" value="cbe93d004758d2d4133e7e3344740786">
1942    </form>
1943    
1943<script>
1944    function ssl_point(){
1945        document.ssl_point_form.submit();
1946    }
1947    </script>
1947
1948    <form name="ssl_favorite_form" style="margin:0;padding:0;" method="post" action="https://www.hi-gold-baseball.com/ssl/mypage/favorite.html">
1949        <input type="hidden" name="db" value="tb7030">
1950        <input type="hidden" name="login_id" value="">
1951        <input type="hidden" name="ssl_tempid" value="cbe93d004758d2d4133e7e3344740786">
1952    </form>
1953    
1953<script>
1954    function ssl_favorite(){
1955        document.ssl_favorite_form.submit();
1956    }
1957    </script>
1957
1958    <form name="ssl_external_login_form" style="margin:0;padding:0;" method="post" action="https://www.hi-gold-baseball.com/ssl/mypage/external_login.html">
1959        <input type="hidden" name="db" value="tb7030">
1960        <input type="hidden" name="login_id" value="">
1961        <input type="hidden" name="ssl_tempid" value="cbe93d004758d2d4133e7e3344740786">
1962    </form>
1963    
1963<script>
1964    function ssl_external_login() {
1965        document.ssl_external_login_form.submit();
1966    }
1967    </script>
1967
1968    <form name="ssl_address_book" style="margin:0;padding:0;" method="post" action="https://www.hi-gold-baseball.com/ssl/mypage/address_book.html">
1969        <input type="hidden" name="db" value="tb7030">
1970        <input type="hidden" name="login_id" value="">
1971        <input type="hidden" name="ssl_tempid" value="cbe93d004758d2d4133e7e3344740786">
1972    </form>
1973    
1973<script>
1974    function ssl_address_book() {
1975        document.ssl_address_book.submit();
1976    }
1977    </script>
1977
1978<div class="makeshop-modal-window" data-remodal-id="makeshop-common-modal">
1979    <button data-remodal-action="close" class="remodal-close"></button>
1980    <p class="error-text"></p>
1981    <button data-remodal-action="confirm" class="remodal-confirm">OK</button>
1982</div>
1983
1984<input type="hidden" id="makeshop-page-common-cart-data"
1985    data-cart-url="/view/cart"
1986    data-cart-entry-url-prefix="#makeshop-common-cart-entry-url:"
1987    data-cart-remove-url-prefix="#makeshop-common-cart-remove-url:"
1988    data-cart-quantity-url-prefix="#makeshop-common-cart-quantity-url:"
1989    data-id-quantity-prefix="makeshop-common-cart-quantity:"
1990>
1991
1992<form id="makeshop-form-common-order" method="post" action="">
1993    <input type="hidden" name="ssl_login_id" value="">
1994    <input type="hidden" name="ssl_tempid" value="cbe93d004758d2d4133e7e3344740786">
1995</form>
1996<input type="hidden" id="makeshop-page-common-order-data"
1997    data-order-url="#makeshop-common-order-url"
1998>
1999
2000<input type="hidden" id="makeshop-page-common-favorite-data"
2001    data-favorite-entry-url-prefix="#makeshop-common-favorite-entry-url:"
2002    data-favorite-remove-url-prefix="#makeshop-common-favorite-remove-url:"
2003>
2004
2005<input type="hidden" id="makeshop-page-common-search-data"
2006    data-id-keyword="makeshop-search-keyword"
2007    data-id-name="makeshop-search-name"
2008    data-id-price-low="makeshop-search-price-low"
2009    data-id-price-high="makeshop-search-price-high"
2010    data-id-category="makeshop-search-category"
2011    data-id-original-code="makeshop-search-original-code"
2012    data-search-url="#makeshop-common-search-url"
2013>
2014
2015<form id="makeshop-form-common-contact" method="post" action="https://www.hi-gold-baseball.com/ssl/contact/">
2016    <input type="hidden" name="admin_id" value="tb7030">
2017    <input type="hidden" name="login_id" value="">
2018    <input type="hidden" name="return_path" value="/view/news/20260924111145">
2019</form>
2020<input type="hidden" id="makeshop-page-common-contact-data"
2021    data-contact-url="#makeshop-common-contact-url"
2022>
2023
2024<input type="hidden" id="makeshop-page-common-slideshow-data"
2025    data-enabled="Y"
2026    data-pause="9000"
2027    data-speed="1500"
2028    data-controls="Y"
2029    data-captions="Y"
2030    data-mode="horizontal"
2031>
2032
2033
2034<script src="/js/jquery/3.7.1/jquery.min.js" defer></script>
vendor: 1 bytes, line 2034
2034
2035<script src="/js/jqueryplugin/remodal/1.1.1/remodal.min.js" defer></script>
vendor: 1 bytes, line 2035
2035
2036<script src="/js/jqueryplugin/makeshop_bxslider/4.2.14/jquery.bxslider.min.js" defer></script>
vendor: 1 bytes, line 2036
2036
2037<script src="/view/asset/system-99999-1-10-24bbcddf73da439e84deb1fe53df7470.js" defer></script>
2037
2038<!--259158e3a3e65b-->
2039  </body>
2040</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.