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↔nav, nav↔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">→</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 © ãã¤ã´ã¼ã«ããªãã£ã·ã£ã«ãªã³ã©ã¤ã³ã·ã§ãã 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 // è²·ãç©ããç»é¢ã®æ°éã¹ãããã¼ï¼−/ï¼ï¼ã 1309 // 1310 // MakeShop ã¯æ°é夿´URLï¼quantity_urlï¼ã®ã¢ã³ã«ã¼ã¯ãªãã¯ãæ¤ç¥ããåä¸ååã® 1311 // data-id ãæã¤å ¥åæ¬ã®å¤ãèªãã§æ°éãæ´æ°ããããã®ãã −/ï¼ æ¼ä¸æã«å ¥åæ¬ã® 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">×</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.