1<!doctype html> 2<html lang="ja" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#"> 3<head> 4<meta charset="utf-8"> 5<meta name="viewport" content="width=device-width,initial-scale=1"> 6<title>è¾²æ©å ·ã»è¾²æ¥æ©æ¢°é販ãªãè±ä½ãã£ã¨ï½è¾²æ¥æ´»æ§å¿æ´ãµã¤ã</title> 7<meta name="description" content="è±ä½ãã£ã¨ã¯ãè¾²æ©å ·ã»è¾²æ¥æ©æ¢°ã®å°éé販ãµã¤ãã§ããèããçªããªã¤ã«ãªã©ã®æ¶èåãããèªèµ°å¼èåæ©ã便å©åã¾ã§ããã®è¦ç¹ã§å³é¸ããæ ¼å®ã§å ¨å½ã¸ãå±ããã¾ãã"> 8<link rel="canonical" href="https://www.housakunet.shop/"> 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 property="og:url" content="https://www.housakunet.shop/"> 14<meta property="og:image" content="https://gigaplus.makeshop.jp/fukuda29/common/images/OGP_thumbnail_b.png"> 15<meta name="twitter:card" content="summary_large_image"> 16<meta name="twitter:image" content="https://gigaplus.makeshop.jp/fukuda29/common/images/OGP_thumbnail_b.png"> 17<meta name="google-site-verification" content="0fJ0ICXOk6FvKcttISxi107hIwRxwRXJlxJqwH7kOsc" /> 18<meta name="google-site-verification" content="R9SNekt5XtiMqR2-4tk4blEYj4kOKSawyw_Z2_bjgk0" /> 19<link rel="shortcut icon" type="image/ico" href="/favicon.ico"> 20<link href="/view/asset/user-35-1-2-7ba3fcac1a8945f364911014c7e5c2a4.css" rel="stylesheet"> 21<link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet"> 22<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap" rel="stylesheet"> 23</head> 24 25<body> 26 27<div id="loading"> 28 <div class="hs-stack"> 29 <div class="hs-ring" id="hsRing"> 30 <div class="hs-ring-inner"><img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/hosakukun_asease.gif" alt="èªã¿è¾¼ã¿ä¸"></div> 31 </div> 32 <div class="hs-txt">ä¸çæ¸å½èªã¿è¾¼ã¿ä¸<span class="hs-dots"></span></div> 33 </div> 34</div> 35 36<div id="top"></div> 37<div class="gn-top-info"> 38 <span class="gn-top-info-left"></span> <!-- å·¦ããã¼ï¼PCç¨ï¼ --> 39 <a href="https://page.line.me/110ojdvj?openQrModal=true" class="gn-top-info-link" target="_blank"> 40 <p class="gn-top-info-text">æ°ãµã¼ãã¹ï¼å ¬å¼LINEã¢ã«ã¦ã³ãã¯ãã¡ã</p></a> 41 <button class="gn-top-info-close" aria-label="éãã">Ã</button> 42</div> 43 44<style> 45.gn-top-info { 46 width: 100%; 47 background: #06C755; 48 color: #ffffff; 49 display: flex; 50 align-items: center; 51 justify-content: center; 52 position: relative; 53 padding: 6px 8px; /* å ¨ä½ã®é«ãï¼PCã§ãå°ãèã */ 54 font-family: "Noto Sans JP", sans-serif; 55 font-weight: 700; 56 font-size: 15px; 57 letter-spacing: 0.03em; 58} 59 60/* å·¦å´ã®éæããã¼ï¼PCã®å·¦å³ãã©ã³ã¹èª¿æ´ç¨ï¼ */ 61.gn-top-info-left { 62 width: 32px; /* Ããã¿ã³ã¨è¿ãå¹ */ 63 height: 1px; 64 display: block; 65} 66 67/* ããã¹ã */ 68.gn-top-info-text { 69 margin: 0; 70 white-space: nowrap; 71 flex-shrink: 0; 72} 73 74/* éãããã¿ã³ */ 75.gn-top-info-close { 76 position: absolute; 77 right: 16px; 78 top: 50%; 79 transform: translateY(-50%); 80 background: transparent; 81 border: none; 82 color: #fff; 83 font-size: 20px; 84 line-height: 1; 85 cursor: pointer; 86 padding: 0; 87} 88 89.gn-top-info-close:hover { 90 opacity: 0.7; 91} 92 93/* éãããã¿ã³åä½ */ 94.gn-top-info.closed { 95 display: none !important; 96} 97 98/* ===== ã¹ããèª¿æ´ ===== */ 99@media (max-width: 768px) { 100 101 /* é«ããããã«èãï¼æåå°ãå°ãã */ 102 .gn-top-info { 103 padding: 6px 16px; 104 font-size: 13px; 105 } 106 107 /* ã¹ããã§ã¯ããã¼ãæ¶ãã¦ãããã¹ããç´ç²ã«ä¸å¤®ã
107¸ */ 108 .gn-top-info-left { 109 display: none; 110 } 111 112 .gn-top-info-close { 113 right: 12px; 114 font-size: 18px; 115 } 116} 117.gn-top-info-link{ 118 text-decoration: none; 119 color: inherit; 120 display: block; /* è¡å ¨ä½ãã¯ãªãã¯é åã« */ 121} 122 123</style> 124
125<script> 126document.addEventListener("click", function(e){ 127 if(e.target.classList.contains("gn-top-info-close")){ 128 document.querySelector(".gn-top-info").classList.add("closed"); 129 } 130}); 131</script>
131� 132<!-- ========================================================= 133 GHN HEADERï¼PC / ã¡ã¬ã¡ãã¥ã¼ + ã¢ã¤ã³ã³, SP / ãã³ãã¼ã¬ã¼ï¼ 134========================================================= --> 135<div class="ghn-header" role="banner"> 136 137<!-- ãªã¼ãã¼ã¬ã¤ï¼SPã¡ãã¥ã¼éæã«ç»é¢å ¨ä½ãæãããï¼ --> 138<div class="ghn-overlay"></div> 139 140 <!-- RowAï¼TEL / LOGO / LINKSï¼PCã®ã¿ï¼ --> 141 <div class="ghn-row ghn-rowA"> 142 <div class="ghn-inner"> 143 144 <!-- TEL --> 145 <div class="ghn-a-left"> 146 <a href="tel:0800-888-4039" class="ghn-tel"> 147 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/ããªã¼ãã¤ã¤ã«.svg" alt="éè©±ç¡æ 0800-888-4039 / åä» 9:00-17:00"> 148 </a> 149 </div> 150 151 <!-- LOGO --> 152 <div class="ghn-a-center"> 153 <a href="/" class="ghn-logo"> 154 <img src="https://shop23-makeshop.akamaized.net/shopimages/fukuda29/logo.png" alt="è±ä½ãã£ã¨ è¾²æ¥æ´»æ§å¿æ´ãµã¤ã"> 155 </a> 156 </div> 157 158 <!-- LINKS --> 159 <nav class="ghn-a-right" aria-label="ãã«ããªã³ã¯"> 160 <ul class="ghn-links"> 161 162 <li class="ghn-link-x"> 163 <a href="https://x.com/housakukun" target="_blank" rel="noopener" aria-label="Xï¼æ§Twitterï¼"> 164 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/xicon.png" alt="X"> 165 </a> 166 </li> 167 <li class="ghn-link-x ghn-link-line"> 168 <a href="https://line.me/R/ti/p/@110ojdvj" target="_blank" rel="noopener" aria-label="LINEã§ç¸è«"> 169 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/LINE_APP_Android.png" alt="LINE"> 170 <span class="ghn-link-line__label">LINEã§ç¸è«</span> 171 </a> 172 </li> 173 174 <li><a href="https://www.housakunet.shop/view/page/guide">ãå©ç¨ã¬ã¤ã</a></li> 175 <li><a href="https://www.housakunet.shop/html/email.html">ãåãåãã</a></li> 176 <li><a href="http://www.fukuda-kikaiten.co.jp/index.php" target="_blank" rel="noopener">éå¶ä¼æ¥</a></li> 177 </ul> 178 </nav> 179 180 </div> 181 </div> 182 183 <!-- RowBï¼æ¤ç´¢ + åå/ã¨ãã¢ã/宿¼åç» + ãã¤ãã¼ã¸/ã«ã¼ã --> 184 <div class="ghn-row ghn-rowB"> 185 <div class="ghn-inner"> 186 187 <!-- ã¹ããç¨ãã´ï¼PCã§ã¯éè¡¨ç¤ºï¼ --> 188 <a href="/" class="ghn-logo-mobile"> 189 <img src="https://shop23-makeshop.akamaized.net/shopimages/fukuda29/logo.png" alt="è±ä½ãã£ã¨ è¾²æ¥æ´»æ§å¿æ´ãµã¤ã"> 190 </a> 191 192 <!-- SEARCHï¼MakeShopæ¨æºãã¸ãã¯ã使ç¨ï¼ --> 193 <div class="ghn-search"> 194 <!-- å·¦ï¼æ¤ç´¢ã¨ãªã¢ï¼MakeShopæ¨æºãã®ã¾ã¾ï¼ --> 195 <div class="header-search-area"> 196 <div class="header-nav-search ghn-search-group"> 197 <input type="text" 198 class="side-search-keyword search-keyword ghn-q" 199 data-id="makeshop-search-keyword" 200 value="" 201 id="MakeShopTopSearchInput" 202 placeholder="åååã»ãã¼ã¯ã¼ãã§æ¤ç´¢"> 203 204 <!-- é表示ã®è©³ç´°æ¡ä»¶ï¼åé¤ããã¨æåãæªãããªãã®ã§æ®ãï¼ --> 205 <ul class="header-search-hidden" style="display:none;"> 206 <li> 207 <label>ã«ãã´ãªã¼</label> 208 <select data-id="makeshop-search-category" class="search-category"> 209 <option value="" 210 selected> 211 ãã¹ã¦ã®ã«ãã´ãªã¼ 212 </option> 213 <option value="ct226" 214 > 215 é¤èå¤ 216 </option> 217 <option value="ct225" 218 > 219 ãªã¤ã«ç¼¶è²¯éç®±ãã£ã³ãã¼ã³å¯¾è±¡è£½å 220 </option> 221 <option value="ct218" 222 > 223 ã¤ã³ãã¼è£½åãªãã·ã§ã³å 224 </option> 225 <option value="ct210" 226 > 227 ç°æ¤ãæ©ãªãã·ã§ã³å 228 </option> 229 <option value="ct208" 230 > 231 ãã©ã¯ã¿ã¼ãªãã·ã§ã³å 232 </option> 233 <option value="ct207" 234 > 235 ããã·ã§ãã« 236 </option> 237 <option value="ct204" 238 > 239 ç²ç æ© 240 </option> 241 <option value="ct203" 242 > 243 ã³ã³ãã¬ããµã¼ 244 </option> 245 <option value="ct202" 246 > 247 åªå®ããµã 248 </option> 249 <option value="ct201" 250 > 251 æºè¡ç¼¶ 252 </option> 253 <option value="ct200" 254 > 255 ã©ã¸ãª 256 </option> 257 <option value="ct97" 258 > 259 åææ© 260 </option> 261 <option value="ct102" 262 > 263 èªèµ°å¼èåæ© 264 </option> 265 <option value="ct107" 266 > 267 ä¹ç¨èåæ© 268 </option> 269 <option value="ct110" 270 > 271 ã©ã¸ã³ã³èåæ© 272 </option> 273 <option value="ct113" 274 > 275 èããæ©ã»ç®¡çæ© 276 </option> 277 <option value="ct190" 278 > 279 çºé»æ© 280 </option> 281 <option value="ct192" 282 > 283 鿬è»ã»ããã·ã§ãã« 284 </option> 285 <option value="ct189" 286 > 287 使¥è² æ 軽æ¸å¯¾ç 288 </option> 289 <option value="ct188" 290 > 291 害ç£å¯¾ç 292 </option> 293 <option value="ct187" 294 > 295 ååç ç£¨æ© 296 </option> 297 <option value="ct186" 298 > 299 ã¢ã«ãããªã㸠300 </option> 301 <option value="ct185" 302 > 303 ä¿è·ã«ãã¼ 304 </option> 305 <option value="ct184" 306 > 307 ç±ä¸å¯¾ç 308 </option> 309 <option value="ct183" 310 > 311 ç°æ¤ã便å©å 312 </option> 313 <option value="ct182" 314 > 315 å®¶åºèååãè¥æ ã¬ã¼ãã³ãã¼ãã£ã¼ 316 </option> 317 <option value="ct181" 318 > 319 èããçªäº¤æå·¥å · 320 </option> 321 <option value="ct180" 322 > 323 è²èè³æé¡ 324 </option> 325 <option value="ct179" 326 > 327 ã¯ãªã¼ãã¼ 328 </option> 329 <option value="ct176" 330 > 331 ãªã¤ã«ãã£ã«ã¿ã¼ 332 </option> 333 <option value="ct175" 334 > 335 ããããªã¼ 336 </option> 337 <option value="ct172" 338 > 339 ãªã¤ã« 340 </option> 341 <option value="ct169" 342 > 343 Vãã«ã 344 </option> 345 <option value="ct164" 346 > 347 èåæ©æ¶èå 348 </option> 349 <option value="ct159" 350 > 351 èããçª&åä»ãã«ã 352 </option> 353 <option value="ct157" 354 > 355 é¤éªæ© 356 </option> 357 <option value="ct154" 358 > 359 é¤ ã¤ãæ© 360 </option> 361 <option value="ct149" 362 > 363 å£ç¯å 364 </option> 365 <option value="ct117" 366 > 367 ãã§ã³ã½ã¼ 368 </option> 369 <option value="ct120" 370 >
371 å´é§å¨ã»æ£å¸æ© 372 </option> 373 <option value="ct125" 374 > 375 èåæ© 376 </option> 377 <option value="ct129" 378 > 379 ãã㯠380 </option> 381 <option value="ct134" 382 > 383 é«å§æ´æµæ© 384 </option> 385 <option value="ct137" 386 > 387 ã¨ã³ã¸ã³ãã³ã 388 </option> 389 <option value="ct139" 390 > 391 ããã¸ããªã 392 </option> 393 <option value="ct54" 394 > 395 ä¿å·ç±³ã³ã¤ 396 </option> 397 <option value="nougyousizai" 398 > 399 è¾²æ¥è³æ 400 </option> 401 <option value="nougyoukikai" 402 > 403 è¾²æ¥æ©æ¢° 404 </option> 405 <option value="ct38" 406 > 407 ç§åæ 408 </option> 409 <option value="ct46" 410 > 411 æ³æ«ã»ã¼ã« 412 </option> 413 <option value="ct47" 414 > 415 æ°æ¥ã»ã¼ã« 416 </option> 417 <option value="ct52" 418 > 419 èµåºãç¹ä¾¡å 420 </option> 421 <option value="ct53" 422 > 423 ç±ä¸ç対ç 424 </option> 425 <option value="ct55" 426 > 427 ãã¤ã³ã3å 428 </option> 429 <option value="ct96" 430 > 431 ã·ã¼ãºã³ãªã 432 </option> 433 <option value="ct191" 434 > 435 æ³æ«å¤§æè¬ç¥ 436 </option> 437 </select> 438 </li> 439 <li> 440 <label>ä¾¡æ ¼å¸¯ã§çµãè¾¼ã</label> 441 <input type="text" data-id="makeshop-search-price-low" 442 value="" class="search-price">ï½ 443 <input type="text" data-id="makeshop-search-price-high" 444 value="" class="search-price">å 445 </li> 446 <li> 447 <label>ç¬èªååã³ã¼ãã§æ¢ã</label> 448 <input type="text" 449 data-id="makeshop-search-original-code" 450 class="side-search-original-code original-code" 451 value="" 452 placeholder="ç¬èªååã³ã¼ããå ¥å"> 453 </li> 454 </ul> 455 456 <!-- MakeShopæ¨æº æ¤ç´¢ãã¿ã³ --> 457 <a href="#makeshop-common-search-url" 458 class="search-btn search-url ghn-go" 459 id="MakeShopTopSearchButton" 460 aria-label="æ¤ç´¢"> 461 <svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true"> 462 <!-- ã¬ã³ãºï¼ç½å¡ãï¼ç½ããï¼ --> 463 <circle cx="11" cy="11" r="7" 464 fill="#ffffff" 465 stroke="#ffffff" 466 stroke-width="2" /> 467 <!-- æã¡æï¼ç½ï¼ --> 468 <line x1="15.5" y1="15.5" 469 x2="21" y2="21" 470 stroke="#ffffff" 471 stroke-width="2.2" 472 stroke-linecap="round" /> 473 </svg> 474</a> 475 476 477 </div> 478 </div> 479 </div> 480 481 482 <!-- åå / ã¨ãã¢ã / 宿¼åç» --> 483 <nav class="ghn-mainnav" aria-label="ååããã²ã¼ã·ã§ã³"> 484 <div class="ghn-mainnav-icons"> 485 486 <!-- ååï¼ã¡ã¬ã¡ãã¥ã¼è¡¨ç¤ºããªã¬ã¼ï¼ --> 487 <div class="ghn-mainnav-item ghn-mainnav-hasmega"> 488 <a href="https://www.housakunet.shop/view/page/housaku-media" class="ghn-icon ghn-mainnav-iconlink" aria-label="åå">
489 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/icon_item.svg" alt=""> 490 </a> 491 492 <!-- ã¡ã¬ã¡ãã¥ã¼æ¬ä½ --> 493 <div class="ghn-mega"> 494 <div class="ghn-mega-inner"> 495 <!-- ========================= 496 SPå°ç¨ 1ã«ã©ã ã¡ãã¥ã¼ 497========================== --> 498<div class="ghn-mega-sp"> 499 500 <!-- ãããã¤é¨åï¼ãã°ã¤ã³ãã¦ããã°ä¼å¡åããã¦ããªããã°ã²ã¹ã --> 501 <div class="ghn-mega-sp-head"> 502 <p class="ghn-mega-sp-hello"> 503 ããã£ãããã¾ã,ã²ã¹ãæ§ 504 </p> 505 506 <button type="button" class="ghn-drawer-close" aria-label="ã¡ãã¥ã¼ãéãã">Ã</button> 507</div> 508 509 510 <!-- ãã¿ã³é¨åï¼æªãã°ã¤ã³ãªããã°ã¤ã³ï¼æ°è¦ä¼å¡ç»é² --> 511<div class="ghn-mega-sp-buttons"> 512 513 <!-- æªãã°ã¤ã³ï¼ãã°ã¤ã³ï¼æ°è¦ä¼å¡ç»é² --> 514 <a href="/view/member/login" class="ghn-sp-btn ghn-sp-btn-primary">ãã°ã¤ã³</a> 515 516 <a href="/shop/idinfo.html" class="ghn-sp-btn ghn-sp-btn-outline">æ°è¦ä¼å¡ç»é²</a> 517 518</div> 519 520 521 <!-- ããããä¸ã¯ã¡ãã¥ã¼æ¬ä½ï¼å ã®ã¾ã¾ã§OKï¼ --> 522 <div class="ghn-mega-sp-nav"> 523 524 <!-- ååï¼åãªã¹ãä»ãï¼ --> 525 <button type="button" class="ghn-sp-nav-parent"> 526 <span class="ghn-sp-nav-label">åå</span>
527 <span class="ghn-sp-nav-toggle">+</span> 528 </button> 529 <ul class="ghn-sp-nav-children"> 530 <li><a href="https://www.housakunet.shop/#category">ã«ãã´ãªã¼ããæ¢ã</a></li> 531 <li><a href="https://www.housakunet.shop/#itio">ã¤ããªã·ããæ¢ã</a></li> 532 <li><a href="https://www.housakunet.shop/#maker">ã¡ã¼ã«ã¼ããæ¢ã</a></li> 533 </ul> 534 535 <!-- åç¬ã¡ãã¥ã¼ --> 536 <a href="https://www.housakunet.shop/view/page/housaku-media" class="ghn-sp-nav-item">ã¨ãã¢ã</a> 537 <a href="https://www.housakunet.shop/#moja" class="ghn-sp-nav-item">ãã£ã³ãã¼ã³</a> 538 <a href="https://www.housakunet.shop/#contents" 539 class="ghn-sp-nav-item"> 540 宿¼åç» 541 </a> 542 <a href="http://www.fukuda-kikaiten.co.jp/index.php" 543 class="ghn-sp-nav-item" 544 target="_blank" 545 rel="noopener"> 546 éå¶ä¼æ¥ 547</a> 548 549 </div> 550 551 <div class="ghn-mega-sp-contact"> 552 <p class="ghn-sp-contact-title">é»è©±ã§åãåãã</p> 553 <p class="ghn-sp-contact-tel"> 554 <a href="tel:0800-888-4039">0800-888-4039</a>
555 <span>ï¼éè©±ç¡æï¼</span> 556 </p> 557 <a href="https://housakunet.shop/html/email.html" class="ghn-sp-btn ghn-sp-btn-outline-full">åãåãããã©ã¼ã ã¸</a> 558 559 560 </div> 561 562</div><!-- /.ghn-mega-sp --> 563 564 565 <!-- ========================= 566 PCç¨ å¾æ¥ã¡ã¬ã¡ãã¥ã¼ 567 ========================== --> 568 <div class="ghn-mega-pc"> 569 <!-- å·¦ï¼ã¿ã --> 570 <div class="ghn-mega-left"> 571 <ul class="ghn-mega-nav"> 572 <li class="ghn-mega-nav-item is-active" data-panel="panel-grass"><span>ã«ãã´ãªã¼ããæ¢ã</span></li> 573 <li class="ghn-mega-nav-item" data-panel="panel-hammer"><span>ã¤ããªã·ããæ¢ã</span></li> 574 <li class="ghn-mega-nav-item" data-panel="panel-chainsaw"><span>ã¡ã¼ã«ã¼ããæ¢ã</span></li> 575 <li class="ghn-mega-nav-item" data-panel="panel-blower"><span>èããçªã調ã¹ã</span></li> 576 </ul> 577 </div> 578 579 <!-- å³ï¼ããã«ç¾¤ --> 580 <div class="ghn-mega-right"> 581 582 <!-- ã«ãã´ãªã¼ããæ¢ã --> 583<div class="ghn-mega-panel is-active" data-panel="panel-grass"> 584 <div class="ghn-mega-panel-grid"> 585 586<!-- è¾²æ¥æ©æ¢°ï¼16ä»¶ï¼â»ããã«å´CTã«åãã --> 587<div class="ghn-mega-panel-col"> 588 <h3 class="ghn-mega-title">è¾²æ¥æ©æ¢°</h3> 589<ul class="ghn-mega-links ghn-mega-links--agri"> 590 <li><a class="icon-karibara" href="https://www.housakunet.shop/shopbrand/ct97">åææ©</a></li> 591 <li><a class="icon-jisou" href="https://www.housakunet.shop/shopbrand/ct102">èªèµ°å¼èåæ©</a></li> 592 <li><a class="icon-jouyou" href="https://www.housakunet.shop/shopbrand/ct107">ä¹ç¨èåæ©</a></li> 593 <li><a class="icon-rajicon" href="https://www.housakunet.shop/shopbrand/ct110">ã©ã¸ã³ã³èåæ©</a></li> 594 <li><a class="icon-koun" href="https://www.housakunet.shop/shopbrand/ct113">èããæ©ã»ç®¡çæ©</a></li> 595 <li><a class="icon-chainsaw" href="https://www.housakunet.shop/shopbrand/ct117">ãã§ã³ã½ã¼</a></li> 596 <li><a class="icon-funmuki" href="https://www.housakunet.shop/shopbrand/ct120">å´é§å¨</a></li> 597 <li><a class="icon-shibakari" href="https://www.housakunet.shop/shopbrand/ct125">èåæ©</a></li> 598 <li><a class="icon-blower" href="https://www.housakunet.shop/shopbrand/ct129">ããã¯</a></li> 599 <li><a class="icon-koatsu" href="https://www.housakunet.shop/shopbrand/ct134">é«å§æ´æµæ©</a></li> 600 <li><a class="icon-funsai" href="https://www.housakunet.shop/shopbrand/ct204">ç²ç æ©</a></li> 601 <li><a class="icon-trimmer" href="https://www.housakunet.shop/shopbrand/ct139">ããã¸ããªã</a></li> 602 <li><a class="icon-autumn" href="https://www.housakunet.shop/shopbrand/ct144">å£ç¯å -ç§-</a></li> 603 <li><a class="icon-spring" href="https://www.housakunet.shop/shopbrand/ct149">å£ç¯å -æ¥-</a></li> 604 <li><a class="icon-josetsu" href="https://www.housakunet.shop/shopbrand/ct157">é¤éªæ©</a></li> 605 <li><a class="icon-unpan" href="https://www.housakunet.shop/shopbrand/ct192">鿬è»ã»ããã·ã£ãã«</a></li> 606</ul> 607 608</div> 609 610<!-- æ¶èåï¼6ä»¶ï¼â»ããã«å´CTã«åããï¼å ããä¸è´ï¼ --> 611<div class="ghn-mega-panel-col"> 612 <h3 class="ghn-mega-title">æ¶èå</h3> 613 <ul class="ghn-mega-links ghn-mega-links--consum"> 614 <li><a class="icon-tsume" href="https://www.housakunet.shop/shopbrand/ct159">èããçªï¼åä»ãã«ã</a></li> 615 <li><a class="icon-kusakari-syoumou" href="https://www.housakunet.shop/shopbrand/ct164">èåæ©æ¶èå</a></li> 616 <li><a class="icon-vbelt" href="https://www.housakunet.shop/shopbrand/ct169">Vãã«ã</a></li> 617 <li><a class="icon-oil" href="https://www.housakunet.shop/shopbrand/ct172">ãªã¤ã«</a></li> 618 <li><a class="icon-battery" href="https://www.housakunet.shop/shopbrand/ct175">ããããªã¼</a></li> 619 <li><a class="icon-oilfilter" href="https://www.housakunet.shop/shopbrand/ct176">ãªã¤ã«ãã£ã«ã¿ã¼</a></li> 620</ul> 621</div> 622 623<!-- ãã®ä»ï¼16ä»¶ï¼â»ããã«å´CTã«åãã --> 624<div class="ghn-mega-panel-col"> 625 <h3 class="ghn-mega-title">ãã®ä»</h3> 626 <ul class="ghn-mega-links ghn-mega-links--others"> 627 <li><a class="icon-cleaner" href="https://www.housakunet.shop/shopbrand/ct179">ã¯ãªã¼ãã¼</a></li> 628 <li><a class="icon-ikubyo" href="https://www.housakunet.shop/shopbrand/ct180">è²èè³æã»è¥æ</a></li> 629 <li><a class="icon-tool" href="https://www.housakunet.shop/shopbrand/ct181">èããçªäº¤æå·¥å ·</a></li> 630 <li><a class="icon-kenma" href="https://www.housakunet.shop/shopbrand/ct187">ååç 磨æ©</a></li> 631 <li><a class="icon-taue" href="https://www.housakunet.shop/shopbrand/ct183">ç°æ¤ã便å©å</a></li> 632 <li><a class="icon-necchu" href="https://www.housakunet.shop/shopbrand/ct184">ç±ä¸å¯¾ç</a></li> 633 <li><a class="icon-cover" href="https://www.housakunet.shop/shopbrand/ct185">ä¿è·ã«ãã¼</a></li> 634 <li><a class="icon-bridge" href="https://www.housakunet.shop/shopbrand/ct186">ã¢ã«ãããªãã¸</a></li> 635 <li><a class="icon-keigen" href="https://www.housakunet.shop/shopbrand/ct189">使¥è² æ 軽æ¸å¯¾ç</a></li> 636 <li><a class="icon-josozai" href="https://www.housakunet.shop/shopbrand/ct226">é¤èå¤</a></li> 637 <li><a class="icon-pump" href="https://www.housakunet.shop/shopbrand/ct137">ã¨ã³ã¸ã³ãã³ã</a></li> 638 <li><a class="icon-hatsuden" href="https://www.housakunet.shop/shopbrand/ct190">çºé»æ©</a></li> 639 <li><a class="icon-keikokan" href="https://www.housakunet.shop/shopbrand/ct201">æºè¡ç¼¶</a></li> 640 <li><a class="icon-hasami" href="https://www.housakunet.shop/shopbrand/ct202">åªå®ããµã</a></li> 641 <li><a class="icon-mochi" href="https://www.housakunet.shop/shopbrand/ct154">é¤ ã¤ãæ©</a></li> 642 <li><a class="icon-radio" href="https://www.housakunet.shop/shopbrand/ct200">ã©ã¸ãª</a></li> 643</ul> 644 645</div> 646 647 648 </div> 649</div> 650 651 <!-- ããã¯ã¢ããããæ¢ã --> 652<div class="ghn-mega-panel" data-panel="panel-hammer"> 653 <ul class="ms-pick__grid ms-pick__grid--mega"> 654 655 <li class="ms-pick__item"> 656 <a class="ms-pick__link" href="https://www.housakunet.shop/view/item/000000008175"> 657 <figure class="ms-pick__figure">
658 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/ã¤ããªã·/picup_josetsuki.png" alt=""> 659 </figure> 660 </a> 661 </li> 662 663 <li class="ms-pick__item"> 664 <a class="ms-pick__link" href="https://www.housakunet.shop/view/item/000000008169"> 665 <figure class="ms-pick__figure"> 666 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/ã¤ããªã·/picup_senjoki.png" alt=""> 667 </figure> 668 </a> 669 </li> 670 671 <li class="ms-pick__item"> 672 <a class="ms-pick__link" href="https://www.housakunet.shop/view/item/000000000146"> 673 <figure class="ms-pick__figure"> 674 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/ã¤ããªã·/pickup_missionoil.png" alt=""> 675 </figure> 676 </a> 677 </li> 678 679 <li class="ms-pick__item"> 680 <a class="ms-pick__link" href="https://www.housakunet.shop/view/item/000000000143"> 681 <figure class="ms-pick__figure"> 682 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/ã¤ããªã·/pickup_enngineoil.png" alt=""> 683 </figure> 684 </a> 685 </li> 686 687 </ul> 688</div> 689 690 691 <!-- ã¡ã¼ã«ã¼ããæ¢ã --> 692<div class="ghn-mega-panel" data-panel="panel-chainsaw"> 693 694 <section class="maker-grid-section"> 695 <h2 class="maker-title">åãæ±ãã¡ã¼ã«ã¼</h2> 696 697 <div class="maker-grid"> 698 699<!-- 1ï¼YANMARï¼ --> 700<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%E4%A5%F3%A5%DE%A1%BC" class="maker-item"> 701 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/yanmar_logo.png" alt="YANMAR"> 702</a> 703 704<!-- 2ï¼ORECï¼ --> 705<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%AA%A1%BC%A5%EC%A5%C3%A5%AF" class="maker-item"> 706 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/orec_logo.png" alt="OREC"> 707</a> 708 709<!-- 3ï¼CANYCOMï¼ --> 710<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%AD%A5%E3%A5%CB%A5%B3%A5%E0" class="maker-item"> 711 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/cany_logo.png" alt="CANYCOM"> 712</a> 713 714<!-- 4ï¼ZENOAHï¼ --> 715<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%BC%A5%CE%A5%A2" class="maker-item"> 716 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/zenoah_logo.png" alt="ZENOAH"> 717</a> 718 719<!-- 5ï¼BEAVERï¼ --> 720<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%D3%A1%BC%A5%D0%A1%BC" class="maker-item"> 721 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/beaver_logo.png" alt="BEAVER"> 722</a> 723 724<!-- 6ï¼COSMOï¼ --> 725<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%B3%A5%B9%A5%E2" class="maker-item"> 726 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/cosmo_logo.png" alt="COSMO"> 727</a> 728 729<!-- 7ï¼ãã¯ã¨ãï¼ --> 730<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%DB%A5%AF%A5%A8%A5%C4" class="maker-item"> 731 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/hokuetsu_logo.png" alt="ãã¯ã¨ã"> 732</a> 733 734<!-- 8ï¼ã¤ã»ãï¼ --> 735<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%A4%A5%BB%A5%AD" class="maker-item"> 736 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/iseki_logo.png" alt="ã¤ã»ã"> 737</a> 738 739<!-- 9ï¼iwoodï¼ --> 740<a href="https://www.housakunet.shop/view/search?search_keyword=iwood" class="maker-item"> 741 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/iwood_logo.png" alt="iwood"> 742</a> 743 744<!-- 10ï¼John Deereï¼ --> 745<a href="https://www.housakunet.shop/view/search?search_keyword=john" class="maker-item">
746 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/JD_logo.png" alt="John Deere"> 747</a> 748 749<!-- 11ï¼å ±ç«ï¼ --> 750<a href="https://www.housakunet.shop/view/search?search_keyword=%B6%A6%CE%A9" class="maker-item"> 751 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/kioritz_logo.png" alt="å ±ç«"> 752</a> 753 754<!-- 12ï¼ã³ãã·ï¼ --> 755<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%B3%A5%D0%A5%B7" class="maker-item"> 756 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/kobashi_logo.png" alt="ã³ãã·"> 757</a> 758 759<!-- 13ï¼å·¥é²ï¼ --> 760<a href="https://www.housakunet.shop/view/search?search_keyword=%B9%A9%BF%CA" class="maker-item"> 761 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/koshin_logo.png" alt="å·¥é²"> 762</a> 763 764<!-- 14ï¼ã¯ãã¿ï¼ --> 765<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%AF%A5%DC%A5%BF" class="maker-item"> 766 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/kubota_logo.png" alt="ã¯ãã¿"> 767</a> 768 769<!-- 15ï¼ããã¿ï¼ --> 770<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%DE%A5%AD%A5%BF" class="maker-item"> 771 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/makita_logo.png" alt="ããã¿"> 772</a> 773 774<!-- 16ï¼ä¸¸å±±ï¼ --> 775<a href="https://www.housakunet.shop/view/search?search_keyword=%B4%DD%BB%B3" class="maker-item"> 776 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/maruyama_logo.png" alt="丸山"> 777</a> 778 779<!-- 17ï¼ä¸è±ï¼ --> 780<a href="https://www.housakunet.shop/view/search?search_keyword=%BB%B0%C9%A9" class="maker-item"> 781 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/mitsubishimahindra_logo.png" alt="ä¸è±"> 782</a> 783 784<!-- 18ï¼ä¸ãæï¼ --> 785<a href="https://www.housakunet.shop/view/search?search_keyword=%BB%B0%A5%C4%C0%B1" class="maker-item"> 786 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/mitsuboshi_logo.png" alt="ä¸ãæ"> 787</a> 788 789<!-- 19ï¼ããºãï¼ --> 790<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%DF%A5%BA%A5%DB" class="maker-item"> 791 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/mizuho_logo.png" alt="ããºã"> 792</a> 793 794<!-- 20ï¼ããºã¦ãï¼ --> 795<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%DF%A5%BA%A5%A6%A5%C1" class="maker-item"> 796 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/mizuuchi_logo.png" alt="ããºã¦ã"> 797</a> 798 799<!-- 21ï¼MKç²¾å·¥ï¼ --> 800<a href="https://www.housakunet.shop/view/search?search_keyword=%C0%BA%B9%A9" class="maker-item"> 801 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/MKseiko_logo.png" alt="精工"> 802</a> 803 804<!-- 22ï¼ãããï¼ --> 805<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%CB%A5%D7%A5%ED" class="maker-item"> 806 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/niplo_logo.png" alt="ããã"> 807</a> 808 809<!-- 23ï¼SEKï¼ --> 810<a href="https://www.housakunet.shop/view/search?search_keyword=SEK" class="maker-item"> 811 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/SEK_logo.png" alt="SEK"> 812</a> 813 814<!-- 24ï¼ã·ãã¦ã©ï¼ --> 815<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%B7%A5%D0%A5%A6%A5%E9" class="maker-item"> 816 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/shibaura_logo.png" alt="ã·ãã¦ã©"> 817</a> 818 819<!-- 25ï¼æ°ãã¤ã¯ï¼ --> 820<a href="https://www.housakunet.shop/view/search?search_keyword=%BF%B7%A5%C0%A5%A4%A5%EF" class="maker-item">
821 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/shindaiwa_logo.png" alt="æ°ãã¤ã¯"> 822</a> 823 824<!-- 26ï¼STIHLï¼ --> 825<a href="https://www.housakunet.shop/view/search?search_keyword=stihl" class="maker-item"> 826 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/stihl_logo.png" alt="STIHL"> 827</a> 828 829<!-- 27ï¼ã¿ã¤ã¬ã¼ã«ã¯ã·ãï¼ --> 830<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%BF%A5%A4%A5%AC%A1%BC%A5%AB%A5%EF%A5%B7%A5%DE" class="maker-item"> 831 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/tigerkawashima_logo.png" alt="ã¿ã¤ã¬ã¼ã«ã¯ã·ã"> 832</a> 833 834<!-- 28ï¼ã¤ãã»ï¼ --> 835<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%E4%A5%CA%A5%BB" class="maker-item"> 836 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/yanaseseiyu_logo.png" alt="ã¤ãã»"> 837</a> 838 839<!-- 29ï¼ãã¹ã¯ãã¼ãï¼ --> 840<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%CF%A5%B9%A5%AF%A5%D0%A1%BC%A5%CA" class="maker-item"> 841 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/hasqvarna_logo.png" alt="ãã¹ã¯ãã¼ã"> 842</a> 843 844<!-- 30ï¼ã·ã³ã»ã¤ï¼ --> 845<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%B7%A5%F3%A5%BB%A5%A4" class="maker-item"> 846 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/shinsei_logo.png" alt="ã·ã³ã»ã¤"> 847</a> 848 849 850 </div> 851 </section> 852 853</div> 854 855<!-- èããçªã調ã¹ã --> 856<div class="ghn-mega-panel" data-panel="panel-blower"> 857 <div class="ghn-mega-panel-grid"> 858 <div class="ghn-mega-panel-col ghn-mega-panel-col-banner"> 859 <div class="ghn-mega-banners"> 860 <a href="https://www.housakunet.shop/view/page/kensaku" class="ghn-mega-bannerItem"> 861 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/slide/banner_tsume-search.png" alt="çªæ¤ç´¢ã·ã¹ãã "> 862 </a> 863 <a href="https://agri.mynavi.jp/2020_03_30_111823/" class="ghn-mega-bannerItem"> 864 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/banner/banner_tsumekoukan.png" alt="çªäº¤æ"> 865 </a> 866 </div> 867 </div> 868 </div> 869</div> 870 871 872 873 874 875 </div><!-- /.ghn-mega-right --> 876 </div><!-- /.ghn-mega-pc --> 877 878 </div><!-- /.ghn-mega-inner --> 879 </div><!-- /.ghn-mega --> 880 </div> 881 882 <!-- ã¨ãã¢ã --> 883 <div class="ghn-mainnav-item"> 884 <a href="https://www.housakunet.shop/view/page/housaku-media" class="ghn-icon ghn-mainnav-iconlink" aria-label="ã¨ãã¢ã"> 885 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/icon_note2.svg" alt=""> 886 </a> 887 </div> 888 889 <!-- 宿¼åç» --> 890 <div class="ghn-mainnav-item"> 891 <a href="https://www.housakunet.shop/#contents" class="ghn-icon ghn-mainnav-iconlink" aria-label="宿¼åç»"> 892 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/icon_movie2.svg" alt=""> 893 </a> 894 </div> 895 896 </div> 897 </nav> 898 899<!-- å³ï¼ãæ°ã«å ¥ã / ãã¤ãã¼ã¸ / ã«ã¼ã / ãã°ã¤ã³ç³» --> 900<div class="ghn-actions"> 901 <ul class="ghn-icons"> 902 903 <!-- ãã¤ãã¼ã¸ --> 904 <li class="ghn-icon-item"> 905 <a href="/view/member/mypage" class="ghn-icon"> 906 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/icon_mypage.svg" alt=""> 907 </a> 908 </li> 909 910 <!-- ã«ã¼ã --> 911 <li class="ghn-icon-item ghn-icon-cart"> 912 <a href="/view/cart" class="ghn-icon"> 913 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/icon_cart.svg" alt=""> 914 </a> 915 </li> 916 917 <!-- ãã°ã¤ã³ãã¦ããªãæ --> 918 <li class="ghn-account-item"> 919 <a href="/shop/idinfo.html" 920 class="ghn-btn ghn-btn--primary" 921 style="color:#fff !important;"> 922 æ°è¦ä¼å¡ç»é² 923 </a> 924 </li> 925 <li class="ghn-account-item"> 926 <a href="/view/member/login" 927 class="ghn-btn ghn-btn--outline" 928 style="color:#007A59 !important;">ãã°ã¤ã³ 929 </a> 930 </li> 931 932 <!-- ãã°ã¤ã³ãã¦ããæ --> 933 934 </ul> 935</div> 936 937 938 939 940 </div> 941 </div> 942 943</div> 944 945<!-- ããã«è¿½å ï¼SPã¹ã¯ãã¼ã«æã«åºãããã¼ãã£ã³ã°ã¡ãã¥ã¼ --> 946<button type="button" class="ghn-fab-menu" aria-label="ã¡ãã¥ã¼ãéã"></button> 947 948 949 950 951<style> 952html, body { 953 margin: 0; 954 padding: 0; 955 background: #fff; 956} 957 958/* ------------------- BASE ------------------- */ 959.ghn-header { 960 --ghn-green:#007A59; 961 --ghn-text:#0b1412; 962 --ghn-border:#D7E3DD; 963 --ghn-shadow:0 2px 10px rgba(0,0,0,.06);
964 965 --padX:46; 966 --telH:68; 967 --logoH:84; 968 --linkFS:17; 969 --iconH:32; 970 971 --S:1.1; 972 973 font-family:"Noto Sans JP", system-ui, sans-serif; 974 color:var(--ghn-green); 975 padding-top:20px; 976 padding-bottom:20px; 977 position: relative; 978 z-index: 1500; 979} 980 981/* èæ¯ãªã¼ãã¼ã¬ã¤ï¼SPã¡ãã¥ã¼ç¨ï¼ */ 982.ghn-overlay { 983 position: fixed; 984 inset: 0; 985 background: rgba(0,0,0,.4); 986 opacity: 0; 987 pointer-events: none; 988 transition: opacity .2s ease; 989 z-index: 1400; 990} 991/* ã©ã¡ãã®ã¯ã©ã¹ã§ãæå¹ã«ãªãããã« */ 992.ghn-overlay.is-active, 993.ghn-header.is-open-overlay .ghn-overlay { 994 opacity: 1; 995 pointer-events: auto; 996} 997 998/* å ±é inner */ 999.ghn-inner { 1000 width:100%; 1001 margin:0 auto; 1002 padding:0; 1003 box-sizing:border-box; 1004} 1005 1006/* ------------------- RowAï¼PCï¼ ------------------- */ 1007.ghn-rowA { 1008 --S:0.7; 1009 padding: calc(10px * var(--S)) 0 calc(6px * var(--S)); 1010} 1011.ghn-rowA .ghn-inner { 1012 width:100%; 1013 max-width:1340px; 1014 margin-left:auto; 1015 margin-right:auto; 1016 padding-left:36px; 1017 padding-right:36px; 1018 box-sizing:border-box; 1019 display:grid; 1020 grid-template-columns:1fr auto 1fr; /* ãã´ã常ã«ä¸å¤®åºå® */ 1021 align-items:center; 1022 column-gap: calc(28px * var(--S)); 1023} 1024.ghn-a-left img { 1025 height: calc(var(--telH) * var(--S) * 1px); 1026 display:block; 1027} 1028.ghn-a-center { justify-self:center; } 1029.ghn-logo img { 1030 height: calc(var(--logoH) * var(--S) * 1px); 1031 display:block; 1032} 1033.ghn-a-right { justify-self:end; } 1034.ghn-links { 1035 display:flex; 1036 gap: calc(26px * var(--S)); 1037 list-style:none; 1038 margin:0; 1039 padding:0; 1040} 1041.ghn-links a { 1042 font-size: calc(var(--linkFS) * var(--S) * 1px); 1043 font-weight:800; 1044 color:var(--ghn-text); 1045 text-decoration:none; 1046} 1047 1048 1049 /* RowAï¼Xãªã³ã¯ï¼ã¢ã¤ã³ã³ï¼ */ 1050.ghn-links .ghn-link-x a{ 1051 display:flex; 1052 align-items:center; 1053 justify-content:center; 1054 line-height:1; 1055 padding: 0; /* ä½è¨ãªä½ç½ã§ãºã¬ãªãããã« */ 1056} 1057 1058.ghn-links .ghn-link-x img{ 1059 height: calc(var(--linkFS) * var(--S) * 1px * 1.8 ); /* æåãµã¤ãºã¨æãã */ 1060 width: auto; 1061 display:block; 1062} 1063 1064/* LINEã¢ã¤ã³ã³ï¼ããã¼ã§æ¨ªã«ä¼¸ã³ã¦ãLINEã§ç¸è«ãï¼Xã¯å·¦ã«éãããã°ã¯1fr auto 1frã§åºå®ï¼ */ 1065.ghn-links .ghn-link-line a{ 1066 border-radius:999px; 1067 background:transparent; 1068 transition:background .25s ease, padding .25s ease; 1069} 1070.ghn-link-line__label{ 1071 max-width:0; 1072 overflow:hidden; 1073 white-space:nowrap; 1074 opacity:0; 1075 color:#fff; 1076 font-size:12px; 1077 font-weight:700; 1078 line-height:1; 1079 transition:max-width .25s ease, opacity .2s ease, margin .25s ease; 1080} 1081.ghn-links .ghn-link-line a:hover{ 1082 background:#06C755; 1083 padding-right:12px; 1084} 1085.ghn-links .ghn-link-line a:hover .ghn-link-line__label{ 1086 max-width:120px; 1087 opacity:1; 1088 margin-left:6px; 1089} 1090 1091 1092/* ------------------- RowB å ±é ------------------- */ 1093.ghn-rowB { 1094 --S:1.25; 1095 padding: calc(10px * 1.1) 0 calc(12px * 1.1); 1096} 1097.ghn-rowB .ghn-inner { 1098 width:100%; 1099 max-width:1340px; 1100 margin-left:auto; 1101 margin-right:auto; 1102 padding-left:36px; 1103 padding-right:36px; 1104 box-sizing:border-box; 1105 1106 display:grid; 1107 grid-template-columns: minmax(0, 1fr) auto auto; 1108 align-items:flex-start; 1109 column-gap: calc(20px * var(--S)); 1110 position: relative; 1111} 1112 1113/* SEARCH */ 1114.ghn-search { min-width:0; } 1115/* æ¤ç´¢æ ï¼PCã»SPå ±éã§è§ä¸¸ãªãï¼ */ 1116.ghn-search-group { 1117 display:flex; 1118 align-items:stretch; 1119 border:1px solid var(--ghn-green); 1120 border-radius:0; 1121 background:#fff; 1122 overflow:hidden; 1123 box-shadow: var(--ghn-shadow); 1124} 1125 1126/* ãã¼ã¯ã¼ãå ¥åï¼æ¨æº input ã« ghb ç¨ã¯ã©ã¹ãä»ä¸ï¼*/ 1127.ghn-q { 1128 flex:1 1 auto; 1129 border:0; 1130 padding: calc(12px * var(--S)) calc(16px * var(--S)); 1131 font-size: calc(14.5px * var(--S)); 1132 border-radius:0; 1133} 1134.ghn-q::placeholder { 1135 font-size: calc(14.8px * var(--S)); 1136 font-weight:700; 1137 color:#999; 1138} 1139.ghn-q:focus { outline:none; } 1140 1141/* æ¤ç´¢ãã¿ã³ï¼æ¨æº .search-btn ã« .ghn-go ã追å ãã¦æµç¨ */ 1142.ghn-go { 1143 background:var(--ghn-green) !important; 1144 border:0 !important; 1145 padding:0 calc(16px * var(--S)); 1146 display:flex; 1147 align-items:center; 1148 justify-content:center; 1149 cursor:pointer; 1150 line-height:1; 1151 background-image:none !important; 1152 border-radius:0;
1153 color:#fff; 1154 text-decoration:none; 1155 font-size:14px; 1156 font-weight:700; 1157 min-width:72px; 1158} 1159 1160/* SP ã§ã¯è§ä¸¸ãªããå¼·å¶ */ 1161@media (max-width: 768px) { 1162 .ghn-search-group, 1163 .ghn-q, 1164 .ghn-go { 1165 border-radius:0 !important; 1166 } 1167 1168 /* æ¤ç´¢æ å ¨ä½ãæ¨ªå¹ ãã£ã±ãã« */ 1169 .header-search-area { 1170 width:100%; 1171 } 1172} 1173 1174.ghn-go svg { 1175 display:block; 1176} 1177 1178/* ã¢ã¤ã³ã³å ±é */ 1179.ghn-icon { 1180 display:flex; 1181 flex-direction:column; 1182 align-items:center; 1183 justify-content:center; 1184 gap:0; 1185 text-decoration:none; 1186 color:var(--ghn-green); 1187 font-size: calc(12px * var(--S)); 1188 position:relative; 1189} 1190.ghn-icon img { 1191 height: calc(var(--iconH) * var(--S) * 1px); 1192 width:auto; 1193 display:block; 1194} 1195 1196/* åå / ã¨ãã¢ã / 宿¼åç»å´ */ 1197.ghn-mainnav { flex:0 0 auto; } 1198.ghn-mainnav-icons { 1199 display:flex; 1200 align-items:flex-start; 1201 gap: calc(14px * var(--S)); 1202} 1203.ghn-mainnav-item { 1204 position: static; 1205 padding-bottom:12px; 1206} 1207.ghn-mainnav-iconlink:hover img { 1208 filter:brightness(0.9); 1209} 1210
1211/* ã¡ã¬ã¡ãã¥ã¼ï¼PCã¬ã¤ã¢ã¦ãï¼ */ 1212.ghn-mega { 1213 position:absolute; 1214 top:100%; 1215 left:50%; 1216 transform:translate(-50%, 8px); 1217 width:100%; 1218 max-width:1400px; 1219 margin:0; 1220 background:#fff; 1221 border:1px solid #dfe8e3; 1222 border-top:none; 1223 box-shadow:0 10px 30px rgba(0,0,0,.12); 1224 opacity:0; 1225 pointer-events:none; 1226 transition:opacity .15s ease, transform .15s ease; 1227 z-index:1600; 1228} 1229.ghn-mainnav-hasmega:hover .ghn-mega { 1230 opacity:1; 1231 pointer-events:auto; 1232 transform:translate(-50%, 0); 1233} 1234 1235.ghn-mega-inner { 1236 width:100%; 1237 margin:0 auto; 1238 padding:24px 32px; 1239 display:grid; 1240 grid-template-columns:240px minmax(0, 1fr); 1241 column-gap:32px; 1242 box-sizing:border-box; 1243} 1244 1245/* PCç¨ã³ã³ãã³ã */ 1246.ghn-mega-pc { display:contents; } 1247.ghn-mega-sp { display:none; } 1248 1249/* ã¡ã¬ã¡ãã¥ã¼å·¦ã¿ãï¼PCï¼ */ 1250.ghn-mega-left { 1251 border-right:1px solid #eef2ef; 1252} 1253.ghn-mega-nav { 1254 list-style:none; 1255 margin:0; 1256 padding:0; 1257} 1258.ghn-mega-nav-item { 1259 padding:10px 14px; 1260 cursor:pointer; 1261 font-size:14px; 1262 border-radius:6px; 1263} 1264.ghn-mega-nav-item span { display:inline-block; } 1265.ghn-mega-nav-item:hover { 1266 background:#f3f7f5; 1267} 1268.ghn-mega-nav-item.is-active { 1269 background:#e6f0eb; 1270 color:var(--ghn-green); 1271 font-weight:700; 1272} 1273 1274/* ã¡ã¬ã¡ãã¥ã¼å³ããã«ï¼PCï¼ */ 1275.ghn-mega-right { min-width:0; } 1276.ghn-mega-panel { display:none; } 1277.ghn-mega-panel.is-active { display:block; } 1278 1279.ghn-mega-panel-grid { 1280 display:grid; 1281 grid-template-columns:repeat(3, minmax(0, 1fr)); 1282 gap:24px; 1283} 1284 1285/* ããã«ã®ç®± */ 1286.ghn-mega-panel-col { 1287 min-width:0; 1288 background:#f7faf8; 1289 border-radius:0; 1290 border:1px solid #d6e4dd; 1291 overflow:hidden; 1292 padding-bottom:6px; 1293} 1294 1295/* ã¿ã¤ãã«è¡ */ 1296.ghn-mega-title { 1297 margin:0; 1298 padding:8px 14px; 1299 background:#007A59; 1300 color:#fff; 1301 font-size:14px; 1302 font-weight:700; 1303 border-radius: 0; 1304 border-bottom:1px solid #006149; 1305} 1306 1307/* ãªã¹ã */ 1308.ghn-mega-links { 1309 list-style:none; 1310 margin:0; 1311 padding:8px 10px 10px; 1312 display:grid; 1313 grid-template-columns:repeat(2, minmax(0, 1fr)); 1314 gap:8px 10px; 1315} 1316.ghn-mega-links li { 1317 margin:0; 1318} 1319.ghn-mega-links a { 1320 position:relative; 1321 padding:10px 12px 10px 36px; 1322 display:block; 1323 border-radius:0; 1324 border:1px solid #d0e0d5; 1325 background:#fff; 1326 font-size:13px; 1327 font-weight:700; 1328 color:#222; 1329 text-decoration:none; 1330 box-sizing:border-box; 1331 white-space:nowrap; 1332 overflow:hidden; 1333 text-overflow:ellipsis; 1334 transition:all .15s ease; 1335} 1336.ghn-mega-links a:hover { 1337 background:#e9f3ee; 1338 border-color:#98bfa9; 1339 color:var(--ghn-green); 1340} 1341.ghn-mega-links a::before { 1342 content:""; 1343 position:absolute; 1344 left:10px; 1345 top:50%; 1346 width:20px; 1347 height:20px; 1348 transform:translateY(-50%); 1349 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_karibaraiki.png"); 1350 background-size:contain; 1351 background-repeat:no-repeat; 1352 background-position:center; 1353 opacity:0.95; 1354} 1355 1356/* ã¡ã¬ã¡ãã¥ã¼ããã¼ */ 1357.ghn-mega-panel-col-banner { align-self:stretch; } 1358.ghn-mega-banner { 1359 display:flex; 1360 gap:10px; 1361 padding:8px; 1362 border-radius:8px; 1363 background:#f7faf9; 1364 text-decoration:none; 1365 color:inherit; 1366} 1367.ghn-mega-banner:hover { background:#eef5f1; } 1368.ghn-mega-banner-thumb img { 1369 width:160px; 1370 height:auto; 1371 border-radius:6px; 1372} 1373.ghn-mega-banner-body { flex:1; min-width:0; } 1374.ghn-mega-banner-label { 1375 display:inline-block; 1376 padding:2px 8px; 1377 border-radius:999px; 1378 font-size:11px; 1379 font-weight:700; 1380 color:#fff; 1381 background:var(--ghn-green); 1382 margin-bottom:4px; 1383} 1384.ghn-mega-banner-title { 1385 font-size:14px; 1386 font-weight:700; 1387 margin:0 0 2px; 1388} 1389.ghn-mega-banner-text { 1390 font-size:12px; 1391 color:#555; 1392 margin:0; 1393} 1394 1395/* ACTIONSï¼ãã¤ãã¼ã¸ / ã«ã¼ã */ 1396.ghn-actions { 1397 display:flex; 1398 align-items:flex-start; 1399 justify-content:flex-end; 1400} 1401.ghn-icons { 1402 display:flex; 1403 align-items:flex-start; 1404 gap: calc(14px * var(--S)); 1405 list-style:none; 1406 margin:0; 1407 padding:0; 1408} 1409.ghn-icon-cart { 1410 position: relative; 1411} 1412.ghn-icon-cart .ghn-badge { 1413 position: absolute; 1414 top: 0; 1415 right: 0; 1416 transform: translate(10%, -10%); 1417 background: #E53935; 1418 color: #fff; 1419 font-size: 10px; 1420 border-radius: 999px; 1421 padding: 2px 6px; 1422 line-height: 1.2; 1423} 1424/* ãã°ã¤ã³ / æ°è¦ä¼å¡ç»é² / ãã°ã¢ã¦ãï¼PC表示ç¨ï¼ */ 1425.ghn-account-item { 1426 margin-left: 0px; 1427} 1428 1429.ghn-account-item a { 1430 display: inline-flex; 1431 align-items: center; 1432 justify-content: center; 1433 padding: 0 6px; 1434 font-size: 13px; 1435 font-weight: 700;
1436 color: var(--ghn-text); 1437 text-decoration: none; 1438 white-space: nowrap; 1439} 1440.ghn-account-item a:hover { 1441 text-decoration: underline; 1442} 1443 1444/* SP ã§ã¯ããã¯ã¼ã¡ãã¥ã¼å ã«ãã°ã¤ã³ç³»ãããã®ã§ãããã¼ããã¯é表示 */ 1445@media (max-width: 768px) { 1446 .ghn-account-item { 1447 display: none; 1448 } 1449} 1450 1451/* åºå®ãããã¼ç¡å¹åï¼ãã³ãã¬å´å¯¾çï¼ */ 1452header, 1453#header, 1454.header, 1455.g-header, 1456.l-header, 1457.global-header { 1458 position: static !important; 1459 top:auto !important; 1460} 1461 1462/* ããã¯ã¢ããã«ã¼ã */ 1463.pickup-4grid { 1464 display: grid; 1465 grid-template-columns: repeat(2, 1fr); 1466 gap: 24px; 1467 padding: 4px 0; 1468} 1469.pickup-card { 1470 display: flex; 1471 flex-direction: column; 1472 background: #ffffff; 1473 border: 1px solid #d6e4dd; 1474 text-decoration: none; 1475 color: #222; 1476 border-radius: 0 !important; 1477 overflow: hidden; 1478 transition: all 0.2s ease; 1479} 1480.pickup-card:hover { 1481 background: #f1f7f4; 1482 border-color: #98bfa9; 1483} 1484.pickup-thumb { 1485 width: 100%; 1486 background: #fff; 1487 display: flex; 1488 align-items: center; 1489 justify-content: center; 1490 overflow: hidden; 1491} 1492 1493.pickup-thumb img { 1494 width: 100%; 1495 height: auto; 1496 object-fit: contain; /* â ããã ãã§OKï¼ */ 1497 display: block; 1498} 1499.pickup-body { 1500 padding: 14px; 1501} 1502.pickup-label { 1503 display: inline-block; 1504 background: #007A59; 1505 color: #fff; 1506 font-size: 11px; 1507 font-weight: 700; 1508 padding: 2px 8px; 1509 border-radius: 0 !important; 1510 margin-bottom: 8px; 1511} 1512.pickup-title { 1513 font-size: 16px; 1514 font-weight: 700; 1515 margin: 0 0 6px; 1516} 1517.pickup-text { 1518 font-size: 13px; 1519 line-height: 1.5; 1520 color: #444; 1521 margin: 0; 1522} 1523 1524/* ã¡ã¼ã«ã¼ã°ãªããï¼ãã´ï¼ */ 1525.maker-grid { 1526 display: grid; 1527 grid-template-columns: repeat(6, 1fr); 1528 gap: 14px; 1529 padding: 10px 4px; 1530} 1531.maker-item { 1532 display: flex; 1533 align-items: center; 1534 justify-content: center; 1535 background: #ffffff; 1536 border: 1px solid #d6e4dd; 1537 text-decoration: none; 1538 padding: 8px; 1539 transition: all .15s ease; 1540} 1541.maker-item:hover { 1542 background:#eef5f1; 1543 border-color:#98bfa9; 1544} 1545.maker-item img { 1546 width: 80%; 1547 height: auto; 1548 object-fit: contain; 1549} 1550 1551/* ååã¢ã¤ã³ã³ã ãå°ã大ãã */ 1552.ghn-mainnav-hasmega { 1553 margin-right: 10px; 1554} 1555.ghn-icon-cart img { 1556 transform: scale(1.0); 1557} 1558.ghn-mainnav-hasmega img { 1559 transform: scale(1.10); 1560} 1561 1562/* æ¤ç´¢çªã®æåãµã¤ãºãèªåèª¿æ´ */ 1563.ghn-q, 1564.ghn-q::placeholder { 1565 font-size: clamp(8px, 0.9vw, 16px); 1566} 1567 1568/* ------------------- SPï¼768px以ä¸ï¼ ------------------- */ 1569@media (max-width: 768px) { 1570 1571 .ghn-rowA { 1572 display:none; 1573 } 1574 .ghn-header { 1575 padding-top:10px; 1576 padding-bottom:10px; 1577 } 1578 .ghn-rowB { 1579 padding:10px 0 14px; 1580 } 1581 .ghn-rowB .ghn-inner { 1582 max-width:100%; 1583 padding-left:12px; 1584 padding-right:12px; 1585 display:grid; 1586 grid-template-columns:auto 1fr auto; 1587 grid-template-rows:auto auto; 1588 grid-template-areas: 1589 "menu logo actions" 1590 "search search search"; 1591 column-gap:8px; 1592 row-gap:8px; 1593 align-items:center; 1594 position:relative; /* ãã´çµ¶å¯¾é ç½®ã®åºæº */ 1595 } 1596 1597 .ghn-mainnav { grid-area:menu; } 1598 .ghn-actions { grid-area:actions; justify-content:flex-end; } 1599 .ghn-search { grid-area:search; } 1600 1601 /* ãã´ããããã¼ä¸å¤®ã«å¼·å¶é ç½® */ 1602 .ghn-logo-mobile { 1603 grid-area:logo; 1604 display:block; 1605 position:absolute; 1606 left:50%; 1607 top:50%; 1608 transform:translate(-50%, -50%); 1609 } 1610 .ghn-logo-mobile img { 1611 height:40px; 1612 width:auto; 1613 display:block; 1614 } 1615 1616 /* æ¤ç´¢çªã®è§ä¸¸ããªãã */ 1617 .ghn-search-group, 1618 .ghn-q, 1619 .ghn-go { 1620 border-radius:0 !important; 1621 } 1622 .ghn-search-group { width:100%; } 1623 1624 /* ã¡ã¬ã¡ãã¥ã¼ãããã¯ã¼åï¼å·¦ããã¹ã©ã¤ãï¼ */ 1625 .ghn-mega { 1626 position: fixed; 1627 top: 0; 1628 left: 0; 1629 transform: none !important; 1630 width: 80%; 1631 max-width: 320px; 1632 height: 100vh; 1633 margin: 0; 1634 border-radius: 0; 1635 border-left: none; 1636 border-right: 1px solid #dfe8e3; 1637 border-top: none; 1638 border-bottom: none; 1639 box-shadow: 4px 0 20px rgba(0,0,0,.2); 1640 background: #fff; 1641 opacity: 0; 1642 pointer-events: none; 1643 overflow-y: auto; 1644 z-index: 1600; 1645 } 1646 .ghn-mega-inner { 1647 padding:16px 16px 24px; 1648 display:block; 1649 } 1650 .ghn-mega-pc { display:none; } 1651 .ghn-mega-sp { display:block; } 1652 1653 .ghn-mainnav-hasmega.is-open .ghn-mega { 1654 opacity:1; 1655 pointer-events:auto; 1656 } 1657 1658 /* hover ééã¯ç¡å¹æ±ã */ 1659 .ghn-mainnav-hasmega:hover .ghn-mega { 1660 /* ä½ãããªã */ 1661 } 1662 1663 /* ãã³ãã¼ã¬ã¼è¦ãç® */ 1664 .ghn-mainnav-icons { gap:0; } 1665 .ghn-mainnav-item:not(.ghn-mainnav-hasmega) { display:none; } 1666 .ghn-mainnav-hasmega { padding-bottom:0; } 1667 .ghn-mainnav-iconlink img { display:none; } 1668 .ghn-mainnav-iconlink { 1669 width: 32px; 1670 height: 32px; 1671 border-radius: 4px; 1672 border: 1px solid var(--ghn-green); 1673 display: flex;
1674 align-items: center; 1675 justify-content: center; 1676 position: relative; 1677 background: #fff; 1678 } 1679 .ghn-mainnav-iconlink::before { 1680 content: ""; 1681 width: 18px; 1682 height: 2px; 1683 background: var(--ghn-green); 1684 border-radius: 999px; 1685 box-shadow: 1686 0 -5px 0 var(--ghn-green), 1687 0 5px 0 var(--ghn-green); 1688 } 1689 1690 /* ã¢ã¤ã³ã³å°ãå°ãã */ 1691 .ghn-icon img { 1692 height:26px; 1693 } 1694 1695 /* SPã¡ãã¥ã¼å ã¹ã¿ã¤ã« */ 1696 .ghn-mega-sp-hello { 1697 font-size: 13px; 1698 margin-bottom: 8px; 1699 } 1700 .ghn-mega-sp-buttons { 1701 display:flex; 1702 flex-direction:column; 1703 gap:8px; 1704 margin-bottom:16px; 1705 } 1706 .ghn-sp-btn { 1707 display:block; 1708 text-align:center; 1709 padding:10px 0; 1710 font-size:14px; 1711 font-weight:700; 1712 text-decoration:none; 1713 border-radius:3px; 1714 border:1px solid var(--ghn-green); 1715 } 1716 .ghn-sp-btn-primary { 1717 background:var(--ghn-green); 1718 color:#fff; 1719 } 1720 .ghn-sp-btn-outline, 1721 .ghn-sp-btn-outline-full { 1722 background:#fff; 1723 color:var(--ghn-green); 1724 } 1725 .ghn-sp-btn-outline-full { 1726 width:100%; 1727 margin-top:6px; 1728 } 1729 1730 .ghn-mega-sp-nav { 1731 border-top:1px solid #ddd; 1732 border-bottom:1px solid #ddd; 1733 } 1734 1735 .ghn-sp-nav-parent { 1736 width:100%; 1737 padding:10px 8px; 1738 border:0; 1739 border-bottom:1px solid #ddd; 1740 background:#f9f9f9; 1741 display:flex;
1742 align-items:center; 1743 justify-content:space-between; 1744 font-size:14px; 1745 cursor:pointer; 1746 } 1747 .ghn-sp-nav-toggle { 1748 font-size:18px; 1749 line-height:1; 1750 } 1751 .ghn-sp-nav-parent.is-open .ghn-sp-nav-toggle { 1752 transform:rotate(45deg); 1753 } 1754 .ghn-sp-nav-children { 1755 list-style:none; 1756 margin:0; 1757 padding:0; 1758 display:none; 1759 } 1760 .ghn-sp-nav-children.is-open { 1761 display:block; 1762 } 1763 .ghn-sp-nav-children li a { 1764 display:block; 1765 padding:8px 12px; 1766 font-size:13px; 1767 border-bottom:1px solid #eee; 1768 text-decoration:none; 1769 color:#333; 1770 } 1771 1772 .ghn-sp-nav-item { 1773 display:block; 1774 padding:10px 8px; 1775 border-bottom:1px solid #ddd; 1776 text-decoration:none; 1777 color:#333; 1778 font-size:14px; 1779 background:#fff; 1780 } 1781 1782 .ghn-mega-sp-contact { 1783 padding-top:16px; 1784 font-size:13px; 1785 } 1786 .ghn-sp-contact-title { 1787 margin:0 0 4px; 1788 font-weight:700; 1789 } 1790 .ghn-sp-contact-tel { 1791 margin:0 0 10px; 1792 font-size:18px; 1793 font-weight:700; 1794 } 1795 .ghn-sp-contact-tel a { 1796 color:#000; 1797 text-decoration:none; 1798 } 1799 .ghn-sp-contact-tel span { 1800 display:block; 1801 font-size:11px; 1802 font-weight:400; 1803 } 1804} 1805 1806/* PCã§ã¯ã¹ããç¨ãã´é表示 */ 1807@media (min-width: 769px) { 1808 .ghn-logo-mobile { 1809 display:none; 1810 } 1811} 1812 1813/* ===== æ°è¦ä¼å¡ç»é²ã»ãã°ã¤ã³ãã¿ã³ï¼é«ã調æ´çï¼ ===== */ 1814.ghn-btn { 1815 display: inline-flex; 1816 align-items: center; 1817 justify-content: center; 1818 padding: 0 16px; 1819 height: 40px; /* ä»ã®ã¢ã¤ã³ã³ã¨ä¸è¾ºãæããããé«ã */ 1820 border-radius: 6px; 1821 font-size: 13px; 1822 font-weight: 700; 1823 text-decoration: none; 1824 white-space: nowrap; 1825 box-sizing: border-box; 1826 margin-left: 10px; 1827 line-height: 1; 1828} 1829 1830/* ç·ã®å¡ããã¿ã³ï¼æ°è¦ä¼å¡ç»é²ï¼ */ 1831.ghn-btn--primary { 1832 background: #007A59; 1833 color: #fff !important; 1834 border: 1px solid #007A59; 1835} 1836.ghn-btn--primary:hover { 1837 background: #006149; 1838 color: #fff !important; 1839} 1840 1841/* æ ç·ã ãã®ãã¿ã³ï¼ãã°ã¤ã³ï¼ */ 1842.ghn-btn--outline { 1843 background: #fff; 1844 color: #007A59 !important; 1845 border: 2px solid #007A59; 1846} 1847.ghn-btn--outline:hover { 1848 background: #e6f0eb; 1849 color: #007A59 !important; 1850} 1851 1852/* ãã°ã¢ã¦ãï¼ãããããã¶ã¤ã³ï¼ */ 1853.ghn-btn--logout { 1854 background: #555; 1855 color: #fff !important; 1856 border: 1px solid #555; 1857} 1858.ghn-btn--logout:hover { 1859 background: #333; 1860 color: #fff !important; 1861} 1862 1863/* SPã§ã¯é表示 */ 1864@media (max-width: 768px){ 1865 .ghn-btn { 1866 display: none; 1867 } 1868} 1869/* æ°è¦ä¼å¡ç»é² / ãã°ã¤ã³ / ãã°ã¢ã¦ãã®æåè²ã 1870 ãããã¼å ã§æåªå ã«åºå®ãã */ 1871.ghn-header .ghn-actions .ghn-account-item a.ghn-btn--primary, 1872.ghn-header .ghn-actions .ghn-account-item a.ghn-btn--primary span { 1873 color: #fff !important; 1874} 1875 1876.ghn-header .ghn-actions .ghn-account-item a.ghn-btn--outline, 1877.ghn-header .ghn-actions .ghn-account-item a.ghn-btn--outline span { 1878 color: #007A59 !important; 1879} 1880 1881.ghn-header .ghn-actions .ghn-account-item a.ghn-btn--logout, 1882.ghn-header .ghn-actions .ghn-account-item a.ghn-btn--logout span { 1883 color: #fff !important; 1884} 1885 1886/* PCæï¼æ¤ç´¢çªã¨ã¢ã¤ã³ã³ã»ãã¿ã³ã®ç¸¦ä½ç½®ããããã«ãããã */ 1887@media (min-width: 769px) { 1888 1889 /* è¡å ¨ä½ã®ã¢ã¤ãã ãä¸å¤®æãã« */ 1890 .ghn-rowB .ghn-inner { 1891 align-items: center; 1892 } 1893 1894 /* æ¤ç´¢æ ã®é«ãã ã 40px åºå® */ 1895 .ghn-search-group { 1896 height: 40px; 1897 display: flex;
1898 align-items: center; 1899 } 1900 1901 /* å ¥åæ¬ï¼æ ãã£ã±ãã®é«ãã使ãï¼ä¸ä¸ã®ä½ç½ãã·ï¼ */ 1902 .ghn-q { 1903 height: 100%; 1904 padding: 0 14px; 1905 font-size: 14px; 1906 line-height: 1.2; 1907 } 1908 1909 /* æ¤ç´¢ãã¿ã³ãæ ã«åããã¦ç¸¦ä¸å¤® */ 1910 .ghn-go { 1911 height: 100%; 1912 display: flex; 1913 align-items: center; 1914 padding: 0 18px; 1915 } 1916} 1917 1918/* PCæï¼è¡å ¨ä½ã¯å ã® flex-start ã«æ»ããæ¤ç´¢ã ã縦ä¸å¤®ã«ãããã */ 1919@media (min-width: 769px) { 1920 1921 /* è¡ã¯ä¸å¯ãã«æ»ãï¼ã¢ã¤ã³ã³ãå ã®ä½ç½®æã«æ»ãï¼ */ 1922 .ghn-rowB .ghn-inner { 1923 align-items: flex-start; 1924 } 1925 1926 /* æ¤ç´¢ãããã¯ã ã縦æ¹åãä¸å¤®ã« */ 1927 .ghn-search { 1928 align-self: center; 1929 } 1930 1931 /* æ¤ç´¢æ ã®é«ãã»ä¸èº«ã®ä½ç½®ã¯ååã®è¨å®ãæ´»ãã */ 1932 .ghn-search-group { 1933 height: 40px; 1934 display: flex; 1935 align-items: center; 1936 } 1937 1938 .ghn-q { 1939 height: 100%; 1940 padding: 0 14px; 1941 font-size: 14px; 1942 line-height: 1.2; 1943 } 1944 1945 .ghn-go { 1946 height: 100%; 1947 display: flex;
1948 align-items: center; 1949 padding: 0 18px; 1950 } 1951} 1952/* PCæï¼æ¤ç´¢çªãã¢ã¤ã³ã³ã¨ãããã«æãããããå°ãã ãä¸ã«æã¡ä¸ãã */ 1953@media (min-width: 769px) { 1954 .ghn-rowB .ghn-inner { 1955 /* ã¢ã¤ã³ã³ã®ä½ç½®ã¯ä»ã®ã¾ã¾ãè¯ããããªã®ã§è§¦ããªã */ 1956 } 1957 1958 .ghn-search { 1959 align-self: center; 1960 margin-top: -10px; /* ä¸ã«3pxæã¡ä¸ãããè¶³ããªããã° -4, -5 ã«èª¿æ´ãã¦OK */ 1961 } 1962} 1963 1964/* PCæï¼æ¤ç´¢ããã¯ã¹å ã®æåãå°ãå³ã«å¯ããï¼ç´2æååï¼ */ 1965@media (min-width: 769px) { 1966 .ghn-q { 1967 padding-left: 28px; /* ãã¨ãã¨ã®å¤ãã +10px åå¾ãã好ã¿ã§ 24〜32px ãããã«èª¿æ´å¯ */ 1968 } 1969} 1970/* PCæï¼æ¤ç´¢ããã¯ã¹å ã®æåããã£ããå³ã«å¯ããï¼ç´2æåå以ä¸ï¼ */ 1971@media (min-width: 769px) { 1972 .ghn-q { 1973 padding-left: 10px !important; /* 40px ãããã«ããã¨ããã空ãã¦ããã¨åãããããã§ã */ 1974 } 1975} 1976/* =========================== 1977 è§ä¸¸ãå°ã丸ãæãã§çµ±ä¸ 1978 ï¼æ¤ç´¢çªã»æ¤ç´¢ãã¿ã³ã»ä¼å¡ãã¿ã³ï¼ 1979=========================== */ 1980.ghn-search-group, 1981.ghn-q, 1982.ghn-go, 1983.ghn-btn { 1984 border-radius: 6px !important; 1985} 1986 1987/* SPç¨ã«è§ä¸¸ãæ¶ãã¦ããæå®ã䏿¸ããã¦æ»ã */ 1988@media (max-width: 768px) { 1989 .ghn-search-group, 1990 .ghn-q, 1991 .ghn-go { 1992 border-radius: 6px !important; 1993 } 1994} 1995/* =============================== 1996 æ°è¦ä¼å¡ç»é²ã»ãã°ã¤ã³ã®æ¨ªå¹ èª¿æ´ 1997 ï¼ã好ã¿ã®å¹ ã«èª¿æ´OKï¼ 1998================================ */ 1999.ghn-account-item .ghn-btn { 2000 width: 140px; /* â 好ããªæ¨ªå¹ ã«å¤æ´ï¼120px〜180pxããã©ã³ã¹è¯ãï¼ */ 2001 text-align: center; 2002 padding-left: 0 !important; 2003 padding-right: 0 !important; 2004} 2005/* =============================== 2006 ãã°ã¤ã³ãã¿ã³ã®ç·ï¼æ ï¼ã ãç´°ã 2007================================ */ 2008.ghn-btn--outline { 2009 border-width: 1px !important; /* â ç¾ç¶2pxãªãããã§ç´°ããªã */ 2010 border-color: #007A59 !important; 2011} 2012/* ãã¿ã³å士ã®ééãå®å ¨ã«ã¼ãã«ãã */ 2013.ghn-actions .ghn-icons { 2014 display: flex; 2015 gap: 0 !important; /* â flex gap ãå¼·å¶ã¼ã */ 2016} 2017 2018.ghn-actions .ghn-account-item { 2019 margin-left: 0 !important; /* â 念ã®ãã */ 2020 padding-left: 0 !important; /* â hidden paddingé¤å» */ 2021 padding-right: 0 !important; /* â hidden paddingé¤å» */ 2022} 2023/* â æ°è¦ä¼å¡ç»é²ãã¿ã³ã®æ¨ªå¹ ã ã夿´ */ 2024.ghn-actions .ghn-account-item a.ghn-btn--primary { 2025 width: 110px !important; /* â 好ããªå¹ ã«å¤ãã¦OK */ 2026} 2027 2028/* â ãã°ã¤ã³ãã¿ã³ã®æ¨ªå¹ ã ã夿´ */ 2029.ghn-actions .ghn-account-item a.ghn-btn--outline { 2030 width: 70px !important; /* â 好ããªå¹ ã«å¤ãã¦OK */ 2031} 2032/* PCï¼ãã¤ãã¼ã¸ï¼ã«ã¼ãã®ã¢ã¤ã³ã³ä½ç½®ãå®å®ãããï¼ãã¿ã³ã¨ã®ãã©ã³ã¹èª¿æ´ */ 2033@media (min-width: 769px) { 2034 2035 /* ã¢ã¯ã·ã§ã³ã¨ãªã¢å ¨ä½ã縦ä¸å¤®æã */ 2036 .ghn-actions { 2037 align-items: center; 2038 } 2039 2040 /* ã¢ã¤ã³ã³ï¼ãã¿ã³ã®ä¸¦ã³ãå®å®ããã */ 2041 .ghn-actions .ghn-icons { 2042 display: flex;
2043 align-items: center; /* ã¢ã¤ã³ã³ã¨ãã¿ã³ã®ç¸¦ä½ç½®ãä¸å¤®ã§æãã */ 2044 flex-wrap: nowrap; /* æãè¿ããªãããã«ãã */ 2045 gap: 8px; /* åºæ¬ã®ééï¼ã好ã¿ã§èª¿æ´OKï¼ */ 2046 } 2047 2048 /* ãã¤ãã¼ã¸ / ã«ã¼ã ã¢ã¤ã³ã³ã®ä½ç½ã¯ãªã»ãããã¦ãã */ 2049 .ghn-actions .ghn-icon-item { 2050 margin: 0; 2051 } 2052 2053 /* æ°è¦ä¼å¡ç»é²ã»ãã°ã¤ã³å士ã®éã ãå°ãééãã¤ãã */ 2054 .ghn-actions .ghn-account-item { 2055 margin-left: 4px; /* ããã 0ï½8px ãããã§å¥½ã¿ã«èª¿æ´ */ 2056 } 2057} 2058@media (min-width: 769px) { 2059 /* ãã¤ãã¼ã¸ã¢ã¤ã³ã³ã ãå·¦ã«2pxåãã */ 2060 .ghn-actions .ghn-icon-item:first-child { 2061 margin-left: -12px; 2062 } 2063} 2064 2065 /* æ¤ç´¢ï¼ã¤ãªãç®ã®è§ä¸¸ãæ¶ãã¦ééããªããï¼ä¸æ¸ãï¼ */ 2066.ghn-search-group { border-radius: 6px !important; } 2067 2068.ghn-q { 2069 border-radius: 6px 0 0 6px !important; /* å·¦ã ãè§ä¸¸ */ 2070} 2071 2072.ghn-go { 2073 border-radius: 0 6px 6px 0 !important; /* å³ã ãè§ä¸¸ */ 2074} 2075 2076/* ã¾ã 1pxã¹ãªãããè¦ããå ´åã®ä¿éºï¼å¿ è¦ãªã¨ãã ãæå¹åï¼ */ 2077.ghn-go { margin-left: -1px; } 2078 2079 /* æ¤ç´¢ã®ä¸ã®ãé ãæ¡ä»¶ããå¹ ãåã£ã¦ããå¯è½æ§ãããã®ã§å¼·å¶çã«æ¶ã */ 2080.ghn-search-group .header-search-hidden{ 2081 display: none !important; 2082 width: 0 !important; 2083 height: 0 !important; 2084 margin: 0 !important; 2085 padding: 0 !important; 2086 overflow: hidden !important; 2087} 2088 2089/* 念ã®ããï¼flexã®ééãã¼ãã« */ 2090.ghn-search-group{ 2091 gap: 0 !important; 2092} 2093 2094/* ã¤ãªãç®ãããã¿ãªã«ï¼ä¿éºï¼ */ 2095.ghn-q{ margin: 0 !important; } 2096.ghn-go{ margin: 0 !important; } 2097 2098 /* æ¤ç´¢ï¼å³å´ã«æ®ãä½ç½ãå¼·å¶çã«æ½°ãï¼ããã ãå¹ããã䏿¸ãï¼ */ 2099.ghn-header .ghn-search .header-nav-search.ghn-search-group{ 2100 display:flex !important; 2101 padding: 0 !important; /* â ããã§å³ã®ä½ç½ãæ¶ã */ 2102 gap: 0 !important; 2103 overflow: hidden !important; 2104} 2105 2106/* å ¥åã¯å¿ ã伸ã³ã */ 2107.ghn-header .ghn-search .ghn-q{ 2108 flex: 1 1 auto !important; 2109 width: auto !important; 2110 min-width: 0 !important; 2111 margin: 0 !important; 2112} 2113 2114/* ãã¿ã³ã¯å¿ ãå³ç«¯ã¾ã§ä¼¸ã°ãã¦åºå®å¹ ã«ãã */ 2115.ghn-header .ghn-search a.ghn-go{ 2116 flex: 0 0 88px !important; /* å¹ ã¯å¥½ã¿ã§ 72〜110px */ 2117 width: 88px !important; 2118 margin: 0 !important; 2119 padding: 0 !important; /* â ããã§ããã¿ã³å ã®ä½ç½ããæ¶ãã */ 2120 align-self: stretch !important; 2121 border-radius: 0 6px 6px 0 !important; 2122} 2123 2124/* å ¥åå´ã¯å·¦ã ãè§ä¸¸ */ 2125.ghn-header .ghn-search .ghn-q{ 2126 border-radius: 6px 0 0 6px !important; 2127} 2128 2129 2130/* =========================== 2131 æ¤ç´¢ï¼å³ç«¯ã®è§ä¸¸ã¾ããã®ç½ãééãè§£æ¶ 2132 ï¼è§ä¸¸ã¯å¤æ ã ãã»ä¸ã¯è§ä¸¸ãªãï¼ 2133=========================== */ 2134.ghn-header .ghn-search .header-nav-search.ghn-search-group{ 2135 border-radius: 6px !important; 2136 overflow: hidden !important; 2137 2138 /* ããããã¤ã³ãï¼å¤æ ã®ä¸ï¼ä¸å°ï¼ãç·ã«ãã */ 2139 background: var(--ghn-green) !important; 2140 2141 /* 念ã®ãã */ 2142 padding: 0 !important; 2143 gap: 0 !important; 2144} 2145 2146/* å ¥åã¯è§ä¸¸ãªãï¼å¤æ ã§ã¯ãªãããããï¼ */ 2147.ghn-header .ghn-search .ghn-q{ 2148 border-radius: 0 !important; 2149 background: #fff !important; 2150 margin: 0 !important; 2151} 2152 2153/* ãã¿ã³ãè§ä¸¸ãªãï¼å¤æ ã§ã¯ãªããï¼ */ 2154.ghn-header .ghn-search a.ghn-go{ 2155 border-radius: 0 !important; 2156 2157 /* ãã¿ã³èªä½ã¯éæã«ãã¦ã夿 ã®ç·ãè¦ãã */ 2158 background: transparent !important; 2159 2160 margin-left: 0 !important; /* -1px ãå ¥ãã¦ãå ´åã¯ããã§ç¡å¹å */ 2161} 2162 2163/* ããæ ç·ã¨ãã¿ã³å¢çã«1pxåºãå ´åã®ä¿éºï¼é常ã¯ä¸è¦ï¼ */ 2164/* 2165.ghn-header .ghn-search a.ghn-go{ 2166 box-shadow: inset 1px 0 0 var(--ghn-green); 2167} 2168*/ 2169 2170.ghn-search .ghn-q, 2171.ghn-search .ghn-q::placeholder { 2172 font-size: 16px; 2173} 2174@media (max-width: 768px) { 2175 2176 .ghn-mainnav-iconlink { 2177 width: 40px; /* â 32 â 40 */ 2178 height: 40px; 2179 } 2180 2181 .ghn-mainnav-iconlink::before { 2182 width: 22px; /* 䏿¬ç·ãæ¡å¤§ */ 2183 height: 3px; 2184 box-shadow: 2185 0 -6px 0 var(--ghn-green), 2186 0 6px 0 var(--ghn-green); 2187 } 2188 2189} 2190 2191 @media (max-width: 768px) { 2192 2193 .ghn-icon img { 2194 height: 30px; /* â 26 â 30 */ 2195 } 2196 2197} 2198 2199/* =========================== 2200 SPï¼ãã´ & ãã¤ãã¼ã¸/ã«ã¼ã ãµã¤ãºèª¿æ´ 2201 ã»ãã³ãã¼ã¬ã¼ã¯å¤æ´ããªã 2202=========================== */ 2203@media (max-width: 768px) { 2204 2205 /* ãã´ï¼SPä¸å¤®ãã´ï¼ã 1.3å */ 2206 .ghn-logo-mobile img { 2207 height: 52px; /* å : 40px â ç´1.3å */ 2208 width: auto; 2209 } 2210 2211 /* ãã¤ãã¼ã¸ / ã«ã¼ãã®ã¢ã¤ã³ã³ã ã 1.2å */ 2212 .ghn-actions .ghn-icon img { 2213 height: 31px; /* å : 26px â ç´1.2å */ 2214 width: auto; 2215 } 2216 2217} 2218/* ========================= 2219 MegaMenuï¼2ããã¼æ¨ªä¸¦ã³ 2220========================= */ 2221 2222.ghn-mega-banners{ 2223 display: grid; 2224 grid-template-columns: 1fr 1fr; 2225 gap: 12px; 2226} 2227 2228.ghn-mega-bannerItem{ 2229 display: block; 2230 line-height: 0; 2231} 2232 2233.ghn-mega-bannerItem img{ 2234 width: 100%; 2235 height: auto; 2236 display: block; 2237 border-radius: 6px; /* ã¡ã¬ã¡ãã¥ã¼ã«åããã¦ä»»æ */ 2238} 2239 2240/* SPã§ã¯ç¸¦ç©ã¿ */ 2241@media (max-width: 768px){ 2242 .ghn-mega-banners{ 2243 grid-template-columns: 1fr; 2244 gap: 10px; 2245 } 2246} 2247/* Megaã¡ãã¥ã¼å ï¼ã¯ã¿åºãå°ãï¼ä¿éºï¼ */ 2248.ghn-mega-panel, 2249.ghn-mega-panel *{ 2250 box-sizing: border-box; 2251} 2252 2253/* 2ããã¼æ */ 2254.ghn-mega-banners{ 2255 width: 100%; 2256 max-width: 100%; 2257 display: grid; 2258 grid-template-columns: minmax(0,1fr) minmax(0,1fr); /* âãããéè¦ */ 2259 gap: 12px; 2260} 2261 2262/* aã¿ã°ãã°ãªããå¹ ãè¶ ããªãããã« */ 2263.ghn-mega-bannerItem{ 2264 min-width: 0; 2265 display: block; 2266 line-height: 0; 2267} 2268 2269/* ç»åã親ããã¯ã¿åºããªã */ 2270.ghn-mega-bannerItem img{ 2271 width: 100%; 2272 max-width: 100%; 2273 height: auto; 2274 display: block; 2275} 2276 2277/* ã¯ã¿åºãå ´åã®æçµææ®µï¼æ å ã§åãï¼ */ 2278.ghn-mega-panel-col-banner{ 2279 overflow: hidden; 2280} 2281/* å³ã«ã©ã ã2åå使ãããï¼PCã ãï¼ */ 2282@media (min-width: 769px){ 2283 .ghn-mega-panel-col-banner{ 2284 grid-column: 1 / -1; /* è¡å ¨ä½ã«åºãã */ 2285 } 2286} 2287/* å³ã®ããã¼ç¨ã«ã©ã ã縮ããããããã«ããï¼æéè¦ï¼ */ 2288.ghn-mega-panel-col-banner{ 2289 min-width: 0 !important; /* â ããããªãã¨åãã¯ã¿åºããã¨ããã */ 2290 max-width: 100%; 2291} 2292 2293/* 2æããã¼ï¼æ å ã§2ã«ã©ã åºå® */ 2294.ghn-mega-bnr2{ 2295 width: 100%; 2296 max-width: 100%; 2297 display: grid; 2298 grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); /* ã¯ã¿åºã鲿¢ */ 2299 gap: 12px; 2300} 2301 2302/* ã¯ãªãã¯é åã¨ç»åãæ ã«ãã£ãã */ 2303.ghn-mega-bnr2__item{ 2304 display: block; 2305 min-width: 0; 2306 overflow: hidden; /* 念ã®ãã */ 2307 border-radius: 8px; /* 好ã¿ã§ */ 2308} 2309 2310.ghn-mega-bnr2__item img{ 2311 width: 100%; 2312 height: auto; 2313 display: block; 2314} 2315.ghn-mega-bnr2__item{ 2316 height: 110px; /* 好ã¿ã§èª¿æ´ï¼90〜130pxããã */ 2317} 2318 2319.ghn-mega-bnr2__item img{ 2320 width: 100%; 2321 height: 100%; 2322 object-fit: cover; 2323} 2324 /* å ±éï¼ãµã¤ãºã¨ä½ç½®ï¼ */ 2325.ghn-mega-links a::before{ 2326 content:""; 2327 position:absolute; 2328 left:10px; 2329 top:50%; 2330 width:22px; 2331 height:22px; 2332 transform:translateY(-50%); 2333 background-size:contain; 2334 background-repeat:no-repeat; 2335 background-position:center; 2336} 2337 2338/* ã¾ãå ±éï¼ããã©ã®ç»åãæ¶ãï¼éè¦ï¼ */ 2339.ghn-header .ghn-mega-links a::before{ 2340 background-image: none !important; 2341} 2342 2343/* ãã®ä¸ã§åå¥ï¼ç¢ºå®ã«ä¸æ¸ã */ 2344.ghn-header .ghn-mega-links a.icon-karibara::before{
2345 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_karibaraiki.png") !important; 2346} 2347.ghn-header .ghn-mega-links a.icon-jisou::before{ 2348 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_jisokusakari.png") !important; 2349} 2350.ghn-header .ghn-mega-links a.icon-jouyou::before{ 2351 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_joyo.png") !important; 2352} 2353.ghn-header .ghn-mega-links a.icon-rajicon::before{ 2354 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_rajicon.png") !important; 2355} 2356.ghn-header .ghn-mega-links a.icon-koun::before{ 2357 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_koun.png") !important; 2358} 2359.ghn-header .ghn-mega-links a.icon-chainsaw::before{ 2360 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_chainsow.png") !important; 2361} 2362.ghn-header .ghn-mega-links a.icon-funmuki::before{ 2363 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_funmuki.png") !important; 2364} 2365.ghn-header .ghn-mega-links a.icon-shibakari::before{ 2366 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_shibakari.png") !important; 2367} 2368.ghn-header .ghn-mega-links a.icon-blower::before{ 2369 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_blower.png") !important; 2370} 2371.ghn-header .ghn-mega-links a.icon-koatsu::before{ 2372 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_koatsusenjo.png") !important; 2373} 2374.ghn-header .ghn-mega-links a.icon-funsai::before{ 2375 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_mulchchipper.png") !important; 2376} 2377.ghn-header .ghn-mega-links a.icon-trimmer::before{ 2378 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_trimmer.png") !important; 2379} 2380.ghn-header .ghn-mega-links a.icon-josozai::before{ 2381 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_josozai.png") !important; 2382} 2383.ghn-header .ghn-mega-links a.icon-autumn::before{ 2384 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_autumn.png") !important; 2385} 2386.ghn-header .ghn-mega-links a.icon-spring::before{ 2387 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_spring.png") !important; 2388} 2389.ghn-header .ghn-mega-links a.icon-josetsu::before{ 2390 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_josetsu.png") !important; 2391} 2392.ghn-header .ghn-mega-links a.icon-unpan::before{ 2393 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_unpansya.png") !important; 2394} 2395/* === æ¶èå === */ 2396.ghn-header .ghn-mega-links a.icon-tsume::before{ background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/syoumou/icon_tsume.png") !important; } 2397.ghn-header .ghn-mega-links a.icon-kusakari-syoumou::before{ background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/syoumou/icon_kusakarisyomo.png") !important; } 2398.ghn-header .ghn-mega-links a.icon-vbelt::before{ background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/syoumou/icon_belt.png") !important; } 2399.ghn-header .ghn-mega-links a.icon-oil::before{ background-image:url("https://gigaplus.makeshop.jp/fu
2399kuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/syoumou/icon_oil.png") !important; } 2400.ghn-header .ghn-mega-links a.icon-battery::before{ background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/syoumou/icon_battery.png") !important; } 2401.ghn-header .ghn-mega-links a.icon-oilfilter::before{ background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/syoumou/icon_oilfilter.png") !important; } 2402 2403/* === ãã®ä» === */ 2404.ghn-header .ghn-mega-links a.icon-cleaner::before{ 2405 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/sonota/icon_cleaner.png") !important; 2406} 2407.ghn-header .ghn-mega-links a.icon-ikubyo::before{ 2408 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/sonota/icon_ikunea.png") !important; 2409} 2410.ghn-header .ghn-mega-links a.icon-tool::before{ 2411 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/sonota/icon_kogu.png") !important; 2412} 2413.ghn-header .ghn-mega-links a.icon-kenma::before{ 2414 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/sonota/icon_kenmaki.png") !important; 2415} 2416.ghn-header .ghn-mega-links a.icon-taue::before{ 2417 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/sonota/icon_naecatch.png") !important; 2418} 2419.ghn-header .ghn-mega-links a.icon-necchu::before{ 2420 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/sonota/icon_senpuki.png") !important; 2421} 2422.ghn-header .ghn-mega-links a.icon-cover::before{ 2423 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/sonota/icon_cover.png") !important; 2424} 2425.ghn-header .ghn-mega-links a.icon-bridge::before{ 2426 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/sonota/icon_bridge.png") !important; 2427} 2428.ghn-header .ghn-mega-links a.icon-keigen::before{ 2429 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_hutankegen.png") !important; 2430} 2431.ghn-header .ghn-mega-links a.icon-gaiju::before{ 2432 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/sonota/icon_gaiju.png") !important; 2433} 2434.ghn-header .ghn-mega-links a.icon-pump::before{ 2435 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_pomp.png") !important; 2436} 2437.ghn-header .ghn-mega-links a.icon-hatsuden::before{ 2438 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/sonota/icon_hatsudenki.png") !important; 2439} 2440.ghn-header .ghn-mega-links a.icon-keikokan::before{ 2441 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_keikokan.png") !important; 2442} 2443.ghn-header .ghn-mega-links a.icon-hasami::before{ 2444 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_hasami.png") !important; 2445} 2446.ghn-header .ghn-mega-links a.icon-mochi::before{ 2447 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_mochitsuki.png") !important; 2448} 2449.ghn-header .ghn-mega-links a.icon-radio::before{ 2450 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_radio.png") !important; 2451} 2452 2453 2454/* ããã¼2æã®ç»åã ã 0.7åï¼PC/ã¹ãã両æ¹ï¼ */ 2455.ghn-mega-panel-col-banner .ghn-mega-banners .ghn-mega-bannerItem img{ 2456 width: 90% !important; 2457 height: auto !important; 2458 display: block !important; 2459 margin: 0 auto !important; 2460 object-fit: contain !important; 2461} 2462 2463} 2464 2465/* ========================= 2466 panel-hammerï¼ç»å4æï¼2ã«ã©ã Ã2åï¼ 2467 ã»ã¯ã¿åºã鲿¢ 2468 ã»ç»åã¯0.9åï¼90%ï¼ã§ä¸å¤®å¯ã 2469========================= */ 2470.ghn-mega-panel[data-panel="panel-hammer"] .ms-pick__grid--mega{ 2471 list-style: none; 2472 margin: 0; 2473 padding: 0; 2474 2475 display: grid; 2476 grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); 2477 gap: 14px; 2478 2479 width: 100%; 2480 max-width: 100%; 2481} 2482 2483.ghn-mega-panel[data-panel="panel-hammer"] .ms-pick__item{ 2484 min-width: 0; /* ã¯ã¿åºã鲿¢ */ 2485} 2486 2487.ghn-mega-panel[data-panel="panel-hammer"] .ms-pick__link{ 2488 display: block; 2489 line-height: 0; 2490 text-decoration: none; 2491 overflow: hidden; /* ä¿éº */ 2492} 2493 2494.ghn-mega-panel[data-panel="panel-hammer"] .ms-pick__figure{ 2495 margin: 0; 2496 width: 100%; 2497 max-width: 100%; 2498} 2499 2500.ghn-mega-panel[data-panel="panel-hammer"] .ms-pick__figure img{ 2501 width: 90% !important; /* â 0.9å */ 2502 height: auto !important; 2503 display: block !important; 2504 margin: 0 auto !important; /* ä¸å¤®å¯ã */ 2505 object-fit: contain !important; 2506 max-width: 100% !important; /* ã¯ã¿åºãä¿éº */ 2507}
2508/* ========= ãããã追è¨ï¼panel-hammer ã®4æã確å®ã«2x2ã«ãã ========= */ 2509@media (min-width: 769px){ 2510 .ghn-header .ghn-mega .ghn-mega-panel[data-panel="panel-hammer"] ul.ms-pick__grid{ 2511 list-style:none !important; 2512 margin:0 !important; 2513 padding:0 !important; 2514 2515 display:grid !important; 2516 grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important; 2517 gap:14px !important; 2518 2519 width:100% !important; 2520 max-width:100% !important; 2521 } 2522 2523 .ghn-header .ghn-mega .ghn-mega-panel[data-panel="panel-hammer"] li.ms-pick__item{ 2524 min-width:0 !important; 2525 } 2526 2527 .ghn-header .ghn-mega .ghn-mega-panel[data-panel="panel-hammer"] a.ms-pick__link{ 2528 display:block !important; 2529 line-height:0 !important; 2530 overflow:hidden !important; 2531 } 2532 2533 .ghn-header .ghn-mega .ghn-mega-panel[data-panel="panel-hammer"] figure.ms-pick__figure{ 2534 margin:0 !important; 2535 width:100% !important; 2536 } 2537 2538 .ghn-header .ghn-mega .ghn-mega-panel[data-panel="panel-hammer"] figure.ms-pick__figure img{ 2539 width:90% !important; /* 0.7å */ 2540 max-width:100% !important; 2541 height:auto !important; 2542 display:block !important; 2543 margin:0 auto !important; 2544 object-fit:contain !important; 2545 } 2546} 2547/* ========= 追è¨ããã¾ã§ ========= */ 2548 2549@media (min-width: 769px){ 2550 .ghn-actions{ 2551 position: relative; 2552 z-index: 2000; /* mega(1600)ããä¸ */ 2553 } 2554} 2555 2556@media (max-width: 768px) { 2557 /* SPã§ã¯ hover ã§éããªãããã«âæç¤ºçã«âæ½°ã */ 2558 .ghn-mainnav-hasmega:hover .ghn-mega { 2559 opacity: 0 !important; 2560 pointer-events: none !important; 2561 } 2562 2563 /* éãã®ã¯ JS ãä»ãã is-open ã®æã ã */ 2564 .ghn-mainnav-hasmega.is-open .ghn-mega { 2565 opacity: 1 !important; 2566 pointer-events: auto !important; 2567 } 2568} 2569@media (max-width: 768px){ 2570 .ghn-drawer-close{ 2571 position: sticky; /* ããã¯ã¼å ã§ä¸ã«å¼µãä»ã */ 2572 top: 8px; 2573 margin-left: auto; /* å³å¯ã */ 2574 display: inline-flex;
2575 align-items: center; 2576 justify-content: center; 2577 2578 width: 36px; 2579 height: 36px; 2580 2581 border: 1px solid #dfe8e3; 2582 background: #fff; 2583 color: #333; 2584 border-radius: 10px; 2585 cursor: pointer; 2586 z-index: 5; /* ããã¯ã¼å ã§åé¢ */ 2587 } 2588 2589 .ghn-drawer-close:hover{ 2590 opacity: .85; 2591 } 2592} 2593@media (min-width: 769px){ 2594 .ghn-drawer-close{ display:none; } 2595} 2596 2597 @media (max-width: 768px) { 2598 .ghn-mega-sp-head{ 2599 display:flex; 2600 align-items:center; 2601 justify-content:space-between; 2602 gap:10px; 2603 margin-bottom: 8px; /* æ¢åã® hello ã®ä½ç½ã«åããã¦èª¿æ´ */ 2604 } 2605 2606 .ghn-mega-sp-hello{ 2607 margin:0; /* è¡å ã«ããã®ã§ãªã»ãã */ 2608 font-size:13px; /* æ¢åã«åããã */ 2609 line-height:1.2; 2610 } 2611 2612 .ghn-drawer-close{ 2613 appearance:none; 2614 border:none; 2615 background:transparent; 2616 color:#000; /* 好ã¿ã§ #fff ã§ãOKï¼èæ¯æ¬¡ç¬¬ï¼ */ 2617 font-size:26px; 2618 line-height:1; 2619 padding:6px 8px; 2620 cursor:pointer; 2621 } 2622} 2623 2624/* ========================= 2625 SPï¼ããã¼ãã£ã³ã°ãã³ãã¼ã¬ã¼ï¼è¦ãç®ãæ¢åã¨åãã«ï¼ 2626========================= */ 2627.ghn-fab-menu{ display:none; } 2628 2629@media (max-width:768px){ 2630 .ghn-fab-menu{ 2631 --ghn-green:#007A59; 2632 2633 position: fixed !important; 2634 left: 16px !important; 2635 top: calc(env(safe-area-inset-top, 0px) + 16px) !important; 2636 2637 width: 60px !important; /* â 1.5å */ 2638 height: 60px !important; 2639 2640 border-radius: 6px !important; 2641 border: 1px solid var(--ghn-green) !important; 2642 background: #fff !important; 2643 2644 z-index: 99999 !important; 2645 display: none; 2646 cursor: pointer !important; 2647 padding: 0 !important; 2648 } 2649 2650 /* 䏿¬ç·ï¼1.5åï¼ */ 2651 .ghn-fab-menu::before{ 2652 content: "" !important; 2653 width: 33px !important; 2654 height: 5px !important; 2655 background: var(--ghn-green) !important; 2656 border-radius: 999px !important; 2657 2658 position: absolute !important; 2659 left: 50% !important; 2660 top: 50% !important; 2661 transform: translate(-50%, -50%) !important; 2662 2663 box-shadow: 2664 0 -9px 0 var(--ghn-green), 2665 0 9px 0 var(--ghn-green) !important; 2666 } 2667} 2668 2669@media (max-width: 768px){ 2670 .ghn-mega-sp-contact{ 2671 display:flex; 2672 flex-direction:column; 2673 gap:8px; /* â ãã°ã¤ã³/æ°è¦ç»é²ã¨åã */ 2674 } 2675 2676 /* 念ã®ããï¼ãã¿ã³ç³»ã¯å ¨é¨100%ã«æãã */ 2677 .ghn-mega-sp-contact .ghn-sp-btn{ 2678 width:100%; 2679 } 2680} 2681 2682@media (max-width:768px){ 2683 .ghn-fab-menu{ 2684 background: rgba(255,255,255,.20) !important; /* 0.75=75% */ 2685 backdrop-filter: blur(6px); 2686 -webkit-backdrop-filter: blur(6px); 2687 } 2688} 2689 2690@media (max-width:768px){ 2691 .ghn-fab-menu{ 2692 border-color: rgba(0,122,89,.55) !important; 2693 } 2694} 2695 2696 2697</style> 2698
2699<script> 2700document.addEventListener('DOMContentLoaded', function () { 2701 2702 /* ========================= 2703 PCï¼ã¡ã¬ã¡ãã¥ã¼ã®ã¿ãåæ¿ 2704 ========================= */ 2705 var tabItems = document.querySelectorAll('.ghn-mega-nav-item'); 2706 tabItems.forEach(function (item) { 2707 item.addEventListener('mouseenter', function () { 2708 if (window.matchMedia('(min-width: 769px)').matches === false) return; 2709 2710 var id = this.getAttribute('data-panel'); 2711 2712 var siblings = this.parentElement.querySelectorAll('.ghn-mega-nav-item'); 2713 siblings.forEach(function (sib) { sib.classList.remove('is-active'); }); 2714 this.classList.add('is-active'); 2715 2716 var megaInner = this.closest('.ghn-mega-inner'); 2717 var panels = megaInner.querySelectorAll('.ghn-mega-panel'); 2718 panels.forEach(function (panel) { panel.classList.remove('is-active'); }); 2719 2720 var target = megaInner.querySelector('.ghn-mega-panel[data-panel="' + id + '"]'); 2721 if (target) { target.classList.add('is-active'); } 2722 }); 2723 }); 2724 2725 /* ========================= 2726 è¦ç´ åå¾ 2727 ========================= */ 2728 var header = document.querySelector('.ghn-header'); 2729 var overlay = document.querySelector('.ghn-overlay'); 2730 var megaRoot = document.querySelector('.ghn-mainnav-hasmega'); 2731 var menuTrigger = megaRoot ? megaRoot.querySelector('.ghn-mainnav-iconlink') : null; 2732 2733 /* ========================= 2734 SPã®ã¨ãã ã href ãæ®ºãï¼#categoryã«é£ã°ãªãï¼ 2735 ========================= */ 2736 if (menuTrigger && megaRoot) { 2737 function syncTriggerHref() { 2738 if (window.matchMedia('(max-width: 768px)').matches) { 2739 2740 // éé¿ãã¾ã ãªãä¿åï¼æ¯å䏿¸ãããªãï¼ 2741 if (!menuTrigger.dataset.hrefBk) { 2742 menuTrigger.dataset.hrefBk = menuTrigger.getAttribute('href') || ''; 2743 } 2744 2745 menuTrigger.setAttribute('href', '#'); 2746 menuTrigger.setAttribute('role', 'button'); 2747 menuTrigger.setAttribute( 2748 'aria-expanded', 2749 megaRoot.classList.contains('is-open') ? 'true' : 'false' 2750 ); 2751 2752 } else { 2753 // PCã«æ»ã£ããå ã«æ»ã 2754 if (menuTrigger.dataset.hrefBk) { 2755 menuTrigger.setAttribute('href', menuTrigger.dataset.hrefBk); 2756 delete menuTrigger.dataset.hrefBk; 2757 } 2758 menuTrigger.removeAttribute('role'); 2759 menuTrigger.removeAttribute('aria-expanded'); 2760 } 2761 } 2762 2763 syncTriggerHref(); 2764 window.addEventListener('resize', syncTriggerHref); 2765 } 2766 2767 /* ========================= 2768 SPï¼ãã³ãã¼ã¬ã¼éé 2769 ========================= */ 2770 function openMenu() { 2771 if (!megaRoot) return; 2772 megaRoot.classList.add('is-open'); 2773 if (overlay) overlay.classList.add('is-active'); 2774 if (header) header.classList.add('is-open-overlay'); 2775 2776 // ariaæ´æ°ï¼SPæï¼ 2777 if (menuTrigger && window.matchMedia('(max-width: 768px)').matches) { 2778 menuTrigger.setAttribute('aria-expanded', 'true'); 2779 } 2780 } 2781 2782 function closeMenu() { 2783 console.log("closeMenu fired"); 2784 if (!megaRoot) return; 2785 megaRoot.classList.remove('is-open'); 2786 if (overlay) overlay.classList.remove('is-active'); 2787 if (header) header.classList.remove('is-open-overlay'); 2788 2789 // ariaæ´æ°ï¼SPæï¼ 2790 if (menuTrigger && window.matchMedia('(max-width: 768px)').matches) { 2791 menuTrigger.setAttribute('aria-expanded', 'false'); 2792 } 2793 } 2794 // SPï¼å³ä¸Ãã§éãã 2795 var drawerCloseBtn = document.querySelector('.ghn-drawer-close'); 2796 if (drawerCloseBtn) { 2797 drawerCloseBtn.addEventListener('click', function (e) { 2798 e.preventDefault(); 2799 e.stopPropagation(); 2800 closeMenu(); 2801 }); 2802 } 2803 2804 2805 /* ========================= 2806 SPï¼ãã³ãã¼ã¬ã¼ã¯ãªãã¯ã§éé 2807 - ã¢ã³ã«ã¼ç§»åã¯å¸¸ã«æ¢ãã 2808 - ééã¯SPã ã 2809 ========================= */ 2810 if (menuTrigger && megaRoot) { 2811 menuTrigger.addEventListener('click', function (e) { 2812 2813 // ã¾ãã¢ã³ã«ã¼ç§»åãå¿ ãæ¢ããï¼#categoryã¸é£ã°ãªãï¼ 2814 e.preventDefault(); 2815 2816 // SPã ãéé 2817 if (window.matchMedia('(max-width: 768px)').matches) { 2818 if (megaRoot.classList.contains('is-open')) closeMenu(); 2819 else openMenu(); 2820 } 2821 });
2822 } 2823 2824 /* ========================= 2825 ãªã¼ãã¼ã¬ã¤ãã¯ãªãã¯ãããéãã 2826 ========================= */ 2827 if (overlay) { 2828 overlay.addEventListener('click', function () { 2829 closeMenu(); 2830 }); 2831 } 2832 2833 /* ========================= 2834 ESCãã¼ã§éãã 2835 ========================= */ 2836 document.addEventListener('keydown', function (e) { 2837 if (e.key === 'Escape') closeMenu(); 2838 }); 2839 2840 /* ========================= 2841 ã¦ã£ã³ãã¦ãªãµã¤ãºæï¼PCã«æ»ã£ããå¼·å¶ã¯ãã¼ãº 2842 ========================= */ 2843 window.addEventListener('resize', function () { 2844 if (window.matchMedia('(min-width: 769px)').matches) closeMenu(); 2845 }); 2846 2847 /* ========================= 2848 SPï¼ååè¡ã®ééï¼ï¼ â Ãï¼ 2849 ========================= */ 2850 var spParent = document.querySelector('.ghn-sp-nav-parent'); 2851 var spChild = document.querySelector('.ghn-sp-nav-children'); 2852 if (spParent && spChild) { 2853 spParent.addEventListener('click', function () { 2854 spParent.classList.toggle('is-open'); 2855 spChild.classList.toggle('is-open'); 2856 }); 2857 } 2858 2859 /* ========================= 2860 SPããã¯ã¼å ã®ãªã³ã¯ãæ¼ãããå¿ ãéãã 2861 ï¼captureã§æ¾ãã»Textãã¼ã対çï¼ 2862 ========================= */ 2863 document.addEventListener('click', function (e) { 2864 if (!window.matchMedia('(max-width: 768px)').matches) return; 2865 if (!megaRoot || !megaRoot.classList.contains('is-open')) return; 2866 2867 var t = e.target; 2868 if (!(t instanceof Element)) t = t.parentElement; 2869 if (!t) return; 2870 2871 var a = t.closest('.ghn-mega-sp a'); 2872 if (!a) return; 2873 2874 closeMenu(); 2875 }, true); 2876 2877}); 2878</script>
vendor: 2 bytes, line 2878
2878
2879<script> 2880document.addEventListener('DOMContentLoaded', function(){ 2881 var fab = document.querySelector('.ghn-fab-menu'); 2882 var megaRoot = document.querySelector('.ghn-mainnav-hasmega'); 2883 var menuTrigger = megaRoot ? megaRoot.querySelector('.ghn-mainnav-iconlink') : null; 2884 2885 if(!fab || !megaRoot || !menuTrigger) return; 2886 2887 function syncFab(){ 2888 if (!window.matchMedia('(max-width: 768px)').matches) { 2889 fab.style.display = 'none'; 2890 return; 2891 } 2892 2893 var y = window.scrollY || window.pageYOffset || 0; 2894 var opened = megaRoot.classList.contains('is-open'); 2895 2896 // 120px以ä¸ã¹ã¯ãã¼ã«ããã表示ï¼å¥½ã¿ã§èª¿æ´ï¼ 2897 if (y > 120 && !opened) { 2898 fab.style.display = 'inline-flex'; 2899 } else { 2900 fab.style.display = 'none'; 2901 } 2902 } 2903 2904 // ã¯ãªãã¯ã§æ¢åã®ããªã¬ã¼ãå©ãï¼ééãã¸ãã¯ãäºéå®è£ ããªãï¼ 2905 fab.addEventListener('click', function(e){ 2906 e.preventDefault(); 2907 menuTrigger.click(); 2908 }); 2909 2910 window.addEventListener('scroll', syncFab, { passive:true }); 2911 window.addEventListener('resize', syncFab); 2912 syncFab(); 2913}); 2914 2915 /* ========================= 2916 å¥ãã¼ã¸ â ããã/#hash ã®æã« 2917 ãã¾ã«å¥ä½ç½®ã¸é£ã¶ã®ãæçµè£æ£ã§é²ã 2918 ========================= */ 2919 (function fixHashJump(){ 2920 if (!location.hash) return; 2921 2922 // 対象ãçµãï¼å¿ è¦ãªãã®ã ãï¼ 2923 var allow = ['#maker', '#category', '#itio', '#moja', '#contents']; 2924 if (!allow.includes(location.hash)) return; 2925 2926 function go(){ 2927 var el = document.querySelector(location.hash); 2928 if (!el) return; 2929 2930 // 3段éã§ãæå¾ã«åã¤ãï¼å³æâ次ãã¬ã¼ã âå®å ¨ãã¼ãå¾ 2931 el.scrollIntoView({ behavior: 'auto', block: 'start' }); 2932 2933 requestAnimationFrame(function(){ 2934 el.scrollIntoView({ behavior: 'auto', block: 'start' }); 2935 }); 2936 2937 window.addEventListener('load', function(){ 2938 // load å¾ã¯ç»åãªã©ãèªã¿è¾¼ã¿çµãã£ã¦ã¬ã¤ã¢ã¦ããå®å®ãã 2939 requestAnimationFrame(function(){ 2940 el.scrollIntoView({ behavior: 'auto', block: 'start' }); 2941 }); 2942 }, { once:true }); 2943 } 2944 2945 // DOMã§ããç´å¾ã«ä¸å 2946 go(); 2947 })(); 2948 2949 2950</script>
2950 2951 2952� 2953<!-- Swiper CDN --> 2954<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
2955<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
2955 2956 2957<style> 2958/* ===== å ¨ä½ã®ã©ãã ===== */ 2959.ms-swiperModule { 2960 max-width: 1200px; 2961 margin: 0 auto; 2962 padding: 0 40px; 2963 box-sizing: border-box; 2964} 2965 2966/* ===== ã¹ã¯ã¤ãã¼æ¬ä½ ===== */ 2967.ms-swiper { 2968 width: 100%; 2969 overflow: visible; 2970} 2971 2972/* ===== ã¹ã©ã¤ã1æåï¼1110Ã470åºå®ï¼ ===== */ 2973.ms-swiper .swiper-slide { 2974 width: 1110px; /* â 叿ãµã¤ãºã«å¤æ´ */ 2975 height: 470px; /* â 叿ãµã¤ãºã«å¤æ´ */ 2976 border-radius: 6px; 2977 overflow: hidden; 2978 background: #eee; 2979 box-shadow: 0 8px 28px rgba(0,0,0,.12); 2980} 2981 2982/* ç»åãã£ãã */ 2983.ms-swiper .swiper-slide img { 2984 width: 100%; 2985 height: 100%; 2986 object-fit: cover; 2987 display: block; 2988} 2989 2990/* ===== ããã²ã¼ã·ã§ã³ãã¿ã³ ===== */ 2991.ms-swiper .swiper-button-prev, 2992.ms-swiper .swiper-button-next { 2993 width: 44px; 2994 height: 44px; 2995 border-radius: 50%; 2996 background: #fff; 2997 box-shadow: 0 4px 20px rgba(0,0,0,.15); 2998 color: #007A59; 2999 top: 50%; 3000 transform: translateY(-50%); 3001} 3002.ms-swiper .swiper-button-prev:after, 3003.ms-swiper .swiper-button-next:after { 3004 font-size: 18px; 3005} 3006 3007.ms-swiper .swiper-button-prev { left: 24px; } 3008.ms-swiper .swiper-button-next { right: 24px; } 3009 3010/* ===== ããã ===== */ 3011.ms-swiper .swiper-pagination { 3012 bottom: 0px; 3013} 3014.ms-swiper .swiper-pagination-bullet { 3015 background: #bac9c4; 3016 opacity: 1; 3017} 3018.ms-swiper .swiper-pagination-bullet-active { 3019 background: #007A59; 3020} 3021 3022/* ===== ã¬ã¹ãã³ã·ã ===== */ 3023@media (max-width: 1200px) { 3024 .ms-swiperModule { padding: 0 20px; } 3025 3026 .ms-swiper .swiper-slide { 3027 width: min(90vw, 1110px); 3028 height: calc(min(90vw, 1110px) * (470 / 1110)); /* 1110:470ã®æ¯çãç¶æ */ 3029 } 3030 3031 .ms-swiper .swiper-button-prev { left: 12px; } 3032 .ms-swiper .swiper-button-next { right: 12px; } 3033} 3034 3035@media (max-width: 640px) { 3036 .ms-swiperModule { padding: 0 12px; } 3037 .ms-swiper .swiper-button-prev, 3038 .ms-swiper .swiper-button-next { display: none; } 3039} 3040/* ===== ã¹ã©ã¤ãã¼ã®å·¦å³ãã¿ã³é表示 ===== */ 3041.ms-swiper .swiper-button-prev, 3042.ms-swiper .swiper-button-next { 3043 display: none !important; 3044} 3045 3046 3047@media (max-width: 640px) { 3048 3049 /* 夿 ã®ä½ç½ã¯ãµã¤ãã¨çµ±ä¸ */ 3050 .ms-swiperModule { 3051 padding: 0 12px; 3052 } 3053 3054 /* 90vw â 100% ã«ãã¦ãæ ãã£ã±ã使ã */ 3055 .ms-swiper .swiper-slide { 3056 width: 100%; 3057 max-width: 100%; 3058 } 3059 3060} 3061 3062.ms-swiper{ 3063 padding-bottom: 24 !important; 3064} 3065.ms-swiper .swiper-pagination{ 3066 position: absolute !important; 3067 left: 0; 3068 right: 0; 3069 bottom: 0 !important; 3070 3071 margin: 0 !important; 3072 padding: 0 !important; 3073 height: auto !important; 3074 line-height: 1 !important; 3075} 3076.ms-swiper .swiper-wrapper{ 3077 padding-bottom: 42px; /* ãããã¶ãã ã */ 3078} 3079@media (max-width: 640px){ 3080 .ms-swiper .swiper-wrapper{ 3081 padding-bottom: 0px; 3082 } 3083} 3084/* ã¾ã ms-swiper ãåºæºã«ããï¼ä¿éºï¼ */ 3085.ms-swiper{ 3086 position: relative; 3087} 3088 3089/* ããã㯠absolute ã®ã¾ã¾ */ 3090.ms-swiper .swiper-pagination{ 3091 position: absolute !important; 3092 left: 0; 3093 right: 0; 3094 bottom: 0 !important; 3095} 3096 3097/* ãããã®éãå ´ï¼ãããå¿ é ï¼ */ 3098.ms-swiper .swiper-wrapper{ 3099 padding-bottom: 32px; /* 28〜44ã§å¥½ã¿ */ 3100} 3101 3102/* SPã§ã 0 ã«ããªã */ 3103@media (max-width: 640px){ 3104 .ms-swiper .swiper-wrapper{ 3105 padding-bottom: 20px; /* â ããã0ã«ããªã */ 3106 } 3107} 3108 3109</style> 3110 3111<!-- ===== ã¹ã©ã¤ãã·ã§ã¼ ===== --> 3112<div class="ms-swiperModule"> 3113 <div class="swiper ms-swiper"> 3114 <div class="swiper-wrapper"> 3115 3116 3117 <div class="swiper-slide"> 3118 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/slide/banner_hosaku.png" alt="è±ä½"> 3119 </div> 3120 3121 <div class="swiper-slide"><a href="https://agri.mynavi.jp/2020_03_30_111823/"> 3122 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/slide/banner_mynavi.png" alt="ãã¤ãã"></a> 3123 </div> 3124 3125 <div class="swiper-slide"><a href="https://www.housakunet.shop/view/page/kensaku">
3126 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/slide/banner_tsumecarousel.png" alt="çªæ¤ç´¢"></a> 3127 </div> 3128 3129 <div class="swiper-slide"> 3130 <a href="/view/page/magical" target="_blank" rel="noopener"> 3131 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/slide/banner_magical.png" alt="ãã¸ã«ã«"> 3132 </a> 3133</div> 3134 3135 <div class="swiper-slide"> 3136 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/slide/banner_thankyou%20day.png" alt="ãµã³ãã¥ã¼ãã¼"> 3137 </div> 3138 3139 <div class="swiper-slide"> 3140 <a href="https://www.housakunet.shop/view/category/ct188" target="_blank" rel="noopener"> 3141 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%89%E3%82%B7%E3%83%A7%E3%83%BC/banner_gaijutaisaku.png" alt="害ç£"> 3142 </a> 3143</div> 3144 3145 <div class="swiper-slide"> 3146 <a href="https://www.housakunet.shop/view/search?search_keyword=%A5%AB%A1%BC%A5%C4&search_name=&search_price_low=&search_price_high=&search_category=&search_original_code=" target="_blank" rel="noopener"> 3147 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%89%E3%82%B7%E3%83%A7%E3%83%BC/banner_KAAZ.png" alt="KAAZ"> 3148 </a> 3149</div> 3150 3151 </div> 3152 3153 <!-- ãã¼ã¸ãã¼ã·ã§ã³ & ç¢å° --> 3154 <div class="swiper-pagination"></div> 3155 <div class="swiper-button-prev" aria-label="åã¸"></div> 3156 <div class="swiper-button-next" aria-label="次ã¸"></div> 3157 </div> 3158</div> 3159 3160
3161<script> 3162(() => { 3163 new Swiper('.ms-swiper', { 3164 loop: true, 3165 centeredSlides: true, 3166 slidesPerView: 'auto', 3167 spaceBetween: 24, 3168 speed: 700, 3169 autoplay: { 3170 delay: 4000, 3171 disableOnInteraction: false 3172 }, 3173 pagination: { 3174 el: '.ms-swiper .swiper-pagination', 3175 clickable: true 3176 }, 3177 navigation: { 3178 nextEl: '.ms-swiper .swiper-button-next', 3179 prevEl: '.ms-swiper .swiper-button-prev' 3180 }, 3181 breakpoints: { 3182 640: { spaceBetween: 16 } 3183 } 3184 }); 3185})(); 3186</script>
3186� 3187<!-- LINEåã ã¡è¿½å ããã¼ï¼ã«ã«ã¼ã»ã«ç´ä¸ï¼ --> 3188<div class="hs-line-top"> 3189 <a class="hs-line-top__link" href="https://line.me/R/ti/p/@110ojdvj?utm_source=site&utm_medium=banner&utm_campaign=line_top" target="_blank" rel="noopener"> 3190 <picture> 3191 <source media="(max-width: 767px)" srcset="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/banner/PC_banner_LINE_toppage_e.png"> 3192 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/banner/SP_banner_LINE_toppage_e.png" alt="LINEåã ã¡è¿½å ã§ãå¾ãªæ å ±ãåãåã" width="2768" height="180" loading="lazy"> 3193 </picture> 3194 </a> 3195</div> 3196<div class="hm-fly-wrap"> 3197 <div class="hm-character"> 3198 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/%E3%83%AA%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%A2%E3%83%AB%E7%94%A8%E3%81%AE%E7%B4%A0%E6%9D%90/hosakukun_anime4.gif" class="hm-flying-logo" alt=""> 3199 </div> 3200</div> 3201 3202<style> 3203 3204.hm-fly-wrap{ 3205 position: fixed; 3206 inset: 0; 3207 z-index: 999999; 3208 pointer-events: none; 3209} 3210 3211/* ãã£ã© */ 3212 3213.hm-character{ 3214 position: fixed; 3215 top: 520px; 3216 left: -340px; 3217 width: 320px; 3218 z-index: 999999; 3219 animation: hmFlyLoop 16s cubic-bezier(.25,.55,.35,1) infinite; 3220} 3221 3222.hm-flying-logo{ 3223 width: 320px; 3224 height: auto; 3225 display:block; 3226} 3227 3228/* ã¢ãã¡ã¼ã·ã§ã³ */ 3229 3230@keyframes hmFlyLoop{ 3231 3232 0%{ 3233 transform: translate(0,0); 3234 } 3235 3236 /* 1åç®åæ¢ */ 3237 3238 18%{ 3239 transform: translate(28vw,-40px); 3240 } 3241 3242 24%{ 3243 transform: translate(28vw,-40px); 3244 } 3245 3246 /* ãã£ããç§»å */ 3247 3248 50%{ 3249 transform: translate(82vw,-120px); 3250 } 3251 3252 /* 2åç®åæ¢ */ 3253 3254 56%{ 3255 transform: translate(82vw,-120px); 3256 } 3257 3258 /* ç»é¢å¤ã¸ */ 3259 3260 70%{ 3261 transform: translate(calc(100vw + 420px),-180px); 3262 } 3263 3264 /* å¾ æ©ï¼8ç§ééãä½ãï¼ */ 3265 3266 100%{ 3267 transform: translate(calc(100vw + 420px),-180px); 3268 } 3269 3270} 3271 3272/* ---------- ã¹ãã ---------- */ 3273 3274@media (max-width:768px){ 3275 3276.hm-character{ 3277 top: 65vh; 3278 width: 180px; 3279 left: -200px; 3280} 3281 3282.hm-flying-logo{ 3283 width: 150px; 3284} 3285 3286@keyframes hmFlyLoop{ 3287 3288 0%{ 3289 transform: translate(0,0); 3290 } 3291 3292 20%{ 3293 transform: translate(35vw,-20px); 3294 } 3295 3296 26%{ 3297 transform: translate(35vw,-20px); 3298 } 3299 3300 50%{ 3301 transform: translate(80vw,-60px); 3302 } 3303 3304 56%{ 3305 transform: translate(80vw,-60px); 3306 } 3307 3308 70%{ 3309 transform: translate(calc(100vw + 220px),-100px); 3310 } 3311 3312 100%{ 3313 transform: translate(calc(100vw + 220px),-100px); 3314 } 3315 3316} 3317 3318} 3319 3320</style> 3321<div class="double-banner"> 3322 3323 <!-- 1段ç®ï¼1ã«ã©ã ï¼ --> 3324 <div class="banner-row banner-row--single"> 3325 <a href="/shop/idinfo.html" class="banner-item banner-item--membership"> 3326 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/banner/bar_membership.svg" class="hide-when-login" alt="ä¼å¡ç»é²ããã¼"> 3327</a> 3328 </div> 3329 3330 <!-- 2段ç®ï¼PCã¯2ã«ã©ã / SPã¯ç¸¦ã«2æ®µï¼ --> 3331 <div class="banner-row banner-row--double"> 3332 3333 <a href="https://www.housakunet.shop/view/page/kensaku" class="banner-item"> 3334 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/slide/banner_tsume-search.png" alt="çªæ¤ç´¢ã·ã¹ãã "> 3335 </a> 3336 3337 <a href="https://agri.mynavi.jp/2020_03_30_111823/" class="banner-item" target="_blank" rel="noopener"> 3338 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/banner/banner_tsumekoukan.png" alt="çªäº¤æ"> 3339</a> 3340 3341 3342 3343 </div> 3344 3345</div> 3346 3347<style> 3348/* ===== wrapper ===== */ 3349.double-banner{ 3350 width:100%; 3351 max-width:1280px; 3352 margin:40px auto 0; 3353 box-sizing:border-box; 3354} 3355 3356/* ===== row å ±é ===== */ 3357.banner-row{ 3358 width:100%; 3359 line-height:0; 3360} 3361 3362/* è¡éï¼1段ç®ã¨2段ç®ã®éï¼ */ 3363.banner-row + .banner-row{ 3364 margin-top:10px; 3365} 3366 3367/* ç»å */ 3368.banner-item img{ 3369 width:100%; 3370 height:auto; 3371 display:block; 3372} 3373 3374/* ===== PCï¼2段ç®ã ã2ã«ã©ã ===== */ 3375.banner-row--double{ 3376 display:grid; 3377 grid-template-columns: 1fr 1fr; 3378 gap:10px; 3379} 3380 3381/* ===== SPï¼å·¦å³ä½ç½ï¼3段ï¼2段ç®ã¯ç¸¦ã«2ã¤ï¼ ===== */ 3382@media screen and (max-width:768px){ 3383 .double-banner{ 3384 padding:0 10px; 3385 } 3386 .banner-row--double{ 3387 grid-template-columns: 1fr; /* 2段ç®ã縦ç©ã¿ï¼çµæ3段 */ 3388 } 3389} 3390 3391/* ========================= 3392 ä¼å¡ç»é²ããã¼ï¼SPç»åå·®ãæ¿ã 3393========================= */ 3394@media screen and (max-width:768px){ 3395 .banner-item--membership img{
3396 content: url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/banner/point500forsp.png"); 3397 } 3398} 3399/* ===== SPã ãï¼ä¸ã®ä½ç½ãæ¶ã ===== */ 3400@media (max-width: 768px){ 3401 .double-banner{ 3402 margin-top: 25px; 3403 } 3404} 3405 3406 3407/* ãã°ã¤ã³å¤å®ãã¤ãããé表示 */ 3408body.is-login .hide-when-login{ 3409 display:none !important; 3410} 3411 3412</style> 3413
3414<script> 3415document.addEventListener('DOMContentLoaded', function () { 3416 // ãã¿ã¼ã³1ï¼hrefã«logoutãå ¥ã£ã¦ãã 3417 var hasLogoutLink = document.querySelector('a[href*="logout"], a[href*="Logout"]'); 3418 3419 // ãã¿ã¼ã³2ï¼ããã¹ããããã°ã¢ã¦ããã®ãªã³ã¯ãããï¼hrefãç¹æ®ã§ãæ¾ããï¼ 3420 if (!hasLogoutLink) { 3421 var links = Array.prototype.slice.call(document.querySelectorAll('a')); 3422 hasLogoutLink = links.some(function(a){ 3423 return (a.textContent || '').trim() === 'ãã°ã¢ã¦ã'; 3424 }); 3425 } 3426 3427 if (hasLogoutLink) { 3428 document.body.classList.add('is-login'); 3429 } 3430}); 3431</script>
3431 3432� 3433<!-- ======================= è¾²ã¿ã¤ã ãºï¼2ã«ã©ã ã»ããã¼ã°ãªãã / å685Ã187ï¼ ======================= --> 3434<section class="ms-pick ms-pick--noutimes"> 3435 <div class="ms-pick__head"> 3436 <div class="ms-pick__head-inner"> 3437 <img class="ms-pick__icon2" src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/housakumedia/logo_hosakumedia.png" alt="è±ä½ã¡ãã£ã¢" width="321" height="143" loading="lazy" decoding="async"> 3438 <p class="ms-pick__lead"> 3439 è±ä½ãã£ã¨ã¯èªç¤¾ã¡ãã£ã¢ã¨ãã¦ã<br> 3440 è¾²æ¥ã®ãã¬ã³ããè¾²ãæ¥½ããããã®æ§ã ãªæ å ±ããå±ããã¦ããã¾ãã 3441 </p> 3442 </div> 3443 <a href="./view/page/housaku-media" class="ms-pick__more">ãã£ã¨è¦ã</a> 3444 </div> 3445 3446 <ul class="ms-pick__grid"> 3447 3448 <li class="ms-pick__item"> 3449 <a class="ms-pick__link" href="https://note.com/noutimes/n/n00752b516c4a" target="_blank" rel="noopener"> 3450 <figure class="ms-pick__figure"> 3451 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/%E3%83%AA%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%A2%E3%83%AB%E7%94%A8%E3%81%AE%E7%B4%A0%E6%9D%90/housakumedia/80-99/housakumedia90.jpg" alt="è¾²æ¥ããã¶ã¤ã³ãã"> 3452 </figure> 3453 </a> 3454 </li> 3455 3456 <li class="ms-pick__item"> 3457 <a class="ms-pick__link" href="https://note.com/noutimes/n/n45835a31cc6e" target="_blank" rel="noopener"> 3458 <figure class="ms-pick__figure"> 3459 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/%E3%83%AA%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%A2%E3%83%AB%E7%94%A8%E3%81%AE%E7%B4%A0%E6%9D%90/housakumedia/80-99/housakumedia89.jpg" alt="ã飯ã®ãä¾"> 3460 </figure> 3461 </a> 3462 </li> 3463 3464 <li class="ms-pick__item"> 3465 <a class="ms-pick__link" href="https://note.com/noutimes/n/n929307f0ae5f" target="_blank" rel="noopener"> 3466 <figure class="ms-pick__figure"> 3467 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/%E3%83%AA%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%A2%E3%83%AB%E7%94%A8%E3%81%AE%E7%B4%A0%E6%9D%90/housakumedia/80-99/housakumedia88_b.jpg" alt="è¾²ã¬ã·ã"> 3468 </figure> 3469 </a> 3470 </li> 3471 3472 <li class="ms-pick__item"> 3473 <a class="ms-pick__link" href="https://note.com/noutimes/n/n24c261024e18" target="_blank" rel="noopener"> 3474 <figure class="ms-pick__figure"> 3475 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/%E3%83%AA%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%A2%E3%83%AB%E7%94%A8%E3%81%AE%E7%B4%A0%E6%9D%90/housakumedia/80-99/housakumedia87.jpg" alt="è±ãµã©è¾²æ¥"> 3476 </figure> 3477 </a> 3478 </li> 3479 3480 <li class="ms-pick__item"> 3481 <a class="ms-pick__link" href="https://note.com/noutimes/n/nef483727afad" target="_blank" rel="noopener"> 3482 <figure class="ms-pick__figure"> 3483 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/%E3%83%AA%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%A2%E3%83%AB%E7%94%A8%E3%81%AE%E7%B4%A0%E6%9D%90/housakumedia/80-99/housakumedia86.jpg" alt="åã¡çµãã¡ã¼ãã¼"> 3484 </figure> 3485 </a> 3486 </li> 3487 3488 <li class="ms-pick__item"> 3489 <a class="ms-pick__link" href="https://note.com/noutimes/n/nc8ae4f5c87fc" target="_blank" rel="noopener"> 3490 <figure class="ms-pick__figure"> 3491 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/%E3%83%AA%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%A2%E3%83%AB%E7%94%A8%E3%81%AE%E7%B4%A0%E6%9D%90/housakumedia/80-99/housakumedia85.jpg" alt="æãã¦ç·¨éé·"> 3492 </figure> 3493 </a> 3494 </li> 3495 3496 3497</ul> 3498 3499</section> 3500 3501<style> 3502/* ======================= è¾²ã¿ã¤ã ãºå°ç¨ ======================= */ 3503.ms-pick--noutimes { 3504 --brand:#007A59; 3505 --ink:#0b1412; 3506 --shadow:0 2px 10px rgba(0,0,0,.06); 3507 max-width:1280px; 3508 margin:0 auto 40px; 3509 padding:0 16px; 3510 box-sizing:border-box; 3511 font-family:"Noto Sans JP", system-ui, sans-serif; 3512} 3513.ms-pick--noutimes * { 3514 box-sizing:border-box; 3515} 3516
3517/* ===== ãããã¼ï¼PCï¼ãã´ï¼ããã¹ãï¼ãã£ã¨è¦ãï¼ ===== */ 3518.ms-pick--noutimes .ms-pick__head { 3519 display:flex; 3520 align-items:flex-end; 3521 justify-content:space-between; 3522 margin:8px 0 22px; 3523} 3524 3525.ms-pick--noutimes .ms-pick__head-inner { 3526 display:flex; 3527 flex-direction:column; 3528 align-items:center; 3529 justify-content:center; 3530 flex:1; 3531} 3532 3533/* ãã´ï¼PCï¼ */ 3534.ms-pick--noutimes .ms-pick__icon2 { 3535 width:321px; /* PCãµã¤ãº */ 3536 height:auto; 3537 display:block; 3538} 3539 3540/* 説æããã¹ãï¼PCï¼ */ 3541.ms-pick--noutimes .ms-pick__lead { 3542 margin:8px 0 0; 3543 font-size:20px; 3544 line-height:1.6; 3545 color:#000; 3546 font-weight:700; 3547 text-align:center; 3548} 3549 3550/* ãã£ã¨è¦ãï¼PCï¼ */ 3551.ms-pick--noutimes .ms-pick__more { 3552 color:#666; 3553 font-weight:700; 3554 font-size:16px; 3555 text-decoration:none; 3556 position:relative; 3557 padding-right:22px; 3558 white-space:nowrap; 3559} 3560.ms-pick--noutimes .ms-pick__more::after { 3561 content:""; 3562 width:12px; 3563 height:12px; 3564 position:absolute; 3565 right:0; 3566 top:50%; 3567 transform:translateY(-50%); 3568 background-repeat:no-repeat; 3569 background-size:12px 12px; 3570 background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M4 2l4 4-4 4' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>"); 3571} 3572.ms-pick--noutimes .ms-pick__more:hover { 3573 color:#007A59; 3574 text-decoration:underline; 3575} 3576.ms-pick--noutimes .ms-pick__more:hover::after { 3577 background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M4 2l4 4-4 4' fill='none' stroke='%23007A59' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>"); 3578} 3579 3580/* ======================= ã°ãªããï¼PC 2ã«ã©ã ï¼ ======================= */ 3581.ms-pick--noutimes .ms-pick__grid { 3582 list-style:none; 3583 padding:0; 3584 margin:0 auto; 3585 display:grid; 3586 gap:20px; 3587 grid-template-columns:repeat(2,1fr); 3588} 3589 3590.ms-pick--noutimes .ms-pick__item { 3591 /* ããã¯ç¹ã«å¶ç´ãªãï¼å ã®ã¾ã¾ï¼ */ 3592} 3593 3594.ms-pick--noutimes .ms-pick__link { 3595 display:block; 3596 border:none; 3597 overflow:hidden; 3598 background:#fff; 3599 transition:transform .2s ease, box-shadow .2s ease; 3600} 3601.ms-pick--noutimes .ms-pick__link:hover { 3602 transform:translateY(-2px); 3603 box-shadow:var(--shadow); 3604} 3605 3606.ms-pick--noutimes .ms-pick__figure { 3607 margin:0; 3608 line-height:0; 3609 aspect-ratio:685/187; /* 4ããã¼ã®æ¯çãåºå® */ 3610} 3611.ms-pick--noutimes .ms-pick__figure img { 3612 width:100%; 3613 height:100%; 3614 object-fit:cover; 3615 display:block; 3616} 3617 3618/* ======================= SP ã¬ã¤ã¢ã¦ã ======================= */ 3619@media (max-width:768px){ 3620 3621 /* ã»ã¯ã·ã§ã³ä½ç½ */ 3622 .ms-pick--noutimes { 3623 padding:0 12px; 3624 margin:0 auto 32px; 3625 } 3626 3627 /* SPãããã¼ï¼ãã´ãçãä¸ / ãã£ã¨è¦ããå³ç«¯ã« */ 3628 .ms-pick--noutimes .ms-pick__head { 3629 display:flex;
3630 align-items:center; 3631 justify-content:center; /* â ãã´ä¸å¤®å¯ãã®ãã¼ã¹ */ 3632 margin:4px 0 18px; 3633 position:relative; /* â ãã£ã¨è¦ãã絶対é ç½®ããããå¿ è¦ */ 3634 height:50px; /* â ãã´ã®é«ãã«åããã¦èª¿æ´ãããã */ 3635 } 3636 3637 /* ãã´ï¼å®å ¨ä¸å¤®å¯ã */ 3638 .ms-pick--noutimes .ms-pick__head-inner { 3639 margin:0 auto; 3640 display:flex; 3641 justify-content:center; 3642 align-items:center; 3643 } 3644 3645 /* ãã´ï¼SP 160pxï¼ */ 3646 .ms-pick--noutimes .ms-pick__icon2 { 3647 width:160px; 3648 height:auto; 3649 display:block; 3650 } 3651 3652 3653 /* ãã£ã¨è¦ãï¼ãã´å³ç«¯ã«åºå®é ç½® */ 3654 .ms-pick--noutimes .ms-pick__more { 3655 font-size:9px; 3656 position:absolute; 3657 right:0; /* â 常ã«å³ç«¯ */ 3658 bottom:0; /* â ãã´ã®ä¸è¾ºã«æãã */ 3659 padding-right:18px; 3660 white-space:nowrap; 3661 } 3662 3663 /* ã°ãªããï¼1ã«ã©ã 表示 */ 3664 .ms-pick--noutimes .ms-pick__grid { 3665 grid-template-columns:1fr; 3666 } 3667 3668 /* 6çªç®ã¯é表示ï¼SPã¯5ä»¶ã¾ã§ï¼ */ 3669 3670 .ms-pick--noutimes .ms-pick__item:nth-child(6) { 3671 display:none; 3672 } 3673} 3674/* ================================ 3675 SPå°ç¨ã®èª¬æããã¹ã 3676================================ */ 3677.ms-pick__sp-desc { 3678 display: none; /* PCã¯é表示 */ 3679} 3680 3681@media (max-width: 768px) { 3682 .ms-pick__sp-desc { 3683 display: block; 3684 font-size: 9px; 3685 line-height: 1.5; 3686 text-align: center; 3687 margin: 0 0 12px; 3688 color: #000; 3689 3690 /* â ãããã追å ï¼ãã©ã³ãã®çµ±ä¸ï¼å¤ªåå */ 3691 font-weight: 700; /* 太å */ 3692 font-family: "Noto Sans JP", "Hiragino Sans", "Helvetica Neue", 3693 Arial, system-ui, sans-serif; 3694 letter-spacing: 0.02em; /* æµ®ãã¦è¦ããæåéãèªç¶ã« */ 3695 } 3696} 3697 3698.ms-pick--noutimes .ms-pick__head-inner { 3699 transform: translateX(30px); 3700} 3701@media (max-width: 768px) { 3702 .ms-pick--noutimes .ms-pick__head-inner { 3703 transform: translateX(0) !important; 3704 } 3705} 3706 3707@media (max-width:768px){ 3708 /* ã¾ãå ¨é¨è¡¨ç¤ºã«æ»ã */ 3709 .ms-pick--noutimes .ms-pick__item { 3710 display:block !important; 3711 } 3712 3713 /* 6çªç®ä»¥éã ãé表示 */ 3714 .ms-pick--noutimes .ms-pick__item:nth-child(n+6) { 3715 display:none !important; 3716 } 3717} 3718 3719@media (max-width:768px){ 3720 3721 .ms-pick--noutimes .ms-pick__head{ 3722 height:auto !important; 3723 display:block !important; 3724 position:relative; 3725 margin:4px 0 12px; 3726 } 3727 3728 .ms-pick--noutimes .ms-pick__head-inner{ 3729 transform:none !important; 3730 display:flex; 3731 flex-direction:column; 3732 align-items:center; 3733 } 3734 3735 .ms-pick--noutimes .ms-pick__more{ 3736 position:absolute; 3737 right:0; 3738 top:0; /* â bottomãããªãä¸ã«ç½®ãæ¹ãå¹²æ¸ãã«ãã */ 3739 font-size:10px; 3740 } 3741 3742 .ms-pick--noutimes .ms-pick__lead{ 3743 display:block !important; 3744 font-size:11px !important; 3745 line-height:1.5 !important; 3746 margin:8px 0 0 !important; 3747 text-align:center; 3748 } 3749} 3750 3751 /* SPï¼ãã£ã¨è¦ã ããç¢å°ã®å·¦é£ãã«æ¨ªä¸¦ã³ã§ç½®ã */ 3752@media (max-width:768px){ 3753 3754 /* å³ä¸ã«åºå®ï¼ç¸¦ä½ç½®ã¯å¥½ã¿ã§å¾®èª¿æ´ï¼ */ 3755 .ms-pick--noutimes .ms-pick__more{ 3756 position:absolute !important; 3757 right:0 !important; 3758 top:10px !important; /* â ããã§ä¸ä¸ä½ç½®ãèª¿æ´ */ 3759 bottom:auto !important; 3760 3761 display:inline-flex !important; /* ããã¹ãï¼ç¢å°ã横並㳠*/ 3762 align-items:center !important; 3763 gap:6px !important; 3764 3765 padding-right:0 !important; /* å³ä½ç½ã¯ä¸è¦ã«ãã */ 3766 line-height:1 !important; 3767 } 3768 3769 /* ç¢å°ï¼å³é£ã«åºãï¼absolute ãããªã âæ¨ªä¸¦ã³â ã«ããï¼ */ 3770 .ms-pick--noutimes .ms-pick__more::after{ 3771 content:"" !important; 3772 position:static !important; /* â ãããéè¦ï¼æ¨ªä¸¦ã³åï¼ */ 3773 transform:none !important; 3774 3775 width:10px !important; 3776 height:10px !important; 3777 background:none !important; 3778 3779 border-top:2px solid #888; 3780 border-right:2px solid #888; 3781 transform:rotate(45deg) !important; /* ãï¼ãå½¢ */ 3782 } 3783} 3784 3785@media (max-width:768px){ 3786 .ms-pick--noutimes .ms-pick__more{ 3787 position:absolute !important; 3788 right:0 !important; 3789 top:auto !important; /* â ããéè¦ */ 3790 bottom:0 !important; /* â ç»åã®åºã¨æã */ 3791 } 3792} 3793@media (max-width:768px){ 3794 3795 /* ãã´ãä¸åºæºã§ç½®ãï¼ãºã¬ã®åå ã«ãªãä¸å¤
3795®å¯ããæ®ºãï¼ */ 3796 .ms-pick--noutimes .ms-pick__head{ 3797 height:auto !important; 3798 align-items:flex-start !important; 3799 } 3800 .ms-pick--noutimes .ms-pick__head-inner{ 3801 transform:none !important; 3802 align-items:center !important; 3803 justify-content:flex-start !important; 3804 } 3805 3806 /* ããã£ã¨è¦ããããã´ç»åã®âåºè¾ºâã«åããã */ 3807 .ms-pick--noutimes .ms-pick__more{ 3808 position:absolute !important; 3809 right:0 !important; 3810 3811 top: calc(160px * 143 / 321 - 20px) !important; 3812 transform: translateY(-100%) !important; /* âèªåã®é«ãåã ãä¸ãã¦åºè¾ºãæãã */ 3813 3814 bottom:auto !important; 3815 display:inline-flex !important; 3816 align-items:center !important; 3817 gap:6px !important; 3818 padding-right:0 !important; 3819 line-height:1 !important; 3820 } 3821 3822 /* ç¢å°ã横並ã³ã®ã¾ã¾ */ 3823 .ms-pick--noutimes .ms-pick__more::after{ 3824 position:static !important; 3825 transform: rotate(45deg) !important; 3826 } 3827} 3828 3829/* ======================================================== 3830 â ãå¤å£éå®ã»å®å ¨çãis-active ãã¤ããããã¼ã ãã絶対強調 3831======================================================== */ 3832/* ç®å°ï¼is-activeï¼ãã¤ããã¢ã¤ãã èªä½ã¯éæãªãµã¤ãºã¨ãã¦ç¶æ */ 3833.ms-pick__grid .ms-pick__item.is-active { 3834 position: relative; 3835 background: transparent !important; 3836 padding: 0 !important; 3837} 3838 3839/* ç®å°ãã¤ããã¢ã¤ãã ã®å¾ãã«ã ããè¨ç®ããé¤å¤ãã座å¸å£ãæ·ã */ 3840.ms-pick__grid .ms-pick__item.is-active::before { 3841 content: ""; 3842 position: absolute; 3843 top: -12px; 3844 left: -12px; 3845 right: -12px; 3846 bottom: -12px; 3847 background: #007A59; /* è±ä½ã°ãªã¼ã³ï¼ç¢ºå®ãªã«ã©ã¼ã³ã¼ãæå®ï¼ */ 3848 border-radius: 6px; 3849 z-index: 1; 3850} 3851 3852/* å å´ã®ãªã³ã¯æå® */ 3853.ms-pick__grid .ms-pick__item.is-active .ms-pick__link { 3854 position: relative; 3855 z-index: 2; 3856 height: 100%; 3857} 3858 3859/* ããã¼æå */ 3860.ms-pick__grid .ms-pick__item.is-active .ms-pick__link:hover { 3861 transform: none !important; 3862} 3863.ms-pick__grid .ms-pick__item.is-active:hover { 3864 transform: translateY(-2px) !important; 3865 box-shadow: 0 2px 10px rgba(0,0,0,.06) !important; 3866 transition: transform .2s ease, box-shadow .2s ease; 3867} 3868</style> 3869 3870 3871<div id="itio"></div> 3872<!-- ======================= è¾²ã¿ã¤ã ãºï¼2ã«ã©ã ã»ããã¼ã°ãªãã / å685Ã187ï¼ ======================= --> 3873<section class="ms-pick ms-pick--noutimes"> 3874 3875 <!-- ===== è¦åºãï¼ã«ãã´ãªã¼ + ã¢ã¤ã³ã³ï¼ ===== --> 3876 <div class="ghn-cat__hero" aria-hidden="true"> 3877 <h2 class="ghn-cat__heroTitle">ã¤ããªã·</h2> 3878 <img class="ghn-cat__heroIcon2" 3879 src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/icon_ichioshi.png" 3880 alt=""> 3881 </div> 3882 3883 3884<!-- â¼â¼â¼ ã¹ãã·ã£ã«ååã°ãªãã(ååç·¨éã®ãè¡¨ç¤ºå ´æ: ã¹ãã·ã£ã«ååãã§èªå表示) ãããã â¼â¼â¼ --> 3885<style> 3886.hp-sp8 { list-style: none; display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; margin: 0 auto 24px; padding: 0 16px; } 3887.hp-sp8 li { background: #fff; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; position: relative; } 3888.hp-sp8 li:hover { border-color: #007a59; box-shadow: 0 3px 10px rgba(0,122,89,.18); } 3889.hp-sp8-card { text-decoration: none; color: #222; display: block; flex: 1; } 3890.hp-sp8-img { width: 100%; aspect-ratio: 1 / 1; object-fit: contain; display: block; background: #fff; } 3891.hp-sp8-body { padding: 8px 10px 10px; } 3892.hp-sp8-name { font-size: 12.5px; line-height: 1.5; margin: 0 0 6px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 37px; } 3893.hp-sp8-price { color: #C62828; font-weight: bold; font-size: 15px; margin: 0; } 3894.hp-sp8-tax { font-size: 10px; color: #888; font-weight: normal; } 3895.hp-sp8-flag { position: absolute; top: 8px; left: 8px; color: #fff; font-size: 11px; font-weight: bold; padding: 2px 9px; border-radius: 3px; z-index: 1; } 3896.hp-sp8-cart { display: block; text-align: center; background: #007a59; color: #fff !important; font-size: 13px; font-weight: bold; padding: 11px 4px; text-decoration: none; margin: 0 8px 8px; border-radius: 6px; } 3897.hp-sp8-cart:hover { opacity: .85; } 3898.hp-sp8-cart.hp-sp8-sold { background: #999; pointer-events: none; } 3899@media (max-width: 767px) { 3900 .hp-sp8 { grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 0 10px; } 3901 .hp-sp8 li:nth-child(n+9) { display: none; } 3902} 3903</style> 3904<ul class="hp-sp8"> 3905 <li> 3906 <a class="hp-sp8-card" href="/view/item/000000008127"> 3907 <img class="hp-sp8-img" src="https://makeshop-multi-images.akamaized.net/fukuda29/itemimages/0000000081272_jQykUum.jpg" alt="ãã¯ã¨ããããã¥ã©ã«ã³ã³ãã¤ã³ã«ãã¼ãHGLã5ï½6æ¡åãç§åå" loading="lazy"> 3908 <div class="hp-sp8-body"> 3909 <p class="hp-sp8-name">ãã¯ã¨ããããã¥ã©ã«ã³ã³ãã¤ã³ã«ãã¼ãHGLã5ï½6æ¡åãç§åå</p> 3910 <p class="hp-sp8-price">ï¿¥22,000<span class="hp-sp8-tax">(ç¨è¾¼)</span></p> 3911 </div> 3912 </a> 3913 <a href="#makeshop-common-cart-entry-url:000000008127" class="hp-sp8-cart add-list-cart cart-order-btn">ã«ã¼ãã«å ¥ãã</a> 3914 </li> 3915 <li> 3916 <a class="hp-sp8-card" href="/view/item/000000008129"> 3917 <img class="hp-sp8-img" src="https://makeshop-multi-images.akamaized.net/fukuda29/itemimages/0000000081292_s4cikjC.jpg" alt="ãã¯ã¨ããããã¥ã©ã«ã³ã³ãã¤ã³ã«ãã¼ãHDã3ï½4æ¡åãç§åå" loading="lazy"> 3918 <div class="hp-sp8-body"> 3919 <p class="hp-sp8-name">ãã¯ã¨ããããã¥ã©ã«ã³ã³ãã¤ã³ã«ãã¼ãHDã3ï½4æ¡åãç§åå</p> 3920 <p class="hp-sp8-price">ï¿¥15,000<span class="hp-sp8-tax">(ç¨è¾¼)</span></p> 3921 </div> 3922 </a> 3923 <a href="#makeshop-common-cart-entry-url:000000008129" class="hp-sp8-cart add-list-cart cart-order-btn">ã«ã¼ãã«å ¥ãã</a> 3924 </li> 3925 <li> 3926 <a class="hp-sp8-card" href="/view/item/000000008234"> 3927 <img class="hp-sp8-img" src="https://makeshop-multi-images.akamaized.net/fukuda29/itemimages/0000000082342_v8dHnJV.jpg" alt="ã¨ã ã±ã¼ç²¾å·¥ãä¿å·ç±³ã³ã¤ãå·ãã£åº« RCR-631Wã[é常ãå¹³æ¥3æ¥ã§å½åºçºéç´æ]" loading="lazy"> 3928 <div class="hp-sp8-body"> 3929 <p class="hp-sp8-name">ã¨ã ã±ã¼ç²¾å·¥ãä¿å·ç±³ã³ã¤ãå·ãã£åº« RCR-631Wã[é常ãå¹³æ¥3æ¥ã§å½åºçºéç´æ]</p> 3930 <p class="hp-sp8-price">ï¿¥57,000<span class="hp-sp8-tax">(ç¨è¾¼)</span></p> 3931 </div> 3932 </a> 3933 <a href="#makeshop-common-cart-entry-url:000000008234" class="hp-sp8-cart add-list-cart cart-order-btn">ã«ã¼ãã«å ¥ãã</a> 3934 </li> 3935 <li> 3936 <a class="hp-sp8-card" href="/view/item/000000008911"> 3937 <img class="hp-sp8-img" src="https://makeshop-multi-images.akamaized.net/fukuda29/itemimages/0000000089112_6HEISW5.jpg" alt="ãå³ç´å¯ãã¹ãã¤ãã¼ã¢ã¢ç¨ ååé§åVãã«ã ãã³ãã¼ W1000 SA-23.1ï¼ãªã¼ã¬ãã¯åçªï¼0339-70900ï¼é«èä¹ ä»æ§ é©åï¼SP853A,SP753B" loading="lazy"> 3938 <div class="hp-sp8-body"> 3939 <p class="hp-sp8-name">ãå³ç´å¯ãã¹ãã¤ãã¼ã¢ã¢ç¨ ååé§åVãã«ã ãã³ãã¼ W1000 SA-23.1ï¼ãªã¼ã¬ãã¯åçªï¼0339-70900ï¼é«èä¹ ä»æ§ é©åï¼SP853A,SP753B</p> 3940 <p class="hp-sp8-price">ï¿¥4,300<span class="hp-sp8-tax">(ç¨è¾¼)</span></p> 3941 </div> 3942 </a> 3943 <a href="#makeshop-common-cart-entry-url:000000008911" class="hp-sp8-cart add-list-cart cart-order-btn">ã«ã¼ãã«å ¥ãã</a> 3944 </li> 3945 <li> 3946 <a class="hp-sp8-card" href="/view/item/000000000141"> 3947 <img class="hp-sp8-img" src="https://makeshop-multi-images.akamaized.net/fukuda29/itemimages/0000000001412_QJIfJTT.png" alt="ã«ãã³ããã«ã(A-33) ã¤ã³ãã¼ç´æ£é¨å 1E8350-21490 [ã³ã³ãã¤ã³ ä¼å ä¼åãã«ã]" loading="lazy"> 3948 <div class="hp-sp8-body"> 3949 <p class="hp-sp8-name">ã«ãã³ããã«ã(A-33) ã¤ã³ãã¼ç´æ£é¨å 1E8350-21490 [ã³ã³ãã¤ã³ ä¼å ä¼åãã«ã]</p> 3950 <p class="hp-sp8-price">ï¿¥8,000<span class="hp-sp8-tax">(ç¨è¾¼)</span></p> 3951 </div> 3952 </a> 3953 <a href="#makeshop-common-cart-entry-url:000000000141" class="hp-sp8-cart add-list-cart cart-order-btn">ã«ã¼ãã«å ¥ãã</a> 3954 </li> 3955 <li> 3956 <a class="hp-sp8-card" href="/view/item/000000000291"> 3957 <img class="hp-sp8-img" src="https://makeshop-multi-images.akamaized.net/fukuda29/itemimages/0000000002912_8zIRDnk.jpg" alt="ãèªå® é é/å³ç´å¯ããªã¼ã¬ã㯠èªèµ°å¼æé¢èåæ© ã¹ãã¤ãã¼ã¢ã¢ SP301A åå¹ 300mm æ³é¢èåæ© 4WDããªã¤ã«å å¡«ã»è©¦é転æ¸ã" loading="lazy"> 3958 <div class="hp-sp8-body"> 3959 <p class="hp-sp8-name">ãèªå® é é/å³ç´å¯ããªã¼ã¬ã㯠èªèµ°å¼æé¢èåæ© ã¹ãã¤ãã¼ã¢ã¢ SP301A åå¹ 300mm æ³é¢èåæ© 4WDããªã¤ã«å å¡«ã»è©¦é転æ¸ã</p> 3960 <p class="hp-sp8-price">ï¿¥167,000<span class="hp-sp8-tax">(ç¨è¾¼)</span></p> 3961 </div> 3962 </a> 3963 <a href="#makeshop-common-cart-entry-url:000000000291" class="hp-sp8-cart add-list-cart cart-order-btn">ã«ã¼ãã«å ¥ãã</a> 3964 </li> 3965 <li> 3966 <a class="hp-sp8-card" href="/view/item/000000009368"> 3967 <img class="hp-sp8-img" src="https://makeshop-multi-images.akamaized.net/fukuda29/itemimages/0000000093682_XFvRY1z.jpg" alt="ãå³ç´å¯ããªã¼ã¬ã㯠SP753B ã¹ãã¤ãã¼ã¢ã¢ èµ°è¡ãã¬ã¼ã 4WD åå¹ 500mm ãªã¤ã«å å¡«ã»è©¦éè»¢æ¸ æ³é¢é¤è" loading="lazy"> 3968 <div class="hp-sp8-body"> 3969 <p class="hp-sp8-name">ãå³ç´å¯ããªã¼ã¬ã㯠SP753B ã¹ãã¤ãã¼ã¢ã¢ èµ°è¡ãã¬ã¼ã 4WD åå¹ 500mm ãªã¤ã«å å¡«ã»è©¦éè»¢æ¸ æ³é¢é¤è</p> 3970 <p class="hp-sp8-price">ï¿¥296,000<span class="hp-sp8-tax">(ç¨è¾¼)</span></p> 3971 </div> 3972 </a> 3973 <a href="#makeshop-common-cart-entry-url:000000009368" class="hp-sp8-cart add-list-cart cart-order-btn">ã«ã¼ãã«å ¥ãã</a> 3974 </li> 3975 <li> 3976 <a class="hp-sp8-card" href="/view/item/000000009151"> 3977 <img class="hp-sp8-img" src="https://makeshop-multi-images.akamaized.net/fukuda29/itemimages/0000000091512_Zvysm7i.jpg" alt="ãå³ç´å¯ãã¤ã³ãã¼ YK450CR,ZLE ããèããæ© ã»ã«ã¹ã¿ã¼ã ä¸è»¸æ£é転 ããç«ã¦ä»æ§ èéæ©" loading="lazy"> 3978 <div class="hp-sp8-body"> 3979 <p class="hp-sp8-name">ãå³ç´å¯ãã¤ã³ãã¼ YK450CR,ZLE ããèããæ© ã»ã«ã¹ã¿ã¼ã ä¸è»¸æ£é転 ããç«ã¦ä»æ§ èéæ©</p> 3980 <p class="hp-sp8-price">ï¿¥280,000<span class="hp-sp8-tax">(ç¨è¾¼)</span></p> 3981 </div> 3982 </a> 3983 <a href="#makeshop-common-cart-entry-url:000000009151" class="hp-sp8-cart add-list-cart cart-order-btn">ã«ã¼ãã«å ¥ãã</a> 3984 </li> 3985 <li> 3986 <a class="hp-sp8-card" href="/view/item/000000000259"> 3987 <img class="hp-sp8-img" src="https://makeshop-multi-images.akamaized.net/fukuda29/itemimages/0000000002592_qQLQVmg.jpg" alt="ãå³ç´å¯ãã¼ã㢠TRZ265W è©æãå¼åææ© 25.4cc 両æãã³ãã« èåæ© ZENOAH" loading="lazy"> 3988 <div class="hp-sp8-body"> 3989 <p class="hp-sp8-name">ãå³ç´å¯ãã¼ã㢠TRZ265W è©æãå¼åææ© 25.4cc 両æãã³ãã« èåæ© ZENOAH</p> 3990 <p class="hp-sp8-price">ï¿¥47,000<span class="hp-sp8-tax">(ç¨è¾¼)</span></p> 3991 </div> 3992 </a> 3993 <a href="#makeshop-common-cart-entry-url:000000000259" class="hp-sp8-cart add-list-cart cart-order-btn">ã«ã¼ãã«å ¥ãã</a> 3994 </li> 3995 <li> 3996 <a class="hp-sp8-card" href="/view/item/000000000247"> 3997 <img class="hp-sp8-img" src="https://makeshop-multi-images.akamaized.net/fukuda29/itemimages/0000000002472_vcnQgbP.jpg" alt="ãå³ç´å¯ããã¼ãã¢ãè©æãå¼åææ©ãBCZ265W-DC(両æãã³ãã«)ã[農家åã]" loading="lazy"> 3998 <div class="hp-sp8-body"> 3999 <p class="hp-sp8-name">ãå³ç´å¯ããã¼ãã¢ãè©æãå¼åææ©ãBCZ265W-DC(両æãã³ãã«)ã[農家åã]</p> 4000 <p class="hp-sp8-price">ï¿¥60,800<span class="hp-sp8-tax">(ç¨è¾¼)</span></p> 4001 </div> 4002 </a> 4003 <a href="#makeshop-common-cart-entry-url:000000000247" class="hp-sp8-cart add-list-cart cart-order-btn">ã«ã¼ãã«å ¥ãã</a> 4004 </li> 4005</ul> 4006<!-- â²â²â² ã¹ãã·ã£ã«ååã°ãªãã ããã¾ã§ â²â²â² --> 4007 4008 <!-- ããã¼ --> 4009 <ul class="ms-pick__grid"> 4010 <li class="ms-pick__item"><a class="ms-pick__link" href="https://www.housakunet.shop/view/item/000000000308"><figure class="ms-pick__figure">
4010<img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/%E3%83%AA%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%A2%E3%83%AB%E7%94%A8%E3%81%AE%E7%B4%A0%E6%9D%90/%E3%82%A4%E3%83%81%E3%82%AA%E3%82%B7/HR805.png" alt=""></figure></a></li> 4011 <li class="ms-pick__item"><a class="ms-pick__link" href="https://www.housakunet.shop/view/item/000000000305"><figure class="ms-pick__figure"><img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/%E3%83%AA%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%A2%E3%83%AB%E7%94%A8%E3%81%AE%E7%B4%A0%E6%9D%90/%E3%82%A4%E3%83%81%E3%82%AA%E3%82%B7/HRC805.png" alt=""></figure></a></li> 4012 </ul> 4013</section> 4014 4015<style> 4016/* ======================= è¾²ã¿ã¤ã ãºå°ç¨ ======================= */ 4017.ms-pick--noutimes{ 4018 --brand:#007A59; 4019 --ink:#0b1412; 4020 --shadow:0 2px 10px rgba(0,0,0,.06); 4021 max-width:1280px; 4022 margin:0 auto 40px; 4023 padding:0 16px; 4024 box-sizing:border-box; 4025 font-family:"Noto Sans JP", system-ui, sans-serif; 4026} 4027.ms-pick--noutimes *{ box-sizing:border-box; } 4028 4029/* ===== ãããã¼ï¼PCï¼ ===== */ 4030.ms-pick--noutimes .ms-pick__head{ 4031 display:flex; 4032 align-items:flex-end; 4033 justify-content:space-between; 4034 margin:8px 0 14px; 4035 gap:12px; 4036} 4037 4038/* å·¦ï¼ãã´ï¼èª¬æ */ 4039.ms-pick--noutimes .ms-pick__head-inner{ 4040 display:flex; 4041 flex-direction:column; 4042 align-items:center; 4043 justify-content:center; 4044 flex:1; 4045} 4046 4047/* ãã´ï¼PCï¼ */ 4048.ms-pick--noutimes .ms-pick__icon2{ 4049 width:321px; 4050 height:auto; 4051 display:block; 4052} 4053 4054/* 説æããã¹ãï¼PCï¼ */ 4055.ms-pick--noutimes .ms-pick__lead{ 4056 margin:8px 0 0; 4057 font-size:20px; 4058 line-height:1.6; 4059 color:#000; 4060 font-weight:700; 4061 text-align:center; 4062} 4063 4064/* ãã£ã¨è¦ãï¼PCï¼ */ 4065.ms-pick--noutimes .ms-pick__more{ 4066 color:#666; 4067 font-weight:700; 4068 font-size:16px; 4069 text-decoration:none; 4070 position:relative; 4071 padding-right:22px; 4072 white-space:nowrap; 4073} 4074.ms-pick--noutimes .ms-pick__more::after{ 4075 content:""; 4076 width:12px; 4077 height:12px; 4078 position:absolute; 4079 right:0; 4080 top:50%; 4081 transform:translateY(-50%); 4082 background-repeat:no-repeat; 4083 background-size:12px 12px; 4084 background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M4 2l4 4-4 4' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>"); 4085} 4086.ms-pick--noutimes .ms-pick__more:hover{ 4087 color:var(--brand); 4088 text-decoration:underline; 4089} 4090.ms-pick--noutimes .ms-pick__more:hover::after{ 4091 background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M4 2l4 4-4 4' fill='none' stroke='%23007A59' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>"); 4092} 4093 4094/* ======================= ã°ãªããï¼PC 2ã«ã©ã ï¼ ======================= */ 4095.ms-pick--noutimes .ms-pick__grid{ 4096 list-style:none; 4097 padding:0; 4098 margin:0 auto; 4099 display:grid; 4100 gap:20px; 4101 grid-template-columns:repeat(2,1fr); 4102} 4103 4104.ms-pick--noutimes .ms-pick__link{ 4105 display:block; 4106 border:none; 4107 overflow:hidden; 4108 background:#fff; 4109 transition:transform .2s ease, box-shadow .2s ease; 4110} 4111.ms-pick--noutimes .ms-pick__link:hover{ 4112 transform:translateY(-2px); 4113 box-shadow:var(--shadow); 4114} 4115 4116.ms-pick--noutimes .ms-pick__figure{ 4117 margin:0; 4118 line-height:0; 4119 aspect-ratio:685/187; 4120} 4121.ms-pick--noutimes .ms-pick__figure img{ 4122 width:100%; 4123 height:100%; 4124 object-fit:cover; 4125 display:block; 4126} 4127 4128/* ================================ 4129 SPå°ç¨ï¼èª¬æããã¹ã 4130================================ */ 4131.ms-pick--noutimes .ms-pick__sp-desc{ 4132 display:none; /* PCã¯é表示 */ 4133} 4134 4135/* ======================= SP ã¬ã¤ã¢ã¦ã ======================= */ 4136@media (max-width:768px){ 4137 4138 .ms-pick--noutimes{ 4139 padding:0 12px; 4140 margin:0 auto 32px; 4141 } 4142 4143 /* ãããã¼ï¼ãã´ä¸å¤® / ãã£ã¨è¦ãå³ä¸ */ 4144 .ms-pick--noutimes .ms-pick__head{ 4145 align-items:center; 4146 justify-content:center; 4147 position:relative; 4148 margin:4px 0 10px; 4149 height:50px; 4150 } 4151 4152 .ms-pick--noutimes .ms-pick__head-inner{ 4153 margin:0 auto; 4154 display:flex; 4155 justify-content:center;
4156 align-items:center; 4157 } 4158 4159 .ms-pick--noutimes .ms-pick__icon2{ 4160 width:160px; 4161 height:auto; 4162 } 4163 4164 /* SPã¯ãããã¼å ã®èª¬ææã¯æ¶ã */ 4165 .ms-pick--noutimes .ms-pick__lead{ 4166 display:none; 4167 } 4168 4169 /* SP説ææã¯å¥è¡ã§è¡¨ç¤º */ 4170 .ms-pick--noutimes .ms-pick__sp-desc{ 4171 display:block; 4172 font-size:9px; 4173 line-height:1.5; 4174 text-align:center; 4175 margin:0 0 12px; 4176 color:#000; 4177 font-weight:700; 4178 letter-spacing:0.02em; 4179 } 4180 4181 .ms-pick--noutimes .ms-pick__more{ 4182 font-size:9px; 4183 position:absolute; 4184 right:0; 4185 bottom:0; 4186 padding-right:18px; 4187 } 4188 4189 /* ã°ãªããï¼1ã«ã©ã */ 4190 .ms-pick--noutimes .ms-pick__grid{ 4191 grid-template-columns:1fr; 4192 } 4193 4194 /* 5ã»6çªç®ã¯é表示ï¼SPã¯4ä»¶ã¾ã§ï¼ */ 4195 .ms-pick--noutimes .ms-pick__item:nth-child(5), 4196 .ms-pick--noutimes .ms-pick__item:nth-child(6){ 4197 display:none; 4198 } 4199} 4200 4201 4202/* è¦åºãï¼ã¢ã¤ã³ã³ï¼ã¨ããã¼ã®éã®ä½ç½ */ 4203.ms-pick--noutimes .ghn-cat__hero{ 4204 margin-bottom: 48px; /* 好ã¿ã§ 12〜28px ã§èª¿æ´ */ 4205} 4206 4207/* SPã ãå°ãè©°ãããªã */ 4208@media (max-width:768px){ 4209 .ms-pick--noutimes .ghn-cat__hero{ 4210 margin-bottom: 12px; 4211 } 4212} 4213/* ã¤ããªã·ï¼SPã ãã¢ã¤ã³ã³ã0.8å */ 4214@media (max-width:768px){ 4215 .ms-pick--noutimes .ghn-cat__heroIcon2{ 4216 width: calc(46px * 0.75) !important; /* 36.8px */ 4217 } 4218} 4219 4220</style>� 4221 4222<div id="category"></div> 4223<!-- ===================================================== 4224 ã¿ãåæ¿å¼ã«ãã´ãªã¼ã°ãªããï¼337Ã198åºå®ã»4Ã4ï¼ 4225 ã»PCï¼4åã°ãªãã 4226 ã»SPï¼2åã°ãªããï¼ã¿ã¤ãã«ï¼ã¢ã¤ã³ã³ã®ã¿ï¼ 4227===================================================== --> 4228<section id="ghn-cat-tabs" class="ghn-cat"> 4229 4230 <!-- ===== è¦åºãï¼ã«ãã´ãªã¼ + ã¢ã¤ã³ã³ï¼ ===== --> 4231 <div class="ghn-cat__hero" aria-hidden="true"> 4232 <h2 class="ghn-cat__heroTitle">ã«ãã´ãªã¼</h2> 4233 <img class="ghn-cat__heroIcon" 4234 src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/icon_Category.png" 4235 alt=""> 4236 </div> 4237 4238 <!-- ===== TABS ===== --> 4239 <div class="ghn-cat__tabs" role="tablist" aria-label="ã«ãã´ãªã¼"> 4240 <button class="ghn-cat__tab is-active" role="tab" aria-selected="true" 4241 aria-controls="panel-agri" id="tab-agri" data-tab="agri"> è¾²æ¥æ©æ¢° </button> 4242 <button class="ghn-cat__tab" role="tab" aria-selected="false" 4243 aria-controls="panel-consum" id="tab-consum" data-tab="consum"> æ¶èå </button> 4244 <button class="ghn-cat__tab" role="tab" aria-selected="false" 4245 aria-controls="panel-tines" id="tab-tines" data-tab="tines"> èããçª </button> 4246 <button class="ghn-cat__tab" role="tab" aria-selected="false" 4247 aria-controls="panel-others" id="tab-others" data-tab="others"> ãã®ä» </button> 4248 </div> 4249 4250 4251 <!-- ===== PANEL: è¾²æ¥æ©æ¢°ï¼16ä»¶ï¼ ===== --> 4252 <div class="ghn-cat__panel is-active" role="tabpanel" id="panel-agri" aria-labelledby="tab-agri"> 4253 <ul class="ghn-grid"> 4254 4255 <!-- 01 åææ© --> 4256 <li class="ghn-card"> 4257 <div class="ghn-card__link"> 4258 <div class="ghn-card__head"> 4259 <figure class="ghn-card__media"> 4260 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_karibaraiki.png" alt="åææ©"> 4261 </figure> 4262 <h3 class="ghn-card__title"> 4263 <a href="https://www.housakunet.shop/shopbrand/ct97">åææ©</a> 4264 </h3> 4265 </div> 4266 <div class="ghn-card__body"> 4267 <ul class="ghn-card__sub"> 4268 <li><a href="https://www.housakunet.shop/shopbrand/ct98">è©æãå¼åææ©</a></li> 4269 <li><a href="https://www.housakunet.shop/shopbrand/ct99">èè² ãå¼åææ©</a></li> 4270 <li><a href="https://www.housakunet.shop/shopbrand/ct100">å é»å¼åææ©</a></li> 4271 <li><a href="https://www.housakunet.shop/shopbrand/ct101">ã¨ã³ã¸ã³å¼åææ©</a></li> 4272 <li><a href="https://www.housakunet.shop/shopbrand/ct97">ãã£ã¨è¦ã</a></li> 4273 </ul> 4274 </div> 4275 </div> 4276 </li> 4277 4278 <!-- 02 èªèµ°å¼èåæ© --> 4279 <li class="ghn-card"> 4280 <div class="ghn-card__link"> 4281 <div class="ghn-card__head"> 4282 <figure class="ghn-card__media">
4283 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_jisokusakari.png" alt="èªèµ°å¼èåæ©"> 4284 </figure> 4285 <h3 class="ghn-card__title"> 4286 <a href="https://www.housakunet.shop/shopbrand/ct102">èªèµ°å¼èåæ©</a> 4287 </h3> 4288 </div> 4289 <div class="ghn-card__body"> 4290 <ul class="ghn-card__sub"> 4291 <li><a href="https://www.housakunet.shop/shopbrand/ct103">å¹³å°èåæ©</a></li> 4292 <li><a href="https://www.housakunet.shop/shopbrand/ct104">æé¢èåæ©</a></li> 4293 <li><a href="https://www.housakunet.shop/shopbrand/ct105">ããèåæ©</a></li> 4294 <li><a href="https://www.housakunet.shop/shopbrand/ct106">ãªãã·ã§ã³å</a></li> 4295 <li><a href="https://www.housakunet.shop/shopbrand/ct102">ãã£ã¨è¦ã</a></li> 4296 </ul> 4297 </div> 4298 </div> 4299 </li> 4300 4301 <!-- 03 ä¹ç¨èåæ© --> 4302 <li class="ghn-card"> 4303 <div class="ghn-card__link"> 4304 <div class="ghn-card__head"> 4305 <figure class="ghn-card__media"> 4306 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_joyo.png" alt="ä¹ç¨èåæ©"> 4307 </figure> 4308 <h3 class="ghn-card__title"> 4309 <a href="https://www.housakunet.shop/shopbrand/ct107">ä¹ç¨èåæ©</a> 4310 </h3> 4311 </div> 4312 <div class="ghn-card__body"> 4313 <ul class="ghn-card__sub"> 4314 <li><a href="https://www.housakunet.shop/shopbrand/ct108">ãªã¼ã¬ãã¯</a></li> 4315 <li><a href="https://www.housakunet.shop/shopbrand/ct109">çæ°´ãã£ãã³ã </a></li> 4316 <li><a href="https://www.housakunet.shop/shopbrand/ct107">ãã£ã¨è¦ã</a></li> 4317 </ul> 4318 </div> 4319 </div> 4320 </li> 4321 4322 <!-- 04 ã©ã¸ã³ã³èåæ© --> 4323 <li class="ghn-card"> 4324 <div class="ghn-card__link"> 4325 <div class="ghn-card__head"> 4326 <figure class="ghn-card__media"> 4327 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_rajicon.png" alt="ã©ã¸ã³ã³èåæ©"> 4328 </figure> 4329 <h3 class="ghn-card__title"> 4330 <a href="https://www.housakunet.shop/shopbrand/ct110">ã©ã¸ã³ã³èåæ©</a> 4331 </h3> 4332 </div> 4333 <div class="ghn-card__body"> 4334 <ul class="ghn-card__sub"> 4335 <li><a href="https://www.housakunet.shop/shopbrand/ct111">ã¤ã³ãã¼</a></li> 4336 <li><a href="https://www.housakunet.shop/shopbrand/ct112">ãªã¼ã¬ãã¯</a></li> 4337 <li><a href="https://www.housakunet.shop/shopbrand/ct224">ã¼ãã¢</a></li> 4338 <li><a href="https://www.housakunet.shop/shopbrand/ct110">ãã£ã¨è¦ã</a></li> 4339 </ul> 4340 </div> 4341 </div> 4342 </li> 4343 4344 <!-- 05 èããæ©ã»ç®¡çæ© --> 4345 <li class="ghn-card"> 4346 <div class="ghn-card__link"> 4347 <div class="ghn-card__head"> 4348 <figure class="ghn-card__media"> 4349 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_koun.png" alt="èããæ©ã»ç®¡çæ©"> 4350 </figure> 4351 <h3 class="ghn-card__title"> 4352 <a href="https://www.housakunet.shop/shopbrand/ct113">èããæ©ã»ç®¡çæ©</a> 4353 </h3> 4354 </div> 4355 <div class="ghn-card__body"> 4356 <ul class="ghn-card__sub"> 4357 <li><a href="https://www.housakunet.shop/shopbrand/ct114">èããæ©</a></li> 4358 <li><a href="https://www.housakunet.shop/shopbrand/ct115">ç®¡çæ©</a></li> 4359 <li><a href="https://www.housakunet.shop/shopbrand/ct116">ãªãã·ã§ã³å</a></li> 4360 <li><a href="https://www.housakunet.shop/shopbrand/ct113">ãã£ã¨è¦ã</a></li> 4361 </ul> 4362 </div> 4363 </div> 4364 </li> 4365 4366 <!-- 06 ãã§ã³ã½ã¼ --> 4367 <li class="ghn-card"> 4368 <div class="ghn-card__link"> 4369 <div class="ghn-card__head"> 4370 <figure class="ghn-card__media">
4371 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_chainsow.png" alt="ãã§ã³ã½ã¼"> 4372 </figure> 4373 <h3 class="ghn-card__title"> 4374 <a href="https://www.housakunet.shop/shopbrand/ct117">ãã§ã³ã½ã¼</a> 4375 </h3> 4376 </div> 4377 <div class="ghn-card__body"> 4378 <ul class="ghn-card__sub"> 4379 <li><a href="https://www.housakunet.shop/shopbrand/ct118">ã¨ã³ã¸ã³å¼</a></li> 4380 <li><a href="https://www.housakunet.shop/shopbrand/ct119">å é»å¼</a></li> 4381 <li><a href="https://www.housakunet.shop/shopbrand/ct117">ãã£ã¨è¦ã</a></li> 4382 </ul> 4383 </div> 4384 </div> 4385 </li> 4386 4387 <!-- 07 å´é§å¨ --> 4388 <li class="ghn-card"> 4389 <div class="ghn-card__link"> 4390 <div class="ghn-card__head"> 4391 <figure class="ghn-card__media"> 4392 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_funmuki.png" alt="å´é§å¨ã»æ£å¸æ©"> 4393 </figure> 4394 <h3 class="ghn-card__title"> 4395 <a href="https://www.housakunet.shop/shopbrand/ct120">å´é§å¨ã»æ£å¸æ©</a> 4396 </h3> 4397 </div> 4398 <div class="ghn-card__body"> 4399 <ul class="ghn-card__sub"> 4400 <li><a href="https://www.housakunet.shop/shopbrand/ct121">èè² ãå¼</a></li> 4401 <li><a href="https://www.housakunet.shop/shopbrand/ct122">æåå¼</a></li> 4402 <li><a href="https://www.housakunet.shop/shopbrand/ct123">ã¨ã³ã¸ã³å¼</a></li> 4403 <li><a href="https://www.housakunet.shop/shopbrand/ct124">ããããªã¼å¼</a></li> 4404 <li><a href="https://www.housakunet.shop/shopbrand/ct120">ãã£ã¨è¦ã</a></li> 4405 </ul> 4406 </div> 4407 </div> 4408 </li> 4409 4410 <!-- 08 èåæ© --> 4411 <li class="ghn-card"> 4412 <div class="ghn-card__link"> 4413 <div class="ghn-card__head"> 4414 <figure class="ghn-card__media"> 4415 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_shibakari.png" alt="èåæ©"> 4416 </figure> 4417 <h3 class="ghn-card__title"> 4418 <a href="https://www.housakunet.shop/shopbrand/ct125">èåæ©</a> 4419 </h3> 4420 </div> 4421 <div class="ghn-card__body"> 4422 <ul class="ghn-card__sub"> 4423 <li><a href="https://www.housakunet.shop/shopbrand/ct126">ææ¼ãå¼</a></li> 4424 <li><a href="https://www.housakunet.shop/shopbrand/ct127">黿°å¼</a></li> 4425 <li><a href="https://www.housakunet.shop/shopbrand/ct128">ã¨ã³ã¸ã³å¼</a></li> 4426 <li><a href="https://www.housakunet.shop/shopbrand/ct125">ãã£ã¨è¦ã</a></li> 4427 </ul> 4428 </div> 4429 </div> 4430 </li> 4431 4432 <!-- 09 ãã㯠--> 4433 <li class="ghn-card"> 4434 <div class="ghn-card__link"> 4435 <div class="ghn-card__head"> 4436 <figure class="ghn-card__media"> 4437 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_blower.png" alt="ããã¯"> 4438 </figure> 4439 <h3 class="ghn-card__title"> 4440 <a href="https://www.housakunet.shop/shopbrand/ct129">ããã¯</a> 4441 </h3> 4442 </div> 4443 <div class="ghn-card__body"> 4444 <ul class="ghn-card__sub"> 4445 <li><a href="https://www.housakunet.shop/shopbrand/ct130">ãã³ãã£ã¼</a></li> 4446 <li><a href="https://www.housakunet.shop/shopbrand/ct131">èè² ãå¼</a></li> 4447 <li><a href="https://www.housakunet.shop/shopbrand/ct132">å é»å¼</a></li> 4448 <li><a href="https://www.housakunet.shop/shopbrand/ct133">ã¨ã³ã¸ã³å¼</a></li> 4449 <li><a href="https://www.housakunet.shop/shopbrand/ct129">ãã£ã¨è¦ã</a></li> 4450 </ul> 4451 </div> 4452 </div> 4453 </li> 4454
4455 <!-- 10 é«å§æ´æµæ© --> 4456 <li class="ghn-card"> 4457 <div class="ghn-card__link"> 4458 <div class="ghn-card__head"> 4459 <figure class="ghn-card__media"> 4460 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_koatsusenjo.png" alt="é«å§æ´æµæ©"> 4461 </figure> 4462 <h3 class="ghn-card__title"> 4463 <a href="https://www.housakunet.shop/shopbrand/ct134">é«å§æ´æµæ©</a> 4464 </h3> 4465 </div> 4466 <div class="ghn-card__body"> 4467 <ul class="ghn-card__sub"> 4468 <li><a href="https://www.housakunet.shop/shopbrand/ct135">ã¨ã³ã¸ã³å¼</a></li> 4469 <li><a href="https://www.housakunet.shop/shopbrand/ct136">å é»å¼</a></li> 4470 <li><a href="https://www.housakunet.shop/shopbrand/ct134">ãã£ã¨è¦ã</a></li> 4471 </ul> 4472 </div> 4473 </div> 4474 </li> 4475 4476 <!-- 12 害ç£å¯¾ç --> 4477 <li class="ghn-card"> 4478 <div class="ghn-card__link"> 4479 <div class="ghn-card__head"> 4480 <figure class="ghn-card__media"> 4481 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_denkisaku.png" alt="害ç£å¯¾ç"> 4482 </figure> 4483 <h3 class="ghn-card__title"> 4484 <a href="https://www.housakunet.shop/view/category/ct188">害ç£å¯¾ç</a> 4485 </h3> 4486 </div> 4487 <div class="ghn-card__body"> 4488 <ul class="ghn-card__sub"> 4489 <li><a href="https://www.housakunet.shop/shopbrand/ct204">ãã£ã¨è¦ã</a></li> 4490 </ul> 4491 </div> 4492 </div> 4493 </li> 4494 4495 <!-- 12 ããã¸ããªã --> 4496 <li class="ghn-card"> 4497 <div class="ghn-card__link"> 4498 <div class="ghn-card__head"> 4499 <figure class="ghn-card__media"> 4500 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_trimmer.png" alt="ããã¸ããªã"> 4501 </figure> 4502 <h3 class="ghn-card__title"> 4503 <a href="https://www.housakunet.shop/shopbrand/ct139">ããã¸ããªã</a> 4504 </h3> 4505 </div> 4506 <div class="ghn-card__body"> 4507 <ul class="ghn-card__sub"> 4508 <li><a href="https://www.housakunet.shop/shopbrand/ct140">ã¨ã³ã¸ã³å¼</a></li> 4509 <li><a href="https://www.housakunet.shop/shopbrand/ct141">å é»å¼</a></li> 4510 <li><a href="https://www.housakunet.shop/shopbrand/ct142">両å</a></li> 4511 <li><a href="https://www.housakunet.shop/shopbrand/ct143">çå</a></li> 4512 <li><a href="https://www.housakunet.shop/shopbrand/ct139">ãã£ã¨è¦ã</a></li> 4513 </ul> 4514 </div> 4515 </div> 4516 </li> 4517 4518 <!-- 13 ã¤ã³ãã¼è£½åãªãã·ã§ã³- --> 4519 <li class="ghn-card"> 4520 <div class="ghn-card__link"> 4521 <div class="ghn-card__head"> 4522 <figure class="ghn-card__media"> 4523 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_yanmer.png" alt="ã¤ã³ãã¼è£½åãªãã·ã§ã³å"> 4524 </figure> 4525 <h3 class="ghn-card__title"> 4526 <a href="https://www.housakunet.shop/shopbrand/ct218">ã¤ã³ãã¼è£½åãªãã·ã§ã³</a> 4527 </h3> 4528 </div> 4529 <div class="ghn-card__body"> 4530 <ul class="ghn-card__sub"> 4531 <li><a href="https://www.housakunet.shop/shopbrand/ct219">ãã©ã¯ã¿ã¼ãªãã·ã§ã³å</a></li> 4532 <li><a href="https://www.housakunet.shop/shopbrand/ct220">ç°æ¤ãæ©ãªãã·ã§ã³å</a></li> 4533 <li><a href="https://www.housakunet.shop/shopbrand/ct218">ãã£ã¨è¦ã</a></li> 4534 </ul> 4535 </div> 4536 </div> 4537 </li> 4538 4539 <!-- 14 å£ç¯å--> 4540 <li class="ghn-card"> 4541 <div class="ghn-card__link"> 4542 <div class="ghn-card__head"> 4543 <figure class="ghn-card__media">
4544 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_spring.png" alt="å£ç¯å"> 4545 </figure> 4546 <h3 class="ghn-card__title"> 4547 <a href="https://www.housakunet.shop/shopbrand/ct149">å£ç¯å</a> 4548 </h3> 4549 </div> 4550 <div class="ghn-card__body"> 4551 <ul class="ghn-card__sub"> 4552 <li><a href="https://www.housakunet.shop/shopbrand/ct150">ç¨®ç±¾è±æ°´æ©</a></li> 4553 <li><a href="https://www.housakunet.shop/shopbrand/ct151">ã°ã¬ã¤ãã¼ä»ãè±èæ©</a></li> 4554 <li><a href="https://www.housakunet.shop/shopbrand/ct152">èç®±æ´æµæ©</a></li> 4555 <li><a href="https://www.housakunet.shop/shopbrand/ct153">æ¶èå</a></li> 4556 <li><a href="https://www.housakunet.shop/shopbrand/ct149">ãã£ã¨è¦ã</a></li> 4557 </ul> 4558 </div> 4559 </div> 4560 </li> 4561 4562 <!-- 15 é¤éªæ© --> 4563 <li class="ghn-card"> 4564 <div class="ghn-card__link"> 4565 <div class="ghn-card__head"> 4566 <figure class="ghn-card__media"> 4567 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_josetsu.png" alt="é¤éªæ©"> 4568 </figure> 4569 <h3 class="ghn-card__title"> 4570 <a href="https://www.housakunet.shop/shopbrand/ct157">é¤éªæ©</a> 4571 </h3> 4572 </div> 4573 <div class="ghn-card__body"> 4574 <ul class="ghn-card__sub"> 4575 <li><a href="https://www.housakunet.shop/shopbrand/ct157">ãã£ã¨è¦ã</a></li> 4576 </ul> 4577 </div> 4578 </div> 4579 </li> 4580 4581 <!-- 16 鿬è»ã»ããã·ã§ãã« --> 4582 <li class="ghn-card"> 4583 <div class="ghn-card__link"> 4584 <div class="ghn-card__head"> 4585 <figure class="ghn-card__media"> 4586 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_unpansya.png" alt="鿬è»ã»ããã·ã£ãã«"> 4587 </figure> 4588 <h3 class="ghn-card__title"> 4589 <a href="https://www.housakunet.shop/shopbrand/ct192">鿬è»ã»ããã·ã§ãã«</a> 4590 </h3> 4591 </div> 4592 <div class="ghn-card__body"> 4593 <ul class="ghn-card__sub"> 4594 <li><a href="https://www.housakunet.shop/shopbrand/ct193">ã¤ã³ãã¼</a></li> 4595 <li><a href="https://www.housakunet.shop/shopbrand/ct222">ã¢ããã¯ã¹</a></li> 4596 <li><a href="https://www.housakunet.shop/shopbrand/ct223">ããã·ã§ãã«</a></li> 4597 <li><a href="https://www.housakunet.shop/shopbrand/ct192">ãã£ã¨è¦ã</a></li> 4598 </ul> 4599 </div> 4600 </div> 4601 </li> 4602 4603 </ul> 4604 </div> 4605 4606<!-- ===== PANEL: æ¶èåï¼6ä»¶ï¼ ===== --> 4607<div class="ghn-cat__panel" role="tabpanel" id="panel-consum" aria-labelledby="tab-consum"> 4608 <ul class="ghn-grid"> 4609 4610 <!-- 01 èããçªï¼åä»ãã«ã --> 4611 <li class="ghn-card"> 4612 <div class="ghn-card__link"> 4613 <div class="ghn-card__head"> 4614 <figure class="ghn-card__media"> 4615 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/syoumou/icon_tsume.png" alt="èããçªï¼åä»ãã«ã"> 4616 </figure> 4617 <h3 class="ghn-card__title"> 4618 <a href="https://www.housakunet.shop/view/page/kensaku">èããçªã»åä»ãã«ã</a> 4619 </h3> 4620 </div> 4621 <div class="ghn-card__body"> 4622 <ul class="ghn-card__sub"> 4623 <li><a href="https://www.housakunet.shop/view/page/kensaku">çªã»ãã«ããæ¢ã</a></li> 4624 </ul> 4625 </div> 4626 </div> 4627 </li> 4628 4629 <!-- 02 èåæ©æ¶èå --> 4630 <li class="ghn-card"> 4631 <div class="ghn-card__link"> 4632 <div class="ghn-card__head"> 4633 <figure class="ghn-card__media">
4634 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/syoumou/icon_kusakarisyomo.png" alt="èåæ©æ¶èå"> 4635 </figure> 4636 <h3 class="ghn-card__title"> 4637 <a href="https://www.housakunet.shop/shopbrand/ct164">èåæ©æ¶èå</a> 4638 </h3> 4639 </div> 4640 <div class="ghn-card__body"> 4641 <ul class="ghn-card__sub"> 4642 <li><a href="https://www.housakunet.shop/shopbrand/ct165">ååï¼ãããã½ã¼ï¼</a></li> 4643 <li><a href="https://www.housakunet.shop/shopbrand/ct166">è±ä½ãã£ã¨ãªãªã¸ãã«åå</a></li> 4644 <li><a href="https://www.housakunet.shop/shopbrand/ct167">ãã¤ãã³ã³ã¼ã</a></li> 4645 <li><a href="https://www.housakunet.shop/shopbrand/ct168">ãã¬ã¼ã</a></li> 4646 <li><a href="https://www.housakunet.shop/shopbrand/ct164">ãã£ã¨è¦ã</a></li> 4647 </ul> 4648 </div> 4649 </div> 4650 </li> 4651 4652 <!-- 03 Vãã«ã --> 4653 <li class="ghn-card"> 4654 <div class="ghn-card__link"> 4655 <div class="ghn-card__head"> 4656 <figure class="ghn-card__media"> 4657 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/syoumou/icon_belt.png" alt="Vãã«ã"> 4658 </figure> 4659 <h3 class="ghn-card__title"> 4660 <a href="https://www.housakunet.shop/shopbrand/ct169">Vãã«ã</a> 4661 </h3> 4662 </div> 4663 <div class="ghn-card__body"> 4664 <ul class="ghn-card__sub"> 4665 <li><a href="https://www.housakunet.shop/shopbrand/ct170">ãªã¬ã³ã¸ã©ãã«LA</a></li> 4666 <li><a href="https://www.housakunet.shop/shopbrand/ct171">ãªã¬ã³ã¸ã©ãã«LB</a></li> 4667 <li><a href="https://www.housakunet.shop/shopbrand/ct169">ãã£ã¨è¦ã</a></li> 4668 </ul> 4669 </div> 4670 </div> 4671 </li> 4672 4673 <!-- 04 ãªã¤ã« --> 4674 <li class="ghn-card"> 4675 <div class="ghn-card__link"> 4676 <div class="ghn-card__head"> 4677 <figure class="ghn-card__media"> 4678 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/syoumou/icon_oil.png" alt="ãªã¤ã«"> 4679 </figure> 4680 <h3 class="ghn-card__title"> 4681 <a href="https://www.housakunet.shop/shopbrand/ct172">ãªã¤ã«</a> 4682 </h3> 4683 </div> 4684 <div class="ghn-card__body"> 4685 <ul class="ghn-card__sub"> 4686 <li><a href="https://www.housakunet.shop/shopbrand/ct173">ã¨ã³ã¸ã³ãªã¤ã«</a></li> 4687 <li><a href="https://www.housakunet.shop/shopbrand/ct174">ããã·ã§ã³ãªã¤ã«</a></li> 4688 <li><a href="https://www.housakunet.shop/shopbrand/ct172">ãã£ã¨è¦ã</a></li> 4689 </ul> 4690 </div> 4691 </div> 4692 </li> 4693 4694 <!-- 05 ããããªã¼ --> 4695 <li class="ghn-card"> 4696 <div class="ghn-card__link"> 4697 <div class="ghn-card__head"> 4698 <figure class="ghn-card__media"> 4699 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/syoumou/icon_battery.png" alt="ããããªã¼"> 4700 </figure> 4701 <h3 class="ghn-card__title"> 4702 <a href="https://www.housakunet.shop/shopbrand/ct175">ããããªã¼</a> 4703 </h3> 4704 </div> 4705 <div class="ghn-card__body"> 4706 <ul class="ghn-card__sub"> 4707 <li><a href="https://www.housakunet.shop/shopbrand/ct175">ãã£ã¨è¦ã</a></li> 4708 </ul> 4709 </div> 4710 </div> 4711 </li> 4712 4713 <!-- 06 ãªã¤ã«ãã£ã«ã¿ã¼ --> 4714 <li class="ghn-card"> 4715 <div class="ghn-card__link"> 4716 <div class="ghn-card__head"> 4717 <figure class="ghn-card__media"> 4718 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/syoumou/icon_oilfilter.png" alt="ãªã¤ã«ãã£ã«ã¿ã¼"> 4719 </figure> 4720 <h3 class="ghn-card__title"> 4721 <a href="https://www.housakunet.shop/shopbrand/ct176">ãªã¤ã«ãã£ã«ã¿ã¼</a> 4722 </h3> 4723 </div> 4724 <div class="ghn-card__body"> 4725 <ul class="ghn-card__sub"> 4726 <li><a href="https://www.housakunet.shop/shopbrand/ct177">ã¨ã³ã¸ã³</a></li> 4727 <li><a href="https://www.housakunet.shop/shopbrand/ct178">ããã·ã§ã³</a></li> 4728 <li><a href="https://www.housakunet.shop/shopbrand/ct176">ãã£ã¨è¦ã</a></li> 4729 </ul> 4730 </div> 4731 </div> 4732 </li> 4733 4734 </ul> 4735</div> 4736 4737 4738 <!-- ===== PANEL: èããçªï¼æ¤ç´¢ã¢ã¸ã¥ã¼ã«ï¼ ===== --> 4739 <div class="ghn-cat__panel" role="tabpanel" id="panel-tines" aria-labelledby="tab-tines"> 4740 <!-- ========================= 4741 èããçªæ¤ç´¢ãã¼ã¸ï¼ã¿ãå ç¨ï¼ 4742 ========================== --> 4743 4744 <div class="l-main ghn-nail-module"> 4745 4746 <!-- ãã³ããï¼ä¸è¦ãªãåé¤ãã¦OKï¼ --> 4747 <p class="l-pankuzu"> 4748 <a href="/">ããã</a> > <span>èããçªæ¤ç´¢</span> 4749 </p> 4750 4751 <!-- è¦åºãï¼å¿ è¦ãªãä¸ã« h1 ãªã©ãå ¥ããï¼ --> 4752 <div class="l-main_ttl"> 4753 </div> 4754 4755 <!-- ========================= 4756 èããçªæ¤ç´¢ï¼æ¤ç´¢é¨åï¼ 4757 ========================== --> 4758 <section class="nail-search"> 4759 4760 <div class="nail-selecter"> 4761 <div class="select-box"> 4762 <select data-api-cat1="" data-cat-name="ã¡ã¼ã«ã¼å"> 4763 <optgroup> 4764 <option>ã¡ã¼ã«ã¼åã鏿ããï¼ä½æ¥æ©ã¡ã¼ã«ã¼å«ï¼</option> 4765 </optgroup> 4766 </select> 4767 </div> 4768 4769 <div class="select-box"> 4770 <select data-api-cat2="" data-cat-name="ãã©ã¯ã¿ã¼åå¼"> 4771 <optgroup> 4772 <option>ãã©ã¯ã¿ã¼åå¼ã鏿ãã</option> 4773 </optgroup> 4774 </select> 4775 </div> 4776 4777 <div class="select-box"> 4778 <select data-api-cat3="" data-cat-name="ãã¼ã¿ãªã¼åå¼"> 4779 <optgroup> 4780 <option>ãã¼ã¿ãªã¼åå¼ã鏿ãã</option> 4781 </optgroup> 4782 </select> 4783 </div> 4784 </div> 4785 4786 <p class="nail-note"> 4787 ãã¡ã¼ã«ã¼ â ãã©ã¯ã¿ã¼åå¼ â ãã¼ã¿ãªã¼åå¼ãã®é ã«ãé¸ã³ããã ãã¾ãã¨ãä¸é¨ã«æ¤ç´¢çµæã
4787表示ããã¾ãã 4788 </p> 4789 4790 <p class="nail-note sp">â» ã¹ãã¼ããã©ã³è¡¨ç¤ºã§ã¯å·¦å³ã«ã¹ã¯ãã¼ã«ã§ãã¾ãã</p> 4791 4792 <!-- çµæãã¼ãã« --> 4793 <div class="nail-result-wrap"> 4794 <table data-api-result="" class="nail-result"> 4795 <thead> 4796 <tr> 4797 <th>ååå</th> 4798 <th>ååã³ã¼ã</th> 4799 <th>ä¾¡æ ¼(ç¨è¾¼)</th> 4800 <th>é§åæ¹å¼</th> 4801 <th>ã»ããæ¬æ°</th> 4802 <th>çªåä»ãã«ã</th> 4803 </tr> 4804 </thead> 4805 <tbody> 4806 <!-- api.js ã§èªåçæ --> 4807 </tbody> 4808 </table> 4809 </div> 4810 4811 </section> 4812 </div><!-- /.l-main.ghn-nail-module --> 4813 4814 </div><!-- /#panel-tines --> 4815 4816 4817 <!-- ===== PANEL: ãã®ä»ï¼12ä»¶ï¼ ===== --> 4818 <div class="ghn-cat__panel" role="tabpanel" id="panel-others" aria-labelledby="tab-others"> 4819 <ul class="ghn-grid"> 4820 4821 <!-- 1 ã¯ãªã¼ãã¼ --> 4822 <li class="ghn-card"> 4823 <div class="ghn-card__link"> 4824 <div class="ghn-card__head"> 4825 <figure class="ghn-card__media"> 4826 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/sonota/icon_cleaner.png" alt="ã¯ãªã¼ãã¼"> 4827 </figure> 4828 <h3 class="ghn-card__title"> 4829 <a href="https://www.housakunet.shop/shopbrand/ct179">ã¯ãªã¼ãã¼</a> 4830 </h3> 4831 </div> 4832 <div class="ghn-card__body"> 4833 <ul class="ghn-card__sub"> 4834 <li><a href="https://www.housakunet.shop/shopbrand/ct179">ãã£ã¨è¦ã</a></li> 4835 </ul> 4836 </div> 4837 </div> 4838 </li> 4839 4840 <!-- 2 è²èè³æ --> 4841 <li class="ghn-card"> 4842 <div class="ghn-card__link"> 4843 <div class="ghn-card__head"> 4844 <figure class="ghn-card__media"> 4845 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/sonota/icon_ikunea.png" alt="è²èè³æ"> 4846 </figure> 4847 <h3 class="ghn-card__title"> 4848 <a href="https://www.housakunet.shop/shopbrand/ct180">è²èè³æ</a> 4849 </h3> 4850 </div> 4851 <div class="ghn-card__body"> 4852 <ul class="ghn-card__sub"> 4853 <li><a href="https://www.housakunet.shop/shopbrand/ct180">ãã£ã¨è¦ã</a></li> 4854 </ul> 4855 </div> 4856 </div> 4857 </li> 4858 4859 <!-- 3 èããçªäº¤æå·¥å · --> 4860 <li class="ghn-card"> 4861 <div class="ghn-card__link"> 4862 <div class="ghn-card__head"> 4863 <figure class="ghn-card__media"> 4864 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/sonota/icon_kogu.png" alt="èããçªäº¤æå·¥å ·"> 4865 </figure> 4866 <h3 class="ghn-card__title"> 4867 <a href="https://www.housakunet.shop/shopbrand/ct181">èããçªäº¤æå·¥å ·</a> 4868 </h3> 4869 </div> 4870 <div class="ghn-card__body"> 4871 <ul class="ghn-card__sub"> 4872 <li><a href="https://www.housakunet.shop/shopbrand/ct181">ãã£ã¨è¦ã</a></li> 4873 </ul> 4874 </div> 4875 </div> 4876 </li> 4877 4878 <!-- 4 ååç ç£¨æ© --> 4879 <li class="ghn-card"> 4880 <div class="ghn-card__link"> 4881 <div class="ghn-card__head"> 4882 <figure class="ghn-card__media"> 4883 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/sonota/icon_kenmaki.png" alt="ååç 磨æ©"> 4884 </figure> 4885 <h3 class="ghn-card__title"> 4886 <a href="https://www.housakunet.shop/shopbrand/ct187">ååç 磨æ©</a> 4887 </h3> 4888 </div> 4889 <div class="ghn-card__body"> 4890 <ul class="ghn-card__sub"> 4891 <li><a href="https://www.housakunet.shop/shopbrand/ct187">ãã£ã¨è¦ã</a></li> 4892 </ul> 4893 </div> 4894 </div> 4895 </li> 4896 4897 <!-- 5 ç°æ¤ã便å©å --> 4898 <li class="ghn-card"> 4899 <div class="ghn-card__link"> 4900 <div class="ghn-card__head"> 4901 <figure class="ghn-card__media">
4902 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/sonota/icon_naecatch.png" alt="ç°æ¤ã便å©å"> 4903 </figure> 4904 <h3 class="ghn-card__title"> 4905 <a href="https://www.housakunet.shop/shopbrand/ct183">ç°æ¤ã便å©å</a> 4906 </h3> 4907 </div> 4908 <div class="ghn-card__body"> 4909 <ul class="ghn-card__sub"> 4910 <li><a href="https://www.housakunet.shop/shopbrand/ct183">ãã£ã¨è¦ã</a></li> 4911 </ul> 4912 </div> 4913 </div> 4914 </li> 4915 4916 <!-- 6 ç±ä¸å¯¾ç --> 4917 <li class="ghn-card"> 4918 <div class="ghn-card__link"> 4919 <div class="ghn-card__head"> 4920 <figure class="ghn-card__media"> 4921 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/sonota/icon_senpuki.png" alt="ç±ä¸å¯¾ç"> 4922 </figure> 4923 <h3 class="ghn-card__title"> 4924 <a href="https://www.housakunet.shop/shopbrand/ct184">ç±ä¸å¯¾ç</a> 4925 </h3> 4926 </div> 4927 <div class="ghn-card__body"> 4928 <ul class="ghn-card__sub"> 4929 <li><a href="https://www.housakunet.shop/shopbrand/ct184">ãã£ã¨è¦ã</a></li> 4930 </ul> 4931 </div> 4932 </div> 4933 </li> 4934 4935 <!-- 7 ä¿è·ã«ãã¼ --> 4936 <li class="ghn-card"> 4937 <div class="ghn-card__link"> 4938 <div class="ghn-card__head"> 4939 <figure class="ghn-card__media"> 4940 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/sonota/icon_cover.png" alt="ä¿è·ã«ãã¼"> 4941 </figure> 4942 <h3 class="ghn-card__title"> 4943 <a href="https://www.housakunet.shop/shopbrand/ct185">ä¿è·ã«ãã¼</a> 4944 </h3> 4945 </div> 4946 <div class="ghn-card__body"> 4947 <ul class="ghn-card__sub"> 4948 <li><a href="https://www.housakunet.shop/shopbrand/ct185">ãã£ã¨è¦ã</a></li> 4949 </ul> 4950 </div> 4951 </div> 4952 </li> 4953 4954 <!-- 8 ã¢ã«ãããªã㸠--> 4955 <li class="ghn-card"> 4956 <div class="ghn-card__link"> 4957 <div class="ghn-card__head"> 4958 <figure class="ghn-card__media"> 4959 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/sonota/icon_bridge.png" alt="ã¢ã«ãããªãã¸"> 4960 </figure> 4961 <h3 class="ghn-card__title"> 4962 <a href="https://www.housakunet.shop/shopbrand/ct186">ã¢ã«ãããªãã¸</a> 4963 </h3> 4964 </div> 4965 <div class="ghn-card__body"> 4966 <ul class="ghn-card__sub"> 4967 <li><a href="https://www.housakunet.shop/shopbrand/ct186">ãã£ã¨è¦ã</a></li> 4968 </ul> 4969 </div> 4970 </div> 4971 </li> 4972 4973 <!-- 9 使¥è² æ 軽æ¸å¯¾ç --> 4974 <li class="ghn-card"> 4975 <div class="ghn-card__link"> 4976 <div class="ghn-card__head"> 4977 <figure class="ghn-card__media"> 4978 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_hutankegen.png" alt="ä½ç¨è² æ 軽æ¸å¯¾ç"> 4979 </figure> 4980 <h3 class="ghn-card__title"> 4981 <a href="https://www.housakunet.shop/shopbrand/ct189">使¥è² æ 軽æ¸å¯¾ç</a> 4982 </h3> 4983 </div> 4984 <div class="ghn-card__body"> 4985 <ul class="ghn-card__sub"> 4986 <li><a href="https://www.housakunet.shop/shopbrand/ct189">ãã£ã¨è¦ã</a></li> 4987 </ul> 4988 </div> 4989 </div> 4990 </li> 4991 4992 <!-- 10 é¤èå¤ --> 4993 <li class="ghn-card"> 4994 <div class="ghn-card__link"> 4995 <div class="ghn-card__head"> 4996 <figure class="ghn-card__media"> 4997 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_josozai.png" alt="é¤èå¤"> 4998 </figure> 4999 <h3 class="ghn-card__title"> 5000 <a href="https://www.housakunet.shop/shopbrand/ct226">é¤èå¤</a> 5001 </h3> 5002 </div> 5003 <div class="ghn-card__body"> 5004 <ul class="ghn-card__sub"> 5005 <li><a href="https://www.housakunet.shop/shopbrand/ct226">ãã£ã¨è¦ã</a></li> 5006 </ul> 5007 </div> 5008 </div> 5009 </li> 5010 5011 <!-- 11 ã¨ã³ã¸ã³ãã³ã --> 5012 <li class="ghn-card"> 5013 <div class="ghn-card__link"> 5014 <div class="ghn-card__head"> 5015 <figure class="ghn-card__media">
5016 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_pomp.png" alt="ã¨ã³ã¸ã³ãã³ã"> 5017 </figure> 5018 <h3 class="ghn-card__title"> 5019 <a href="https://www.housakunet.shop/shopbrand/ct137">ã¨ã³ã¸ã³ãã³ã</a> 5020 </h3> 5021 </div> 5022 <div class="ghn-card__body"> 5023 <ul class="ghn-card__sub"> 5024 <li><a href="https://www.housakunet.shop/shopbrand/ct137">ãã£ã¨è¦ã</a></li> 5025 </ul> 5026 </div> 5027 </div> 5028 </li> 5029 5030 <!-- 12 çºé»æ© --> 5031 <li class="ghn-card"> 5032 <div class="ghn-card__link"> 5033 <div class="ghn-card__head"> 5034 <figure class="ghn-card__media"> 5035 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/sonota/icon_hatsudenki.png" alt="çºé»æ©"> 5036 </figure> 5037 <h3 class="ghn-card__title"> 5038 <a href="https://www.housakunet.shop/shopbrand/ct190">çºé»æ©</a> 5039 </h3> 5040 </div> 5041 <div class="ghn-card__body"> 5042 <ul class="ghn-card__sub"> 5043 <li><a href="https://www.housakunet.shop/shopbrand/ct190">ãã£ã¨è¦ã</a></li> 5044 </ul> 5045 </div> 5046 </div> 5047 </li> 5048 5049 <!-- 13 æºè¡ç¼¶ --> 5050 <li class="ghn-card"> 5051 <div class="ghn-card__link"> 5052 <div class="ghn-card__head"> 5053 <figure class="ghn-card__media"> 5054 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_keikokan.png" alt="æºè¡ç¼¶"> 5055 </figure> 5056 <h3 class="ghn-card__title"> 5057 <a href="https://www.housakunet.shop/shopbrand/ct201">æºè¡ç¼¶</a> 5058 </h3> 5059 </div> 5060 <div class="ghn-card__body"> 5061 <ul class="ghn-card__sub"> 5062 <li><a href="https://www.housakunet.shop/shopbrand/ct201">ãã£ã¨è¦ã</a></li> 5063 </ul> 5064 </div> 5065 </div> 5066 </li> 5067 5068 <!-- 14 åªå®ããµã --> 5069 <li class="ghn-card"> 5070 <div class="ghn-card__link"> 5071 <div class="ghn-card__head"> 5072 <figure class="ghn-card__media"> 5073 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_hasami.png" alt="åªå®ããµã"> 5074 </figure> 5075 <h3 class="ghn-card__title"> 5076 <a href="https://www.housakunet.shop/shopbrand/ct202">åªå®ããµã</a> 5077 </h3> 5078 </div> 5079 <div class="ghn-card__body"> 5080 <ul class="ghn-card__sub"> 5081 <li><a href="https://www.housakunet.shop/shopbrand/ct202">ãã£ã¨è¦ã</a></li> 5082 </ul> 5083 </div> 5084 </div> 5085 </li> 5086 5087 <!-- 15 é¤ ã¤ãæ© --> 5088 <li class="ghn-card"> 5089 <div class="ghn-card__link"> 5090 <div class="ghn-card__head"> 5091 <figure class="ghn-card__media"> 5092 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_mochitsuki.png" alt="é¤ ã¤ãæ©"> 5093 </figure> 5094 <h3 class="ghn-card__title"> 5095 <a href="https://www.housakunet.shop/shopbrand/ct154">é¤ ã¤ãæ©</a> 5096 </h3> 5097 </div> 5098 <div class="ghn-card__body"> 5099 <ul class="ghn-card__sub"> 5100 <li><a href="https://www.housakunet.shop/shopbrand/ct155">ã¨ã ã±ã¼ç²¾å·¥</a></li> 5101 <li><a href="https://www.housakunet.shop/shopbrand/ct156">ã¿ã®ãç£æ¥</a></li> 5102 <li><a href="https://www.housakunet.shop/shopbrand/ct154">ãã£ã¨è¦ã</a></li> 5103 </ul> 5104 </div> 5105 </div> 5106 </li> 5107 5108 <!-- 16 ã©ã¸ãª --> 5109 <li class="ghn-card"> 5110 <div class="ghn-card__link"> 5111 <div class="ghn-card__head"> 5112 <figure class="ghn-card__media">
5113 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_radio.png" alt="ã©ã¸ãª"> 5114 </figure> 5115 <h3 class="ghn-card__title"> 5116 <a href="https://www.housakunet.shop/shopbrand/ct200">ã©ã¸ãª</a> 5117 </h3> 5118 </div> 5119 <div class="ghn-card__body"> 5120 <ul class="ghn-card__sub"> 5121 <li><a href="https://www.housakunet.shop/shopbrand/ct200">ãã£ã¨è¦ã</a></li> 5122 </ul> 5123 </div> 5124 </div> 5125 </li> 5126 5127 </ul> 5128 </div> 5129 5130 5131</section> 5132 5133<style> 5134/* ========================================================== 5135 ã¿ãåæ¿å¼ã«ãã´ãªã¼ã°ãªããï¼PC åºæ¬ï¼ 5136========================================================== */ 5137.ghn-cat { 5138 --c-brand: #007A59; 5139 --c-text: #0b1412; 5140 --c-muted: #5b6a66; 5141 --c-subtext: #9F9999; 5142 --c-border: #E3EAE6; 5143 --shadow: 0 2px 8px rgba(0,0,0,.06); 5144 font-family: "Noto Sans JP", system-ui, sans-serif; 5145 max-width: 1260px; 5146 margin: 0 auto; 5147 padding: 0 16px 24px; 5148 box-sizing: border-box; 5149} 5150 5151/* âââ ã¿ãè¡ï¼PCï¼ âââ */ 5152.ghn-cat__tabs { 5153 display: flex; 5154 align-items: flex-end; 5155 border-bottom: 2px solid var(--c-border); 5156 margin-bottom: 16px; 5157 gap: 4px; /* â ã¿ãå士ã®ééï¼PCï¼ */ 5158} 5159 5160.ghn-cat__tab { 5161 appearance: none; 5162 border: 0; 5163 background: #efefef; 5164 padding: 12px 40px; 5165 font-weight: 700; 5166 font-size: 16px; 5167 color: var(--c-muted); 5168 cursor: pointer; 5169 border-radius: 0; 5170 line-height: 1.4; 5171} 5172 5173.ghn-cat__tab.is-active { 5174 color: #fff; 5175 background: var(--c-brand); 5176} 5177 5178/* ããã«è¡¨ç¤ºå¶å¾¡ */ 5179.ghn-cat__panel { 5180 display: none; 5181} 5182.ghn-cat__panel.is-active { 5183 display: block; 5184} 5185 5186/* ã°ãªããï¼PC 4åä¸å¤®å¯ã */ 5187.ghn-grid { 5188 display: inline-grid !important; 5189 grid-template-columns: repeat(4, 300px); 5190 gap: 8px; 5191 justify-content: center; 5192 margin: 0 auto; 5193 padding: 0; 5194 list-style: none; 5195 vertical-align: top; 5196} 5197 5198@media (max-width: 1199px) { 5199 .ghn-grid { 5200 grid-template-columns: repeat(auto-fit, minmax(250px, 300px)); 5201 } 5202} 5203 5204/* ã«ã¼ãï¼PCï¼ */ 5205.ghn-card { 5206 background: #fff; 5207 border: 1px solid var(--c-border); 5208 border-radius: 0; 5209 box-shadow: var(--shadow); 5210 width: 300px; 5211 min-height: 170px; 5212 height: auto; 5213 display: flex; 5214 overflow: hidden; 5215} 5216 5217.ghn-card__link { 5218 display: flex; 5219 flex-direction: column; 5220 justify-content: flex-start; 5221 padding: 8px 10px; 5222 width: 100%; 5223 height: 100%; 5224 text-decoration: none; 5225 color: inherit; 5226 background: #fff; 5227 gap: 4px; 5228} 5229 5230.ghn-card__link:hover { 5231 background: #F7FAF9; 5232} 5233 5234.ghn-card__head { 5235 display: flex; 5236 gap: 6px; 5237 align-items: center; 5238 margin-bottom: 4px; 5239} 5240 5241.ghn-card__media { 5242 width: 55px; 5243 flex: 0 0 55px; 5244} 5245.ghn-card__media img { 5246 width: 55px; 5247 height: 38px; 5248 object-fit: contain; 5249 display: block; 5250} 5251 5252.ghn-card__title { 5253 font-size: 16px; 5254 font-weight: 700; 5255 line-height: 1.35; 5256 margin: 0; 5257} 5258.ghn-card__title a { 5259 color: var(--c-text); 5260 text-decoration: none; 5261} 5262.ghn-card__title a:hover { 5263 text-decoration: underline; 5264} 5265 5266/* ã«ã¼ãæ¬æï¼ãã£ã¨è¦ãã絶対é ç½®ããããã®ãã¼ã¹ */ 5267.ghn-card__body { 5268 flex: 1 1 auto; 5269 display: flex; 5270 flex-direction: column; 5271 justify-content: flex-start; 5272 padding: 2px 6px 24px; /* ä¸ã«ä½ç½ãä½ãï¼ãã£ã¨è¦ãåï¼ */ 5273 position: relative; /* â ããå¿ é ï¼çµ¶å¯¾é ç½®ã®åºæºã«ãã */ 5274} 5275 5276/* ãµããªã¹ãï¼PCï¼ */ 5277.ghn-card__sub { 5278 margin: 0; 5279 padding: 0 4px 0 8px; 5280 list-style: none; 5281 display: flex; 5282 flex-direction: column; 5283 gap: 4px; 5284} 5285 5286/* é常㮠LIï¼é»ãç¢å°ï¼ */ 5287.ghn-card__sub li { 5288 position: relative; 5289 padding-left: 14px; 5290 line-height: 1.4; 5291} 5292 5293.ghn-card__sub li::before { 5294 content: ""; 5295 position: absolute; 5296 left: 0; 5297 top: 50%; 5298 transform: translateY(-50%); 5299 width: 0; 5300 height: 0;
5301 border-top: 4px solid transparent; 5302 border-bottom: 4px solid transparent; 5303 border-left: 6px solid #7A7A7A; 5304} 5305 5306.ghn-card__sub a { 5307 font-size: 13px; 5308 color: #888 !important; 5309 text-decoration: none; 5310} 5311.ghn-card__sub a:hover { 5312 color: #333 !important; 5313 text-decoration: underline; 5314} 5315 5316/* ---- â ããéè¦ï¼ãã£ã¨è¦ããå³ä¸ã«åºå® ---- */ 5317.ghn-card__sub li:last-child { 5318 position: absolute; /* â 絶対é ç½®ï¼å¿ é ï¼ */ 5319 right: 2px; 5320 bottom: 12px; /* â é«ãã¯å¥½ã¿ã§èª¿æ´OK */ 5321 padding-left: 0; 5322 text-align: right; 5323} 5324 5325.ghn-card__sub li:last-child::before { 5326 display: none !important; 5327} 5328 5329.ghn-card__sub li:last-child a { 5330 font-size: 11px; 5331 color: #999 !important; 5332 font-weight: 600; 5333 display: inline-block; 5334 padding-right: 2px; 5335 padding-bottom: 1px; 5336 border-bottom: 1px solid #999; 5337} 5338 5339 5340/* ========================================================== 5341 SP ã¬ã¤ã¢ã¦ãï¼ã¿ãï¼2åã«ã¼ãï¼ 5342========================================================== */ 5343@media (max-width: 768px) { 5344 5345 .ghn-cat { 5346 max-width: 100%; 5347 padding: 0 8px 16px; 5348 } 5349 5350 /* ã¿ã4ã¤ï¼å¹ ãã£ã±ãï¼åçé ç½®ï¼ã¿ãéã®ééãã */ 5351 .ghn-cat__tabs { 5352 display: grid; 5353 grid-template-columns: repeat(4, 1fr); 5354 width: 100%; 5355 padding: 0; 5356 margin: 0 0 12px 0; 5357 border-bottom: 2px solid var(--c-border); 5358 column-gap: 4px; /* â SP ã§ãã¿ãå士ã«ééãæ®ã */ 5359 } 5360 5361 .ghn-cat__tab { 5362 width: 100%; 5363 height: 44px; 5364 margin: 0; 5365 padding: 0 4px; 5366 font-size: 14px; 5367 box-sizing: border-box; 5368 display: flex;
5369 align-items: center; 5370 justify-content: center; 5371 text-align: center; 5372 } 5373 5374 .ghn-cat__panel.is-active { 5375 display: block; 5376 } 5377 5378 /* 2åã°ãªããï¼å¹ ãã£ã±ãï¼ */ 5379 .ghn-grid { 5380 display: grid !important; 5381 grid-template-columns: repeat(2, minmax(0, 1fr)); 5382 gap: 8px; 5383 width: 100%; 5384 justify-content: stretch; 5385 } 5386 5387 /* ã«ã¼ãï¼2éæ ãé¿ãã¤ã¤å·¦å¯ãæ°å³ã« */ 5388 .ghn-card { 5389 width: 100%; 5390 min-height: auto; 5391 box-shadow: 0 1px 6px rgba(0,0,0,0.12); 5392 border-radius: 4px; 5393 display: flex; 5394 align-items: center; 5395 } 5396 5397 .ghn-card__link { 5398 padding: 10px 8px; 5399 border: none; /* â å å´ã®æ ãæ¶ãï¼2éæ é²æ¢ */ 5400 display: flex; 5401 flex-direction: row; /* ç»åï¼æåãæ¨ªä¸¦ã³ */ 5402 align-items: center; 5403 justify-content: flex-start; /* â å·¦å¯ãã«é ç½® */ 5404 gap: 8px; 5405 background: #fff; 5406 text-align: left; 5407 } 5408 5409 .ghn-card__head { 5410 margin: 0; 5411 padding: 0; 5412 display: flex;
5413 align-items: center; 5414 gap: 8px; 5415 } 5416 5417 .ghn-card__media { 5418 width: 40px; 5419 flex: 0 0 40px; 5420 } 5421 .ghn-card__media img { 5422 width: 40px; 5423 height: 40px; 5424 object-fit: contain; 5425 } 5426 5427 .ghn-card__title, 5428 .ghn-card__title a { 5429 writing-mode: horizontal-tb !important; 5430 white-space: normal; 5431 word-break: break-word; 5432 font-size: 14px; 5433 line-height: 1.35; 5434 text-align: left; /* â æåãå·¦å¯ã */ 5435 margin: 0; 5436 } 5437 5438 /* ãµããªã¹ãã¯SPã§ã¯é表示ï¼ã¿ã¤ãã«ã®ã¿è¡¨ç¤ºï¼ */ 5439 .ghn-card__body { 5440 display: none; 5441 } 5442} 5443/* ============================= 5444 èããçªæ¤ç´¢å°ç¨CSSï¼ç·ãã¼ãï¼ 5445 ãã©ã³ãã«ã©ã¼ï¼#007A59 5446 å¹²æ¸é²æ¢ï¼.ghn-nail-module ã§ã¹ã³ã¼ãå 5447============================= */ 5448 5449/* ã¹ããæã®æ¤ç´¢ãããã¯ä½ç½ */ 5450@media screen and (max-width: 767px){ 5451 .ghn-nail-module .nail-search { 5452 padding: 10px; 5453 } 5454} 5455 5456/* ã»ã¬ã¯ãããã¯ã¹å¨ã */ 5457.ghn-nail-module .nail-selecter { 5458 padding: 20px;
5459 border-top: 4px solid #007A59; 5460 background: #fff; 5461} 5462 5463.ghn-nail-module .nail-selecter * { 5464 box-sizing: border-box !important; 5465} 5466 5467.ghn-nail-module .nail-selecter select { 5468 -moz-appearance: none; 5469 -webkit-appearance: none; 5470 appearance: none; 5471 border-radius: 0; 5472 border: 0; 5473 margin: 0; 5474 padding: 0; 5475 background: none transparent; 5476 vertical-align: middle; 5477 font-size: inherit; 5478 color: inherit; 5479 box-sizing: content-box; 5480} 5481 5482.ghn-nail-module .select-box { 5483 position: relative; 5484} 5485 5486.ghn-nail-module .select-box:not(:last-child) { 5487 margin: 0 0 16px; 5488} 5489 5490/* å³å´ã®æ¿ãç·å¸¯ */ 5491.ghn-nail-module .select-box::before { 5492 content: ''; 5493 display: block; 5494 width: 50px; 5495 height: 100%; 5496 position: absolute; 5497 top: 0; 5498 right: 0; 5499 background: #005C42; 5500 z-index: 50; 5501 pointer-events: none; 5502} 5503 5504/* ãã«ãã¦ã³ç¢å° */ 5505.ghn-nail-module .select-box::after { 5506 content: ''; 5507 display: block; 5508 width: 24px; 5509 height: 15px; 5510 background-image: url(https://gigaplus.makeshop.jp/fukuda29/common/images/nail_search/arr-down.svg); 5511 background-size: contain; 5512 background-repeat: no-repeat; 5513 position: absolute; 5514 top: 50%; 5515 right: 13px; 5516 transform: translateY(-50%); 5517 z-index: 100; 5518 pointer-events: none; 5519} 5520 5521/* ã»ã¬ã¯ãã®è¦ãç®æ¬ä½ */ 5522.ghn-nail-module .select-box select { 5523 display: block; 5524 padding: 16px 66px 16px 16px; 5525 width: 100%; 5526 color: #fff; 5527 font-size: 18px; 5528 font-weight: bold; 5529 line-height: 1; 5530 background: #007A59; 5531 position: relative; 5532} 5533 5534.ghn-nail-module .select-box select option { 5535 color: #444; 5536 background: #fff; 5537 white-space: normal; 5538 word-break: break-word; 5539} 5540 5541.ghn-nail-module .select-box select::-ms-expand { 5542 display: none; 5543} 5544 5545/* èª¬ææ */ 5546.ghn-nail-module .nail-note { 5547 margin: 1em 0; 5548} 5549 5550.ghn-nail-module .nail-note.sp { 5551 display: none; 5552 color: #007A59; 5553} 5554 5555@media screen and (max-width: 767px){ 5556 .ghn-nail-module .nail-note.sp { 5557 display: block; 5558 } 5559} 5560 5561/* === çµæãã¼ãã« === */ 5562 5563.ghn-nail-module .nail-result-wrap { 5564 margin-bottom: 10px; 5565 overflow: auto; 5566} 5567 5568@media screen and (max-width: 767px){ 5569 .ghn-nail-module .nail-result-wrap { 5570 width: calc(100vw - 20px); 5571 overflow: scroll; 5572 } 5573} 5574 5575.ghn-nail-module .nail-result { 5576 width: 100%; 5577 font-size: 16px; 5578 border-spacing: 1px 0; 5579} 5580 5581.ghn-nail-module .nail-result th, 5582.ghn-nail-module .nail-result td { 5583 padding: 16px 10px; 5584 white-space: nowrap; 5585} 5586 5587/* ãã¼ãã«ãããã¼ï¼æ¿ç·ï¼ */ 5588.ghn-nail-module .nail-result thead tr th { 5589 color: #fff; 5590 text-align: center; 5591 background: #007A59; 5592} 5593 5594/* ãã¼ãã«ç½«ç·ã»èæ¯è² */ 5595.ghn-nail-module .nail-result tbody tr td { 5596 border-bottom: 1px solid #0A8F67; 5597} 5598 5599.ghn-nail-module .nail-result tbody tr:nth-child(odd) td { 5600 background: #fff; 5601} 5602 5603.ghn-nail-module .nail-result tbody tr:nth-child(even) td { 5604 background: #f5fdfb; /* ãã£ããç· */ 5605} 5606 5607.ghn-nail-module .nail-result tbody tr td:nth-child(3), 5608.ghn-nail-module .nail-result tbody tr td:nth-child(5) { 5609 text-align: right; 5610} 5611 5612/* çµæãã¼ãã«å ãªã³ã¯ */ 5613.ghn-nail-module .nail-result a { 5614 color: #007A59; 5615 font-weight: bold; 5616 text-decoration: none; 5617} 5618 5619.ghn-nail-module .nail-result a:hover { 5620 color: #005C42; 5621} 5622 5623/* === çªç¨®é¡ã®ãç´¹ä»ï¼ã«ã¼ãï¼ === */ 5624 5625.ghn-nail-module .nail-about h3 { 5626 margin-bottom: 1em; 5627 font-size: 2.4rem; 5628 font-weight: normal; 5629 text-align: center; 5630 color: #007A59; 5631} 5632 5633@media screen and (max-width: 767px){ 5634 .ghn-nail-module .nail-about h3 { 5635 font-size: 1.8rem; 5636 } 5637} 5638 5639.ghn-nail-module .about-list-wrap { 5640 margin-bottom: 20px; 5641} 5642 5643.ghn-nail-module .about-list { 5644 margin: 0; 5645 padding: 0; 5646 list-style: none; 5647 display: flex; 5648 flex-wrap: wrap; 5649} 5650 5651/* ã«ã¼ãï¼PCï¼3ã«ã©ã ï¼ */ 5652.ghn-nail-module .about-list li { 5653 box-sizing: border-box; 5654 width: 32%; 5655 margin: 0 2% 24px 0; 5656 padding: 12px 16px 16px; 5657 background: #fff; 5658 box-shadow: 0 3px 10px rgba(0,0,0,0.08); 5659 border-radius: 4px; 5660 font-size: 1.4rem; 5661} 5662 5663.ghn-nail-module .about-list li:nth-child(3n) { 5664 margin-right: 0; 5665} 5666 5667/* ã¿ãã¬ããï¼2ã«ã©ã */ 5668@media screen and (max-width: 1024px){ 5669 .ghn-nail-module .about-list li { 5670 width: 48%; 5671 margin: 0 4% 20px 0; 5672 } 5673 .ghn-nail-module .about-list li:nth-child(3n) { 5674 margin-right: 4%; 5675 } 5676 .ghn-nail-module .about-list li:nth-child(2n) { 5677 margin-right: 0; 5678 } 5679} 5680 5681/* ã¹ããï¼1ã«ã©ã */ 5682@media screen and (max-width: 767px){ 5683 .ghn-nail-module .about-list { 5684 display: block; 5685 } 5686 .ghn-nail-module .about-list li { 5687 width: 100%; 5688 margin: 0 0 16px 0; 5689 } 5690} 5691
5692/* ã«ã¼ãå ã¿ã¤ãã«ï¼é«ãæãï¼ä¸å¤®å¯ãï¼ */ 5693.ghn-nail-module .about-list li h4 { 5694 margin: 0 0 .5em; 5695 padding: 0 0 .5em; 5696 display: flex; 5697 justify-content: center; 5698 align-items: center; 5699 text-align: center; 5700 height: 4.2em; 5701 font-size: 2rem; 5702 font-weight: normal; 5703 line-height: 1.3; 5704 border-bottom: 2px solid #007A59; 5705 color: #005C42; 5706} 5707 5708@media screen and (max-width: 767px){ 5709 .ghn-nail-module .about-list li h4 { 5710 font-size: 1.6rem; 5711 height: 3.8em; 5712 } 5713} 5714 5715.ghn-nail-module .about-list li h4 small { 5716 display: block; 5717 flex-basis: 100%; 5718} 5719 5720.ghn-nail-module .about-list li figure img { 5721 width: 100%; 5722 max-width: 100%; 5723} 5724 5725.ghn-nail-module .about-list li figure figcaption { 5726 margin-top: 10px; 5727 font-weight: 300; 5728 line-height: 2rem; 5729} 5730 5731/* æ³¨ææ¸ãããã㯠*/ 5732.ghn-nail-module .about-note { 5733 margin-top: 10px; 5734} 5735 5736.ghn-nail-module .about-note h4 { 5737 margin: 1em 0 0.5em; 5738 font-size: 2rem; 5739 font-weight: normal; 5740} 5741 5742/* 赤åç¨ */ 5743.ghn-nail-module .about-note h4.is-alert { 5744 color: #E61212; 5745} 5746 5747.ghn-nail-module .about-note p { 5748 margin-bottom: 1em; 5749 font-size: 1.4rem; 5750 font-weight: 300; 5751} 5752 5753/* ãåãåããããã㯠*/ 5754.ghn-nail-module .nail-contact { 5755 margin: 10px 0; 5756 font-size: 1.4rem; 5757 font-weight: 300; 5758 line-height: 1.8; 5759 text-align: center; 5760} 5761 5762/* 注æã¢ã¤ã³ã³ç»åãµã¤ãº */ 5763.ghn-nail-module .nail-contact img { 5764 max-width: 1280px; 5765 width: 100%; 5766 height: auto; 5767 display: block; 5768 margin: 0 auto 10px; 5769} 5770 5771@media screen and (max-width: 767px){ 5772 .ghn-nail-module .nail-contact img { 5773 max-width: 767px; 5774 } 5775} 5776 5777/* ãåãåããå ã®ãªã³ã¯ */ 5778.ghn-nail-module .nail-contact a { 5779 color: #007A59; 5780 text-decoration: none; 5781} 5782 5783.ghn-nail-module .nail-contact a:hover { 5784 color: #005C42; 5785} 5786/* ========================================= 5787 èããçªã¿ãå ã ããæ¨ªå¹ ã¯è¦ªã«åããã 5788 ï¼SPæã®100vwæå®ãæã¡æ¶ãï¼ 5789========================================= */ 5790@media screen and (max-width: 767px) { 5791 #ghn-cat-tabs .ghn-nail-module .nail-result-wrap { 5792 width: 100% !important; /* â 100vw ãããã¦ã³ã³ãã³ãå¹ ã«åããã */ 5793 max-width: 100%; 5794 overflow-x: auto; /* 横ã¹ã¯ãã¼ã«ã¯ä¸ã ãã§å®çµããã */ 5795 } 5796} 5797/* ========================================= 5798 èããçªã¿ãå ï¼æ¨ªå¹ ãã³ã³ãã³ãå¹ ã«åããã 5799========================================= */ 5800@media screen and (max-width: 767px) { 5801 5802 /* ã»ã¯ã·ã§ã³èªä½ã¯æ å ã«åãã */ 5803 #ghn-cat-tabs { 5804 max-width: 100%; 5805 overflow-x: hidden; 5806 } 5807 5808 /* èããçªã¢ã¸ã¥ã¼ã«å ¨ä½ãæ å ã«åãã */ 5809 #ghn-cat-tabs .ghn-nail-module { 5810 width: 100% !important; 5811 max-width: 100% !important; 5812 margin-left: 0 !important; 5813 margin-right: 0 !important; 5814 padding-left: 0 !important; 5815 padding-right: 0 !important; 5816 box-sizing: border-box; 5817 } 5818 5819 /* nail-search ã®å·¦å³ããã£ã³ã°ã䏿¦ãªã»ãããã¦ãã */ 5820 #ghn-cat-tabs .ghn-nail-module .nail-search { 5821 padding-left: 0 !important; 5822 padding-right: 0 !important; 5823 } 5824 5825 /* åé¡å ã ã£ã nail-result-wrap ã® 100vw ãå®å ¨ã«æ®ºã */ 5826 #ghn-cat-tabs .ghn-nail-module .nail-result-wrap { 5827 width: 100% !important; 5828 max-width: 100% !important; 5829 overflow-x: auto; /* â æ¨ªã¹ã¯ãã¼ã«ã¯ãã®ç®±ã®ä¸ã ã */ 5830 } 5831 5832 /* ãã¼ãã«èªä½ã¯å¤å°æ¨ªã«é·ãã¦ãOKï¼wrapã®ä¸ã§ã¹ã¯ãã¼ã«ï¼ */ 5833 #ghn-cat-tabs .ghn-nail-module .nail-result { 5834 width: 100%; 5835 min-width: 600px; /* åãæ½°ããªãããã«æä½å¹ ã ãç¢ºä¿ */ 5836 } 5837} 5838/* ããã£ã¨è¦ããã ãå³ä¸ã»å°ãã */ 5839.ghn-card__sub li:last-child { 5840 grid-row: 5; /* â 常ã«5è¡ç®ï¼æä¸æ®µï¼ã«é ç½® */ 5841 margin-top: 4px; 5842 padding-left: 0; 5843 text-align: right; 5844} 5845.ghn-card__sub li:last-child::before { 5846 display: none !important; 5847} 5848.ghn-card__sub li:last-child a { 5849 font-size: 11px; 5850 color: #999 !important; 5851 font-weight: 600; 5852 display: inline-block; 5853 padding-right: 2px; 5854 padding-bottom: 1px; 5855 border-bottom: 1px solid #999; 5856} 5857/* è¾²æ¥æ©æ¢°ï¼ã¡ã¬ã¡ãã¥ã¼ï¼16ä»¶åã¢ã¤ã³ã³ */ 5858.ghn-mega-links--agri li:nth-child(1) a::before { 5859 /* åææ© */
5860 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_karibaraiki.png"); 5861} 5862.ghn-mega-links--agri li:nth-child(2) a::before { 5863 /* èªèµ°å¼èåæ© */ 5864 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_jisokusakari.png"); 5865} 5866.ghn-mega-links--agri li:nth-child(3) a::before { 5867 /* ä¹ç¨èåæ© */ 5868 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_joyo.png"); 5869} 5870.ghn-mega-links--agri li:nth-child(4) a::before { 5871 /* ã©ã¸ã³ã³èåæ© */ 5872 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_rajicon.png"); 5873} 5874.ghn-mega-links--agri li:nth-child(5) a::before { 5875 /* èããæ©ã»ç®¡çæ© */ 5876 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_koun.png"); 5877} 5878.ghn-mega-links--agri li:nth-child(6) a::before { 5879 /* ãã§ã³ã½ã¼ */ 5880 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_chainsow.png"); 5881} 5882.ghn-mega-links--agri li:nth-child(7) a::before { 5883 /* å´é§å¨ */ 5884 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_funmuki.png"); 5885} 5886.ghn-mega-links--agri li:nth-child(8) a::before { 5887 /* èåæ© */ 5888 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_shibakari.png"); 5889} 5890.ghn-mega-links--agri li:nth-child(9) a::before { 5891 /* ãã㯠*/ 5892 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_blower.png"); 5893} 5894.ghn-mega-links--agri li:nth-child(10) a::before { 5895 /* é«å§æ´æµæ© */ 5896 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_koatsusenjo.png"); 5897} 5898.ghn-mega-links--agri li:nth-child(11) a::before { 5899 /* ã¨ã³ã¸ã³ãã³ã */ 5900 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_pomp.png"); 5901} 5902.ghn-mega-links--agri li:nth-child(12) a::before { 5903 /* ããã¸ããªã */ 5904 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_trimmer.png"); 5905} 5906.ghn-mega-links--agri li:nth-child(13) a::before { 5907 /* ã¤ã³ãã¼è£½åãªãã·ã§ã³å */ 5908 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_yanmer.png"); 5909} 5910.ghn-mega-links--agri li:nth-child(14) a::before { 5911 /* å£ç¯å */ 5912 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_spring.png"); 5913} 5914.ghn-mega-links--agri li:nth-child(15) a::before { 5915 /* é¤ ã¤ãæ© */ 5916 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_mochitsuki.png"); 5917} 5918.ghn-mega-links--agri li:nth-child(16) a::before { 5919 /* é¤éªæ© */ 5920 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/icon_josetsu.png"); 5921} 5922/* æ¶èåï¼ã¡ã¬ã¡ãã¥ã¼ï¼6ä»¶åã¢ã¤ã³ã³ */ 5923.ghn-mega-links--consum li:nth-child(1) a::before { 5924 /* èããçªï¼åä»ãã«ã */ 5925 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/syoumou/icon_tsume.png"); 5926} 5927.ghn-mega-links--consum li:nth-child(2) a::before { 5928 /* èåæ©æ¶èå */ 5929 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/syoumou/icon_kusakarisyomo.png"); 5930} 5931.ghn-mega-links--consum li:nth-child(3) a::before { 5932 /* Vãã«ã */ 5933 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/syoumou/icon_belt.png"); 5934} 5935.ghn-mega-links--consum li:nth-child(4) a::before { 5936 /* ãªã¤ã« */
5937 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/syoumou/icon_oil.png"); 5938} 5939.ghn-mega-links--consum li:nth-child(5) a::before { 5940 /* ããããªã¼ */ 5941 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/syoumou/icon_battery.png"); 5942} 5943.ghn-mega-links--consum li:nth-child(6) a::before { 5944 /* ãªã¤ã«ãã£ã«ã¿ã¼ */ 5945 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/syoumou/icon_oilfilter.png"); 5946} 5947/* ãã®ä»ï¼ã¡ã¬ã¡ãã¥ã¼ï¼12ä»¶åã¢ã¤ã³ã³ */ 5948.ghn-mega-links--others li:nth-child(1) a::before { 5949 /* ã¯ãªã¼ãã¼ */ 5950 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/sonota/icon_cleaner.png"); 5951} 5952.ghn-mega-links--others li:nth-child(2) a::before { 5953 /* è²èè³æ */ 5954 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/sonota/icon_ikunea.png"); 5955} 5956.ghn-mega-links--others li:nth-child(3) a::before { 5957 /* èããçªäº¤æå·¥å · */ 5958 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/sonota/icon_kogu.png"); 5959} 5960.ghn-mega-links--others li:nth-child(4) a::before { 5961 /* å®¶åºèååãè¥æ ã¬ã¼ãã³ãã¼ã㣠*/ 5962 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/sonota/icon_katesaien.png"); 5963} 5964.ghn-mega-links--others li:nth-child(5) a::before { 5965 /* ç°æ¤ã便å©å */ 5966 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/sonota/icon_naecatch.png"); 5967} 5968.ghn-mega-links--others li:nth-child(6) a::before { 5969 /* ç±ä¸å¯¾ç */ 5970 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/sonota/icon_senpuki.png"); 5971} 5972.ghn-mega-links--others li:nth-child(7) a::before { 5973 /* ä¿è·ã«ãã¼ */ 5974 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/sonota/icon_cover.png"); 5975} 5976.ghn-mega-links--others li:nth-child(8) a::before { 5977 /* ã¢ã«ãããªã㸠*/ 5978 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/sonota/icon_bridge.png"); 5979} 5980.ghn-mega-links--others li:nth-child(9) a::before { 5981 /* ååç ç£¨æ© */ 5982 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/sonota/icon_kenmaki.png"); 5983} 5984.ghn-mega-links--others li:nth-child(10) a::before { 5985 /* 害ç£å¯¾ç */ 5986 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/sonota/icon_gaiju.png"); 5987} 5988.ghn-mega-links--others li:nth-child(11) a::before { 5989 /* 使¥è² æ 軽æ¸å¯¾ç */ 5990 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/sonota/icon_hutankegen.png"); 5991} 5992.ghn-mega-links--others li:nth-child(12) a::before { 5993 /* çºé»æ© */ 5994 background-image:url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/category/sonota/icon_hatsudenki.png"); 5995} 5996 5997/* ========================= 5998 ã«ãã´ãªã¼è¦åºãï¼ä¸å¤®ï¼ 5999========================= */ 6000.ghn-cat__hero{ 6001 text-align: center; 6002 padding: 18px 0 10px; 6003} 6004 6005.ghn-cat__heroTitle{ 6006 margin: 0 0 8px; 6007 font-size: 30px; 6008 font-weight: 800; 6009 color: var(--c-text); 6010 letter-spacing: .06em; 6011} 6012 6013.ghn-cat__heroIcon{ 6014 display: block; 6015 width: 88px; /* 大ããã¯ããã§èª¿æ´ */ 6016 height: auto; 6017 margin: 0 auto; 6018} 6019 6020/* SPå¾®èª¿æ´ */ 6021@media (max-width: 768px){ 6022 .ghn-cat__hero{ 6023 padding: 14px 0 8px; 6024 } 6025 .ghn-cat__heroTitle{ 6026 font-size: 16px; 6027 margin-bottom: 6px; 6028 } 6029 .ghn-cat__heroIcon{ 6030 width: 46px; 6031 } 6032} 6033 6034 /* ã¤ããªã·ã¯ã§ç®¡ç */ 6035 .ghn-cat__heroIcon2{ 6036 display: block; 6037 width: 63px; /* 大ããã¯ããã§èª¿æ´ */ 6038 height: auto; 6039 margin: 0 auto; 6040} 6041 6042/* SPå¾®èª¿æ´ */ 6043@media (max-width: 768px){ 6044 .ghn-cat__hero2{ 6045 padding: 14px 0 8px; 6046 } 6047 .ghn-cat__heroTitle2{ 6048 font-size: 16px; 6049 margin-bottom: 6px; 6050 } 6051 .ghn-cat__heroIcon2{ 6052 width: 46px; 6053 } 6054} 6055 6056/* è¦åºãï¼ã«ãã´ãªã¼ + ã¢ã¤ã³ã³ï¼ã¨æ¬¡ãããã¯ï¼ã¿ãï¼ã®éã 48px 空ãã */ 6057#ghn-cat-tabs .ghn-cat__hero{ 6058 margin-bottom: 48px !important; 6059} 6060@media (max-width: 768px){ 6061 .ghn-cat__tab{ 6062 white-space: normal !important; 6063 word-break: keep-all; 6064 } 6065} 6066@media (max-width: 768px){ 6067 .ghn-cat__tab{ 6068 font-size: 12px; /* ã¾ã縮ãã */ 6069 padding: 0 2px; /* 横paddingãæ¸ãã */ 6070 white-space: nowrap; 6071 overflow: hidden; 6072 text-overflow: ellipsis; /* ã¯ã¿åºãã⦠*/ 6073 } 6074} 6075 6076/* PCã¯48pxã®ã¾ã¾ãSPã ãè©°ãã */ 6077@media (max-width: 768px){ 6078 #ghn-cat-tabs .ghn-cat__hero{ 6079 margin-bottom: 16px !important; /* ããã好ã¿ã§ 8〜24px ã§èª¿æ´ */ 6080 } 6081} 6082 6083/* ä¾ï¼å®æ¼åç»ã¿ã¤ãã«ã®å·¦ï¼ã¾ãã¯å³ï¼ã«ä»ãã¦ãYouTubeçä¼¼è¦ç´ ãå·®ãæ¿ã */ 6084.movie-title::before, 6085.movie-title::after{
6086 background-image: url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/youtubeicon.png") !important; 6087 background-repeat: no-repeat; 6088 background-size: contain; 6089 background-position: center; 6090} 6091 6092 6093</style> 6094
6095<script> 6096document.addEventListener('DOMContentLoaded', function () { 6097 var root = document.getElementById('ghn-cat-tabs'); 6098 if (!root) return; 6099 6100 var tabs = root.querySelectorAll('.ghn-cat__tab'); 6101 var panels = { 6102 agri: document.getElementById('panel-agri'), 6103 consum: document.getElementById('panel-consum'), 6104 tines: document.getElementById('panel-tines'), 6105 others: document.getElementById('panel-others') 6106 }; 6107 6108 function activate(name) { 6109 // ã¿ãå´ 6110 for (var i = 0; i < tabs.length; i++) { 6111 var btn = tabs[i]; 6112 var active = (btn.getAttribute('data-tab') === name); 6113 if (active) { 6114 btn.classList.add('is-active'); 6115 btn.setAttribute('aria-selected', 'true'); 6116 btn.tabIndex = 0; 6117 } else { 6118 btn.classList.remove('is-active'); 6119 btn.setAttribute('aria-selected', 'false'); 6120 btn.tabIndex = -1; 6121 } 6122 } 6123 6124 // ããã«å´ 6125 for (var key in panels) { 6126 var el = panels[key]; 6127 if (!el) continue; 6128 if (key === name) { 6129 el.classList.add('is-active'); 6130 } else { 6131 el.classList.remove('is-active'); 6132 } 6133 } 6134 } 6135 6136 // ã¯ãªã㯠6137 for (var i = 0; i < tabs.length; i++) { 6138 (function (btn) { 6139 btn.addEventListener('click', function () { 6140 var name = btn.getAttribute('data-tab'); 6141 activate(name); 6142 }); 6143 })(tabs[i]); 6144 } 6145 6146 // ãã¼ãã¼ãï¼å·¦å³ / Home / Endï¼ 6147 root.addEventListener('keydown', function (e) { 6148 var cur = document.activeElement; 6149 if (!cur || !cur.classList || !cur.classList.contains('ghn-cat__tab')) return; 6150 6151 var idx = -1; 6152 for (var i = 0; i < tabs.length; i++) { 6153 if (tabs[i] === cur) { 6154 idx = i; 6155 break; 6156 } 6157 } 6158 if (idx === -1) return; 6159 6160 var nextIdx = idx; 6161 if (e.key === 'ArrowRight') { 6162 nextIdx = (idx + 1) % tabs.length; 6163 } else if (e.key === 'ArrowLeft') { 6164 nextIdx = (idx - 1 + tabs.length) % tabs.length; 6165 } else if (e.key === 'Home') { 6166 nextIdx = 0; 6167 } else if (e.key === 'End') { 6168 nextIdx = tabs.length - 1; 6169 } else { 6170 return; 6171 } 6172 6173 e.preventDefault(); 6174 var nextTab = tabs[nextIdx]; 6175 nextTab.focus(); 6176 var name = nextTab.getAttribute('data-tab'); 6177 activate(name); 6178 }); 6179 6180 // åæè¡¨ç¤º 6181 activate('agri'); 6182}); 6183</script>
6183 6184
6185<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
6185 6186 6187<!-- èããçªæ¤ç´¢APIæ¬ä½ -->
6188<script src="https://gigaplus.makeshop.jp/fukuda29/common/js/nail_search/api.js?20230307v2" 6189 charset="EUC-JP"></script>
6189� 6190 6191<div id="contents"> 6192 <div class="contents"> 6193 <!-- ========================= 6194 宿¼åç»ã»ã¯ã·ã§ã³ï¼è¦åºã + 2ããã㯠+ Slickï¼ 6195 â»2026-07 YouTubeãã¡ãµã¼ãå(ãµã ã表示ã»ã¯ãªãã¯ã§åç) 6196========================= --> 6197<section class="ghn-yt"> 6198 <!-- è¦åºã --> 6199 <div class="ghn-yt__hero"> 6200 <div class="ghn-yt__badge"> 6201 <span class="ghn-yt__badge-text">宿¼åç»</span> 6202 <span class="ghn-yt__play" aria-hidden="true"></span> 6203 </div> 6204 </div> 6205 <!-- ãããã¯ï¼ä½æ¥å®æ¼åç» --> 6206 <section class="ghn-yt__block"> 6207 <h3 class="ghn-yt__title"> 6208 <span class="ghn-yt__dot" aria-hidden="true"></span> 6209 使¥å®æ¼åç» 6210 </h3> 6211 <div class="ghn-yt-slick"> 6212 <div class="ghn-yt-slick__list"> 6213 <div class="ghn-yt-slick__item"> 6214 <div class="ghn-yt-slick__frame"> 6215 <button type="button" class="yt-face" data-yt="QELVMUl0oC0" aria-label="åç»ãåç"><img src="https://i.ytimg.com/vi/QELVMUl0oC0/hqdefault.jpg" alt="" loading="lazy"></button> 6216 </div> 6217 <p class="ghn-yt-slick__cap">ã宿¼åç»ããªã¼ã¬ãã¯ãã¦ã¤ã³ã°ã¢ã¢ã¼ãWM746F</p> 6218 </div> 6219 <div class="ghn-yt-slick__item"> 6220 <div class="ghn-yt-slick__frame"> 6221 <button type="button" class="yt-face" data-yt="LtY_C5-mbvs" aria-label="åç»ãåç"><img src="https://i.ytimg.com/vi/LtY_C5-mbvs/hqdefault.jpg" alt="" loading="lazy"></button> 6222 </div> 6223 <p class="ghn-yt-slick__cap">ã宿¼åç»ããªã¼ã¬ãã¯ãã©ãããã¢ã¢ã¼ãRM983FX</p> 6224 </div> 6225 <div class="ghn-yt-slick__item"> 6226 <div class="ghn-yt-slick__frame"> 6227 <button type="button" class="yt-face" data-yt="sJVZbxWzTIM" aria-label="åç»ãåç"><img src="https://i.ytimg.com/vi/sJVZbxWzTIM/hqdefault.jpg" alt="" loading="lazy"></button> 6228 </div> 6229 <p class="ghn-yt-slick__cap">ã宿¼åç»ããªã¼ã¬ãã¯ããã«ã¢ã¢ã¼ãHR665</p> 6230 </div> 6231 <div class="ghn-yt-slick__item"> 6232 <div class="ghn-yt-slick__frame"> 6233 <button type="button" class="yt-face" data-yt="ZcKizwPp-i4" aria-label="åç»ãåç"><img src="https://i.ytimg.com/vi/ZcKizwPp-i4/hqdefault.jpg" alt="" loading="lazy"></button> 6234 </div> 6235 <p class="ghn-yt-slick__cap">ã宿¼åç»ããªã¼ã¬ãã¯ãã©ã¸ã³ã³ã¹ãã¤ãã¼ã¢ã¢ã¼ãRCSP530A</p> 6236 </div> 6237 <div class="ghn-yt-slick__item"> 6238 <div class="ghn-yt-slick__frame"> 6239 <button type="button" class="yt-face" data-yt="0cLSSDL5-40" aria-label="åç»ãåç"><img src="https://i.ytimg.com/vi/0cLSSDL5-40/hqdefault.jpg" alt="" loading="lazy"></button> 6240 </div> 6241 <p class="ghn-yt-slick__cap">ã宿¼åç»ããªã¼ã¬ã㯠ã¹ãã¤ãã¼ã¢ã¢ã¼ SP853A</p> 6242 </div> 6243 </div> 6244 </div> 6245 </section> 6246 <!-- ãããã¯ï¼ã¡ã³ããã³ã¹å®æ¼åç» --> 6247 <section class="ghn-yt__block ghn-yt__block--last"> 6248 <h3 class="ghn-yt__title"> 6249 <span class="ghn-yt__dot" aria-hidden="true"></span> 6250 ã¡ã³ããã³ã¹åç» 6251 </h3> 6252 <div class="ghn-yt-slick"> 6253 <div class="ghn-yt-slick__list"> 6254 <div class="ghn-yt-slick__item"> 6255 <div class="ghn-yt-slick__frame"> 6256 <button type="button" class="yt-face" data-yt="ZlZv9a8ykMY" aria-label="åç»ãåç"><img src="https://i.ytimg.com/vi/ZlZv9a8ykMY/hqdefault.jpg" alt="" loading="lazy"></button> 6257 </div> 6258 <p class="ghn-yt-slick__cap">æ¬å½ã¯èªåã§ã§ããèããçªäº¤æ â 交æã®éè¦æ§ã¨äºåæºåç·¨</p> 6259 </div> 6260 <div class="ghn-yt-slick__item"> 6261 <div class="ghn-yt-slick__frame"> 6262 <button type="button" class="yt-face" data-yt="dlrGg14_TrE" aria-label="åç»ãåç"><img src="https://i.ytimg.com/vi/dlrGg14_TrE/hqdefault.jpg" alt="" loading="lazy"></button> 6263 </div> 6264 <p class="ghn-yt-slick__cap">æ¬å½ã¯èªåã§ã§ããèããçªäº¤æ â¡åãå¤ãç·¨</p> 6265 </div> 6266 <div class="ghn-yt-slick__item"> 6267 <div class="ghn-yt-slick__frame"> 6268 <button type="button" class="yt-face" data-yt="KL55yUAPY1A" aria-label="åç»ãåç"><img src="https://i.ytimg.com/vi/KL55yUAPY1A/hqdefault.jpg" alt="" loading="lazy"></button> 6269 </div> 6270 <p class="ghn-yt-slick__cap">æ¬å½ã¯èªåã§ã§ããèããçªäº¤æ â¢åãä»ãç·¨</p> 6271 </div> 6272 <div class="ghn-yt-slick__item"> 6273 <div class="ghn-yt-slick__frame"> 6274 <button type="button" class="yt-face" data-yt="46_YnMYMWEs" aria-label="åç»ãåç"><img src="https://i.ytimg.com/vi/46_YnMYMWEs/hqdefault.jpg" alt="" loading="lazy"></button> 6275 </div> 6276 <p class="ghn-yt-slick__cap">æ¬å½ã¯èªåã§ã§ããèããçªäº¤æ â£ã¾ã¨ãç·¨</p> 6277 </div> 6278 </div> 6279 </div> 6280 <div class="ghn-yt__more"> 6281 <a class="ghn-yt__morebtn" 6282 href="https://www.youtube.com/channel/UCbVJbU8xxmzym4m8s1f5IRQ" 6283 target="_blank" 6284 rel="noopener"> 6285 ãã£ã¨è¦ã 6286</a> 6287 </div> 6288 </section> 6289</section> 6290<style> 6291/* =========================
6292 è¦ãç®ï¼ç»åã®é°å²æ°å¯ãï¼ 6293========================= */ 6294.ghn-yt{ 6295 max-width:1100px; 6296 margin: 0 auto 40px; 6297 padding: 0 12px; 6298 box-sizing: border-box; 6299 font-family: "Noto Sans JP", system-ui, sans-serif; 6300 color:#333; 6301} 6302.ghn-yt__hero{ 6303 text-align:center; 6304 margin: 6px 0 14px; 6305} 6306.ghn-yt__badge{ 6307 display:inline-flex; 6308 align-items:center; 6309 gap:10px; 6310 font-weight:700; 6311 font-size:16px; 6312} 6313.ghn-yt__play{ 6314 width: 30px; 6315 height: 30px; 6316 border-radius: 6px; 6317 background:#0aa36b; 6318 position: relative; 6319 display:inline-block; 6320} 6321.ghn-yt__play::before{ 6322 content:""; 6323 position:absolute; 6324 left: 12px; 6325 top: 9px; 6326 width:0;height:0; 6327 border-left: 9px solid #fff; 6328 border-top: 6px solid transparent; 6329 border-bottom: 6px solid transparent; 6330} 6331.ghn-yt__block{ 6332 padding: 10px 0 18px; 6333 border-top: 1px solid #e6e6e6; 6334} 6335.ghn-yt__block--last{ 6336 border-bottom: 1px solid #e6e6e6; 6337} 6338.ghn-yt__title{ 6339 display:flex; 6340 align-items:center; 6341 gap:10px; 6342 font-size:14px; 6343 font-weight:700; 6344 margin: 8px 0 10px; 6345} 6346.ghn-yt__dot{ 6347 width:8px; 6348 height:8px; 6349 border-radius:50%; 6350 background:#111; 6351 display:inline-block; 6352} 6353/* ===== åºæ¬ ===== */ 6354.ghn-yt-slick{ 6355 max-width:1100px; 6356 margin: 0 auto; 6357} 6358/* slickã®å·¦å³ä½ç½ */ 6359.ghn-yt-slick__item{ 6360 padding: 0 8px; 6361 box-sizing: border-box; 6362} 6363/* iframeæ */ 6364.ghn-yt-slick__frame{ 6365 width: 100%; 6366 aspect-ratio: 16 / 9; 6367 position: relative; 6368 background: #000; 6369} 6370.ghn-yt-slick__frame iframe{ 6371 position:absolute; 6372 inset:0; 6373 width:100%; 6374 height:100%; 6375} 6376/* â¼ YouTubeãã¡ãµã¼ã(ãµã ã+åçãã¿ã³) */ 6377.yt-face{ 6378 display:block; 6379 position:absolute; 6380 inset:0; 6381 width:100%; 6382 height:100%; 6383 padding:0; 6384 border:0; 6385 background:#000; 6386 cursor:pointer; 6387} 6388.yt-face img{ 6389 width:100%; 6390 height:100%; 6391 object-fit:cover; 6392 display:block; 6393} 6394.yt-face::before{ 6395 content:""; 6396 position:absolute; 6397 top:50%; 6398 left:50%; 6399 transform:translate(-50%,-50%); 6400 width:64px; 6401 height:44px; 6402 background:rgba(0,0,0,.7); 6403 border-radius:10px; 6404} 6405.yt-face::after{ 6406 content:""; 6407 position:absolute; 6408 top:50%; 6409 left:50%; 6410 transform:translate(-50%,-50%); 6411 width:0; 6412 height:0; 6413 border-left:22px solid #fff; 6414 border-top:13px solid transparent; 6415 border-bottom:13px solid transparent; 6416} 6417.yt-face:hover::before{ background:#c00; } 6418/* â² ãã¡ãµã¼ãããã¾ã§ */ 6419/* ãã£ãã·ã§ã³ */ 6420.ghn-yt-slick__cap{ 6421 margin: 8px 0 0; 6422 font-size: 11px; 6423 line-height: 1.4; 6424 color:#777; 6425} 6426/* ãã£ã¨è¦ããã¿ã³ */ 6427.ghn-yt__more{ 6428 text-align:center; 6429 margin-top: 14px; 6430} 6431.ghn-yt__morebtn{ 6432 display:inline-flex; 6433 align-items:center; 6434 justify-content:center; 6435 min-width: 240px; 6436 height: 44px; 6437 border: 1px solid #dcdcdc; 6438 background:#fff; 6439 color:#333; 6440 font-size: 13px; 6441 font-weight:700; 6442} 6443.ghn-yt__morebtn:hover{ opacity:.85; } 6444/* ===== ç¢å°ï¼ä¸¸ãã¿ã³ ===== */ 6445.ghn-yt .slick-prev, 6446.ghn-yt .slick-next{ 6447 width: 34px; 6448 height: 34px; 6449 border-radius: 50%; 6450 background: rgba(255,255,255,0.95); 6451 border: 1px solid #e2e2e2; 6452 z-index: 20; 6453 top: 42%; 6454} 6455.ghn-yt .slick-prev{ left: -14px; } 6456.ghn-yt .slick-next{ right: -14px; } 6457.ghn-yt .slick-prev:before, 6458.ghn-yt .slick-next:before{ 6459 content:""; 6460 display:block; 6461 width: 9px; 6462 height: 9px; 6463 border-top: 2px solid #333; 6464 border-right: 2px solid #333; 6465 margin: 0 auto; 6466} 6467.ghn-yt .slick-prev:before{ transform: rotate(-135deg); } 6468.ghn-yt .slick-next:before{ transform: rotate(45deg); } 6469/* SP */ 6470@media (max-width:768px){ 6471 .ghn-yt__badge{ font-size:14px; } 6472 .ghn-yt .slick-prev{ left: -10px; } 6473 .ghn-yt .slick-next{ right: -10px; } 6474} 6475/* 宿¼åç»ï¼YouTubeãã¼ã¯ãå·®ãæ¿ã */ 6476.ghn-yt__play{ 6477 background-image: url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/youtubeicon.png") !important; 6478 background-repeat: no-repeat; 6479 background-position: center; 6480 background-size: contain; 6481} 6482.ghn-yt__play::before, 6483.ghn-yt__play::after { 6484 content: none !important; 6485 display: none !important; 6486} 6487/* ====== YouTubeã¢ã¤ã³ã³å·®ãæ¿ãï¼æçµä¸æ¸ãï¼====== */ 6488section.ghn-yt .ghn-yt__play{ 6489 background: transparent !important;
6490 background-image: url("https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/youtubeicon.png") !important; 6491 background-repeat: no-repeat !important; 6492 background-position: center !important; 6493 background-size: contain !important; 6494 border-radius: 0 !important; 6495} 6496section.ghn-yt .ghn-yt__play::before, 6497section.ghn-yt .ghn-yt__play:before, 6498section.ghn-yt .ghn-yt__play::after, 6499section.ghn-yt .ghn-yt__play:after{ 6500 content: none !important; 6501 display: none !important; 6502 border: 0 !important; 6503} 6504/* 宿¼åç» è¦åºãï¼ç¸¦ä¸¦ã³ */ 6505.ghn-yt__badge{ 6506 display: flex; 6507 flex-direction: column; 6508 align-items: center; 6509 gap: 0px; 6510} 6511/* è¦åºããµã¤ãºçµ±ä¸ */ 6512section.ghn-yt .ghn-yt__badge-text{ 6513 font-size: 30px; 6514 font-weight: 800; 6515 letter-spacing: .06em; 6516 line-height: 1.2; 6517 margin: 0; 6518} 6519section.ghn-yt .ghn-yt__play{ 6520 width: 88px; 6521 height: 88px; 6522 background-size: contain; 6523} 6524@media (max-width: 768px){ 6525 section.ghn-yt .ghn-yt__badge-text{ 6526 font-size: 16px; 6527 } 6528 section.ghn-yt .ghn-yt__play{ 6529 width: 46px; 6530 height: 46px; 6531 } 6532} 6533</style>
6534<script> 6535(function($){ 6536 function loadCss(href){ 6537 return new Promise(function(resolve){ 6538 if (document.querySelector('link[href="'+href+'"]')) return resolve(); 6539 var link = document.createElement('link'); 6540 link.rel = 'stylesheet'; 6541 link.href = href; 6542 link.onload = resolve; 6543 document.head.appendChild(link); 6544 }); 6545 } 6546 function loadScript(src){ 6547 return new Promise(function(resolve, reject){ 6548 if (document.querySelector('script[src="'+src+'"]')) return resolve(); 6549 var s = document.createElement('script'); 6550 s.src = src; 6551 s.onload = resolve; 6552 s.onerror = reject; 6553 document.body.appendChild(s); 6554 }); 6555 } 6556 function ensureSlick(){ 6557 if ($.fn && typeof $.fn.slick === 'function') return Promise.resolve(); 6558 var css = 'https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css'; 6559 var cssTheme = 'https://cdn.jsdelivr.net/npm/[email protected]/slick/slick-theme.css'; 6560 var js = 'https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js'; 6561 return Promise.all([loadCss(css), loadCss(cssTheme)]).then(function(){ 6562 return loadScript(js); 6563 }); 6564 } 6565 function initYtSlick(){ 6566 var $list = $('.ghn-yt-slick__list'); 6567 if(!$list.length) return; 6568 $list.each(function(){ 6569 var $this = $(this); 6570 if($this.hasClass('slick-initialized')) return; 6571 $this.slick({ 6572 slidesToShow: 3, 6573 slidesToScroll: 1, 6574 arrows: true, 6575 dots: false, 6576 infinite: false, 6577 adaptiveHeight: false, 6578 draggable: true, 6579 swipe: true, 6580 touchMove: true, 6581 responsive: [ 6582 { breakpoint: 1024, settings: { slidesToShow: 2 } }, 6583 { breakpoint: 768, settings: { slidesToShow: 1 } } 6584 ] 6585 }); 6586 }); 6587 } 6588 function boot(){ 6589 ensureSlick() 6590 .then(function(){ 6591 initYtSlick(); 6592 setTimeout(initYtSlick, 300); 6593 setTimeout(initYtSlick, 1000); 6594 setTimeout(initYtSlick, 2000); 6595 }) 6596 .catch(function(){ 6597 }); 6598 } 6599 $(boot); 6600 $(window).on('load', boot); 6601})(jQuery); 6602</script>
vendor: 2 bytes, line 6602
6602
6603<script> 6604/* YouTubeãã¡ãµã¼ã: ã¯ãªãã¯ã§æ¬ç©ã®ãã¬ã¤ã¤ã¼ã«å·®ãæ¿ã */ 6605document.addEventListener('click', function (e) { 6606 var b = e.target.closest('.yt-face'); 6607 if (!b) return; 6608 e.preventDefault(); 6609 var ifr = document.createElement('iframe'); 6610 ifr.src = 'https://www.youtube.com/embed/' + b.getAttribute('data-yt') + '?autoplay=1&rel=0'; 6611 ifr.setAttribute('frameborder', '0'); 6612 ifr.setAttribute('allowfullscreen', ''); 6613 ifr.setAttribute('allow', 'autoplay; encrypted-media; picture-in-picture'); 6614 b.replaceWith(ifr); 6615}); 6616</script>
6616 6617 <section class="ms-rec"> 6618 <h2 class="ms-rec__title">ã©ã³ãã³ã°</h2> 6619 6620 <div class="swiper ms-rec__swiper"> 6621 <div class="swiper-wrapper"> 6622 <div class="swiper-slide ms-rec__slide"> 6623 <div class="ms-rec__item"> 6624 6625 <div class="item-icon"> 6626 </div> 6627 6628 <div class="item-list-image"> 6629 <div class="ms-rec__rank-badge"> 6630 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/ranking/icon_No1.png" alt="ã©ã³ãã³ã°1ä½" class="ms-rec__rank-img"> 6631 </div> 6632 6633 <a href="/view/item/000000009099"> 6634 <img src="https://makeshop-multi-images.akamaized.net/fukuda29/itemimages/000000009099_ZVdDdUB.jpg" alt="" loading="lazy"> 6635 </a> 6636 </div> 6637 6638 <p class="item-category"> 6639 <a href="/view/category/ct103"> 6640 å¹³å°èåæ© 6641 </a> 6642 </p> 6643 6644 <p class="item-name"> 6645 <a href="/view/item/000000009099"> 6646 ãå³ç´å¯ãã¤ã³ãã¼ èªèµ°å¼ãã³ãã¼ãã¤ãã¢ã¢ YW490H,E ã»ã«å§å 4.2馬å åå¹ 490mm ã³ã³ãã¯ããã³ãã¼ã¢ã¢ 6647 </a> 6648 </p> 6649 6650 <p class="price"> 6651 ï¿¥310,000 6652 <span>ï¼ç¨è¾¼ï¼</span> 6653 </p> 6654 6655 6656 <div class="item-list-cart"> 6657 <a href="#makeshop-common-cart-entry-url:000000009099" 6658 class="item-list-btn add-list-cart cart-order-btn">ã«ã¼ãã«å ¥ãã</a> 6659 </div> 6660 6661 </div> 6662 </div> 6663 <div class="swiper-slide ms-rec__slide"> 6664 <div class="ms-rec__item"> 6665 6666 <div class="item-icon"> 6667 </div> 6668 6669 <div class="item-list-image"> 6670 <div class="ms-rec__rank-badge"> 6671 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/ranking/icon_No2.png" alt="ã©ã³ãã³ã°2ä½" class="ms-rec__rank-img"> 6672 </div> 6673 6674 <a href="/view/item/000000008242"> 6675 <img src="https://makeshop-multi-images.akamaized.net/fukuda29/itemimages/000000008242_Hz4Ev5C.jpg" alt="" loading="lazy"> 6676 </a> 6677 </div> 6678 6679 <p class="item-category"> 6680 <a href="/view/category/ct103"> 6681 å¹³å°èåæ© 6682 </a> 6683 </p> 6684 6685 <p class="item-name"> 6686 <a href="/view/item/000000008242"> 6687 ãå³ç´å¯ãã¤ã³ãã¼ YW450H èªèµ°å¼èåæ© ãã³ãã¼ãã¤ãã¢ã¢ 3.0馬å 軽éã»ã³ã³ãã¯ã åå¹ 450mm èå°é¤è 6688 </a> 6689 </p> 6690 6691 <p class="price"> 6692 ï¿¥250,000 6693 <span>ï¼ç¨è¾¼ï¼</span> 6694 </p> 6695 6696 6697 <div class="item-list-cart"> 6698 <a href="#makeshop-common-cart-entry-url:000000008242" 6699 class="item-list-btn add-list-cart cart-order-btn">ã«ã¼ãã«å ¥ãã</a> 6700 </div> 6701 6702 </div> 6703 </div> 6704 <div class="swiper-slide ms-rec__slide"> 6705 <div class="ms-rec__item"> 6706 6707 <div class="item-icon"> 6708 </div> 6709 6710 <div class="item-list-image"> 6711 <div class="ms-rec__rank-badge"> 6712 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/ranking/icon_No3.png" alt="ã©ã³ãã³ã°3ä½" class="ms-rec__rank-img"> 6713 </div> 6714 6715 <a href="/view/item/000000008950"> 6716 <img src="https://makeshop-multi-images.akamaized.net/fukuda29/itemimages/000000008950_29KIPDq.jpg" alt="" loading="lazy"> 6717 </a> 6718 </div> 6719 6720 <p class="item-category"> 6721 <a href="/view/category/ct104"> 6722 æé¢èåæ© 6723 </a> 6724 </p> 6725 6726 <p class="item-name"> 6727 <a href="/view/item/000000008950"> 6728 ãå³ç´å¯ããªã¼ã¬ã㯠SP853A æé¢èåæ© ã¹ãã¤ãã¼ã¢ã¢ 4WD åå¹ 500mm ãªã¤ã«å å¡«ã»è©¦éè»¢æ¸ æ³é¢é¤è 6729 </a> 6730 </p> 6731 6732 <p class="price"> 6733 ï¿¥278,000
6734 <span>ï¼ç¨è¾¼ï¼</span> 6735 </p> 6736 6737 6738 <div class="item-list-cart"> 6739 <a href="#makeshop-common-cart-entry-url:000000008950" 6740 class="item-list-btn add-list-cart cart-order-btn">ã«ã¼ãã«å ¥ãã</a> 6741 </div> 6742 6743 </div> 6744 </div> 6745 <div class="swiper-slide ms-rec__slide"> 6746 <div class="ms-rec__item"> 6747 6748 <div class="item-icon"> 6749 </div> 6750 6751 <div class="item-list-image"> 6752 6753 <a href="/view/item/000000009184"> 6754 <img src="https://makeshop-multi-images.akamaized.net/fukuda29/itemimages/000000009184_CKG9f3w.jpg" alt="" loading="lazy"> 6755 </a> 6756 </div> 6757 6758 <p class="item-category"> 6759 <a href="/view/category/ct106"> 6760 ãªãã·ã§ã³å 6761 </a> 6762 </p> 6763 6764 <p class="item-name"> 6765 <a href="/view/item/000000009184"> 6766 ãã¢ã¹ãã¡ã«ãç§»åç¨ããªã¼ã¬ã㯠ã¹ãã¤ãã¼ã¢ã¢å°ç¨ ç§»åè»è¼ªï¼é©åï¼SP853A / SP431Fï¼ç´æ£ãªãã·ã§ã³ OREC 6767 </a> 6768 </p> 6769 6770 <p class="price"> 6771 ï¿¥11,000 6772 <span>ï¼ç¨è¾¼ï¼</span> 6773 </p> 6774 6775 6776 <div class="item-list-cart"> 6777 <a href="#makeshop-common-cart-entry-url:000000009184" 6778 class="item-list-btn add-list-cart cart-order-btn">ã«ã¼ãã«å ¥ãã</a> 6779 </div> 6780 6781 </div> 6782 </div> 6783 <div class="swiper-slide ms-rec__slide"> 6784 <div class="ms-rec__item"> 6785 6786 <div class="item-icon"> 6787 </div> 6788 6789 <div class="item-list-image"> 6790 6791 <a href="/view/item/000000008911"> 6792 <img src="https://makeshop-multi-images.akamaized.net/fukuda29/itemimages/000000008911_YqIurPw.jpg" alt="" loading="lazy"> 6793 </a> 6794 </div> 6795 6796 <p class="item-category"> 6797 <a href="/view/category/ct169"> 6798 Vãã«ã 6799 </a> 6800 </p> 6801 6802 <p class="item-name"> 6803 <a href="/view/item/000000008911"> 6804 ãå³ç´å¯ãã¹ãã¤ãã¼ã¢ã¢ç¨ ååé§åVãã«ã ãã³ãã¼ W1000 SA-23.1ï¼ãªã¼ã¬ãã¯åçªï¼0339-70900ï¼é«èä¹ ä»æ§ é©åï¼SP853A,SP753B 6805 </a> 6806 </p> 6807 6808 <p class="price"> 6809 ï¿¥4,300 6810 <span>ï¼ç¨è¾¼ï¼</span> 6811 </p> 6812 6813 6814 <div class="item-list-cart"> 6815 <a href="#makeshop-common-cart-entry-url:000000008911" 6816 class="item-list-btn add-list-cart cart-order-btn">ã«ã¼ãã«å ¥ãã</a> 6817 </div> 6818 6819 </div> 6820 </div> 6821 <div class="swiper-slide ms-rec__slide"> 6822 <div class="ms-rec__item"> 6823 6824 <div class="item-icon"> 6825 </div> 6826 6827 <div class="item-list-image"> 6828 6829 <a href="/view/item/000000000291"> 6830 <img src="https://makeshop-multi-images.akamaized.net/fukuda29/itemimages/000000000291_hmOVYZy.jpg" alt="" loading="lazy"> 6831 </a> 6832 </div> 6833 6834 <p class="item-category"> 6835 <a href="/view/category/ct104"> 6836 æé¢èåæ© 6837 </a> 6838 </p> 6839 6840 <p class="item-name"> 6841 <a href="/view/item/000000000291"> 6842 ãèªå® é é/å³ç´å¯ããªã¼ã¬ã㯠èªèµ°å¼æé¢èåæ© ã¹ãã¤ãã¼ã¢ã¢ SP301A åå¹ 300mm æ³é¢èåæ© 4WDããªã¤ã«å å¡«ã»è©¦é転æ¸ã 6843 </a> 6844 </p> 6845 6846 <p class="price"> 6847 ï¿¥167,000
6848 <span>ï¼ç¨è¾¼ï¼</span> 6849 </p> 6850 6851 6852 <div class="item-list-cart"> 6853 <a href="#makeshop-common-cart-entry-url:000000000291" 6854 class="item-list-btn add-list-cart cart-order-btn">ã«ã¼ãã«å ¥ãã</a> 6855 </div> 6856 6857 </div> 6858 </div> 6859 <div class="swiper-slide ms-rec__slide"> 6860 <div class="ms-rec__item"> 6861 6862 <div class="item-icon"> 6863 </div> 6864 6865 <div class="item-list-image"> 6866 6867 <a href="/view/item/000000009256"> 6868 <img src="https://makeshop-multi-images.akamaized.net/fukuda29/itemimages/000000009256_mE0t7CV.jpg" alt="" loading="lazy"> 6869 </a> 6870 </div> 6871 6872 <p class="item-category"> 6873 <a href="/view/category/ct219"> 6874 ãã©ã¯ã¿ã¼ãªãã·ã§ã³å 6875 </a> 6876 </p> 6877 6878 <p class="item-name"> 6879 <a href="/view/item/000000009256"> 6880 ã¤ã³ãã¼ç´æ£ãã©ã¯ã¿ã¼ãªãã·ã§ã³åãããã³ãã¦ã§ã¤ã20kg 1TS100-01001 6881 </a> 6882 </p> 6883 6884 <p class="price"> 6885 ï¿¥13,000 6886 <span>ï¼ç¨è¾¼ï¼</span> 6887 </p> 6888 6889 6890 <div class="item-list-cart"> 6891 <a href="#makeshop-common-cart-entry-url:000000009256" 6892 class="item-list-btn add-list-cart cart-order-btn">ã«ã¼ãã«å ¥ãã</a> 6893 </div> 6894 6895 </div> 6896 </div> 6897 <div class="swiper-slide ms-rec__slide"> 6898 <div class="ms-rec__item"> 6899 6900 <div class="item-icon"> 6901 </div> 6902 6903 <div class="item-list-image"> 6904 6905 <a href="/view/item/000000009229"> 6906 <img src="https://makeshop-multi-images.akamaized.net/fukuda29/itemimages/000000009229_o6FjRwY.jpg" alt="" loading="lazy"> 6907 </a> 6908 </div> 6909 6910 <p class="item-category"> 6911 <a href="/view/category/ct166"> 6912 è±ä½ãã£ã¨ãªãªã¸ãã«åå(ãããã½ã¼) 6913 </a> 6914 </p> 6915 6916 <p class="item-name"> 6917 <a href="/view/item/000000009229"> 6918 ãå³ç´å¯ãè±ä½ãã£ã¨ãªãªã¸ãã«ãããã½ã¼ããã¸ã«ã« 255mmÃ40P [ åå å åææ© ããã ] 6919 </a> 6920 </p> 6921 6922 <p class="price"> 6923 ï¿¥3,290 6924 <span>ï¼ç¨è¾¼ï¼</span> 6925 </p> 6926 6927 6928 <div class="item-list-cart"> 6929 <a href="#makeshop-common-cart-entry-url:000000009229" 6930 class="item-list-btn add-list-cart cart-order-btn">ã«ã¼ãã«å ¥ãã</a> 6931 </div> 6932 6933 </div> 6934 </div> 6935 </div> 6936 6937 <div class="swiper-button-prev ms-rec__prev"></div> 6938 <div class="swiper-button-next ms-rec__next"></div> 6939 <div class="swiper-pagination ms-rec__pagination"></div> 6940 </div> 6941</section> 6942 6943<style> 6944.ms-rec { 6945 max-width: 1200px; 6946 margin: 48px auto; 6947 padding: 0 20px; 6948 box-sizing: border-box; 6949} 6950.ms-rec__title { 6951 font-size: 1.8rem; 6952 margin-bottom: 16px; 6953 padding-bottom: 6px; 6954 border-bottom: 1px solid #ccc; 6955 display: block; 6956 width: 100%; 6957} 6958.ms-rec__swiper { 6959 position: relative; 6960 padding: 10px 40px; 6961} 6962.ms-rec__slide { 6963 height: auto; 6964} 6965.ms-rec__item { 6966 background: #ffffff; 6967 border: 1px solid #e5e5e5; 6968 border-radius: 4px; 6969 padding: 6px; 6970 box-sizing: border-box; 6971 display: flex; 6972 flex-direction: column; 6973 height: 100%; 6974 font-size: 12px; 6975} 6976.ms-rec__item .item-list-image { 6977 text-align: center; 6978 margin-bottom: 8px; 6979 position: relative; 6980 overflow: hidden; 6981} 6982.ms-rec__item .item-list-image img { 6983 width: auto; 6984 max-width: 100%; 6985 max-height: 140px; 6986 height: auto; 6987 margin: 0 auto; 6988 object-fit: contain; 6989} 6990.ms-rec__rank-badge { 6991 position: absolute; 6992 left: 4px;
6993 top: 4px; 6994 z-index: 2; 6995} 6996.ms-rec__rank-img { 6997 width: 40px; 6998 height: auto; 6999 display: block; 7000 filter: drop-shadow(0 1px 2px rgba(0,0,0,.2)); 7001} 7002.ms-rec__item .item-name { 7003 font-size: 12px; 7004 line-height: 1.4; 7005 margin: 4px 0; 7006} 7007.ms-rec__item .price { 7008 font-size: 12px; 7009 margin: 2px 0; 7010} 7011.ms-rec__item .item-list-cart { 7012 margin-top: auto; 7013} 7014.ms-rec__prev, 7015.ms-rec__next { 7016 width: 32px; 7017 height: 32px; 7018 border-radius: 50%; 7019 background: #fff; 7020 box-shadow: 0 4px 12px rgba(0,0,0,.15); 7021 color: #333; 7022 top: 50%; 7023 transform: translateY(-50%); 7024} 7025.ms-rec__prev::after, 7026.ms-rec__next::after { 7027 font-size: 16px; 7028} 7029.ms-rec__pagination { 7030 bottom: -20px; 7031} 7032@media (max-width: 768px) { 7033 .ms-rec { padding: 0 10px; } 7034 .ms-rec__swiper { padding: 10px 30px; } 7035} 7036@media (max-width: 480px) { 7037 .ms-rec__swiper { padding: 10px 16px; } 7038 .ms-rec__prev, 7039 .ms-rec__next { display: none; } 7040} 7041.ms-rec__item .item-name a{ 7042 display:-webkit-box; 7043 -webkit-box-orient: vertical; 7044 -webkit-line-clamp: 3; 7045 overflow:hidden; 7046 text-overflow: ellipsis; 7047 line-height:1.4; 7048 max-height:calc(1.4em * 3); 7049} 7050 7051/* =============================== 7052 ã©ã³ãã³ã° è¦åºãã ãèª¿æ´ 7053=============================== */ 7054.ms-rec__title{ 7055 font-family: "Noto Sans JP", "Hiragino Sans", "Helvetica Neue", 7056 Arial, system-ui, sans-serif; 7057 font-size: 22px; /* 使¥å®æ¼åç»ã®è¦åºããµã¤ãºæ */ 7058 font-weight: 800; /* 太ãã»ä»é¢¨ */ 7059 letter-spacing: .04em; /* å°ãã ãåºãã¦èªã¿ããã */ 7060} 7061 7062 7063</style> 7064
7065<script> 7066document.addEventListener('DOMContentLoaded', function () { 7067 new Swiper('.ms-rec__swiper', { 7068 slidesPerView: 5, 7069 spaceBetween: 20, 7070 loop: false, 7071 navigation: { 7072 nextEl: '.ms-rec__next', 7073 prevEl: '.ms-rec__prev', 7074 }, 7075 pagination: { 7076 el: '.ms-rec__pagination', 7077 clickable: true, 7078 }, 7079 breakpoints: { 7080 0: { slidesPerView: 1, spaceBetween: 12 }, 7081 600: { slidesPerView: 2, spaceBetween: 16 }, 7082 960: { slidesPerView: 5, spaceBetween: 20 } 7083 } 7084 }); 7085}); 7086</script>
7086� 7087 <!-- æ°ååã¹ã©ã¤ãã¼ --> 7088<section class="ms-new"> 7089 <h2 class="ms-new__title">æ°çåå</h2> 7090 7091 <div class="swiper ms-new__swiper"> 7092 <div class="swiper-wrapper"> 7093 <div class="swiper-slide ms-new__slide"> 7094 <div class="ms-new__item"> 7095 7096 <div class="item-icon"> 7097 </div> 7098 7099 <div class="item-list-image"> 7100 <a href="/view/item/000000009133"> 7101 <img src="https://makeshop-multi-images.akamaized.net/fukuda29/itemimages/000000009133_tMZbnZM.jpg" alt="" loading="lazy"> 7102 </a> 7103 </div> 7104 7105 <p class="item-category"> 7106 <a href="/view/category/ct103"> 7107 å¹³å°èåæ© 7108 </a> 7109 </p> 7110 7111 <p class="item-name"> 7112 <a href="/view/item/000000009133"> 7113 ãªã¼ã¬ã㯠ãã«ã¢ã¢ã¼ HRT663A èªèµ°å¼ã¤ãåãæ©ï¼ãã³ãã¼ãã¤ãã¢ã¢ï¼ 7114 </a> 7115 </p> 7116 7117 <p class="price"> 7118 ï¿¥649,000 7119 <span>ï¼ç¨è¾¼ï¼</span> 7120 </p> 7121 7122 7123 <div class="item-list-cart"> 7124 <a href="#makeshop-common-cart-entry-url:000000009133" 7125 class="item-list-btn add-list-cart cart-order-btn">ã«ã¼ãã«å ¥ãã</a> 7126 </div> 7127 7128 </div><!-- /.ms-new__item --> 7129 </div><!-- /.ms-new__slide --> 7130 <div class="swiper-slide ms-new__slide"> 7131 <div class="ms-new__item"> 7132 7133 <div class="item-icon"> 7134 </div> 7135 7136 <div class="item-list-image"> 7137 <a href="/view/item/000000009132"> 7138 <img src="https://makeshop-multi-images.akamaized.net/fukuda29/itemimages/000000009132_xcSlOhS.jpg" alt="" loading="lazy"> 7139 </a> 7140 </div> 7141 7142 <p class="item-category"> 7143 <a href="/view/category/ct103"> 7144 å¹³å°èåæ© 7145 </a> 7146 </p> 7147 7148 <p class="item-name"> 7149 <a href="/view/item/000000009132"> 7150 ãªã¼ã¬ã㯠ãã«ã¢ã¢ã¼ HRS815B èªèµ°å¼èåæ© åå¹ 800mmï¼ãã³ãã¼ãã¤ãã¢ã¢ï¼ 7151 </a> 7152 </p> 7153 7154 <p class="price"> 7155 ï¿¥1,090,000 7156 <span>ï¼ç¨è¾¼ï¼</span> 7157 </p> 7158 7159 7160 <div class="item-list-cart"> 7161 <a href="#makeshop-common-cart-entry-url:000000009132" 7162 class="item-list-btn add-list-cart cart-order-btn">ã«ã¼ãã«å ¥ãã</a> 7163 </div> 7164 7165 </div><!-- /.ms-new__item --> 7166 </div><!-- /.ms-new__slide --> 7167 <div class="swiper-slide ms-new__slide"> 7168 <div class="ms-new__item"> 7169 7170 <div class="item-icon"> 7171 </div> 7172 7173 <div class="item-list-image"> 7174 <a href="/view/item/000000008427"> 7175 <img src="https://makeshop-multi-images.akamaized.net/fukuda29/itemimages/000000008427_FycVFVp.jpg" alt="" loading="lazy"> 7176 </a> 7177 </div> 7178 7179 <p class="item-category"> 7180 <a href="/view/category/ct103"> 7181 å¹³å°èåæ© 7182 </a> 7183 </p> 7184 7185 <p class="item-name"> 7186 <a href="/view/item/000000008427"> 7187 ãªã¼ã¬ã㯠ãã«ã¢ã¢ã¼ HRC665AS ã»ã«ä» ã¯ãã¼ã©ã¼å¼èåæ© åå¹ 650mmï¼ãã³ãã¼ãã¤ãã¢ã¢ï¼ 7188 </a> 7189 </p> 7190 7191 <p class="price"> 7192 ï¿¥719,000 7193 <span>ï¼ç¨è¾¼ï¼</span> 7194 </p> 7195 7196 7197 <div class="item-list-cart"> 7198 <a href="#makeshop-common-cart-entry-url:000000008427"
7199 class="item-list-btn add-list-cart cart-order-btn">ã«ã¼ãã«å ¥ãã</a> 7200 </div> 7201 7202 </div><!-- /.ms-new__item --> 7203 </div><!-- /.ms-new__slide --> 7204 <div class="swiper-slide ms-new__slide"> 7205 <div class="ms-new__item"> 7206 7207 <div class="item-icon"> 7208 </div> 7209 7210 <div class="item-list-image"> 7211 <a href="/view/item/000000000307"> 7212 <img src="https://makeshop-multi-images.akamaized.net/fukuda29/itemimages/000000000307_6D6lNGD.jpg" alt="" loading="lazy"> 7213 </a> 7214 </div> 7215 7216 <p class="item-category"> 7217 <a href="/view/category/ct103"> 7218 å¹³å°èåæ© 7219 </a> 7220 </p> 7221 7222 <p class="item-name"> 7223 <a href="/view/item/000000000307"> 7224 ãªã¼ã¬ã㯠ãã«ã¢ã¢ã¼ HRC665A ã¯ãã¼ã©ã¼å¼èåæ© åå¹ 650mmï¼ãã³ãã¼ãã¤ãã¢ã¢ï¼ 7225 </a> 7226 </p> 7227 7228 <p class="price"> 7229 ï¿¥650,000 7230 <span>ï¼ç¨è¾¼ï¼</span> 7231 </p> 7232 7233 7234 <div class="item-list-cart"> 7235 <a href="#makeshop-common-cart-entry-url:000000000307" 7236 class="item-list-btn add-list-cart cart-order-btn">ã«ã¼ãã«å ¥ãã</a> 7237 </div> 7238 7239 </div><!-- /.ms-new__item --> 7240 </div><!-- /.ms-new__slide --> 7241 <div class="swiper-slide ms-new__slide"> 7242 <div class="ms-new__item"> 7243 7244 <div class="item-icon"> 7245 </div> 7246 7247 <div class="item-list-image"> 7248 <a href="/view/item/000000009412"> 7249 <img src="https://makeshop-multi-images.akamaized.net/fukuda29/itemimages/000000009412_uzAWfu7.jpg" alt="" loading="lazy"> 7250 </a> 7251 </div> 7252 7253 <p class="item-category"> 7254 <a href="/view/category/ct103"> 7255 å¹³å°èåæ© 7256 </a> 7257 </p> 7258 7259 <p class="item-name"> 7260 <a href="/view/item/000000009412"> 7261 ãªã¼ã¬ã㯠ãã«ã¢ã¢ã¼ HR805A èªèµ°å¼èåæ© åå¹ 800mmï¼ãã³ãã¼ãã¤ãã¢ã¢ï¼ 7262 </a> 7263 </p> 7264 7265 <p class="price"> 7266 ï¿¥650,000 7267 <span>ï¼ç¨è¾¼ï¼</span> 7268 </p> 7269 7270 7271 <div class="item-list-cart"> 7272 <a href="#makeshop-common-cart-entry-url:000000009412" 7273 class="item-list-btn add-list-cart cart-order-btn">ã«ã¼ãã«å ¥ãã</a> 7274 </div> 7275 7276 </div><!-- /.ms-new__item --> 7277 </div><!-- /.ms-new__slide --> 7278 <div class="swiper-slide ms-new__slide"> 7279 <div class="ms-new__item"> 7280 7281 <div class="item-icon"> 7282 </div> 7283 7284 <div class="item-list-image"> 7285 <a href="/view/item/000000000304"> 7286 <img src="https://makeshop-multi-images.akamaized.net/fukuda29/itemimages/000000000304_y6pdefh.jpg" alt="" loading="lazy"> 7287 </a> 7288 </div> 7289 7290 <p class="item-category"> 7291 <a href="/view/category/ct103"> 7292 å¹³å°èåæ© 7293 </a> 7294 </p> 7295 7296 <p class="item-name"> 7297 <a href="/view/item/000000000304"> 7298 ãªã¼ã¬ã㯠ãã«ã¢ã¢ã¼ HR665Aï¼ã¹ãã³ã¬ã¹ä»æ§ï¼èªèµ°å¼èåæ© ãåå¹ 650mm 7299 </a> 7300 </p> 7301 7302 <p class="price"> 7303 ï¿¥550,000 7304 <span>ï¼ç¨è¾¼ï¼</span> 7305 </p> 7306 7307 7308 <div class="item-list-cart"> 7309 <a href="#makeshop-common-cart-entry-url:000000000304"
7310 class="item-list-btn add-list-cart cart-order-btn">ã«ã¼ãã«å ¥ãã</a> 7311 </div> 7312 7313 </div><!-- /.ms-new__item --> 7314 </div><!-- /.ms-new__slide --> 7315 <div class="swiper-slide ms-new__slide"> 7316 <div class="ms-new__item"> 7317 7318 <div class="item-icon"> 7319 </div> 7320 7321 <div class="item-list-image"> 7322 <a href="/view/item/000000008910"> 7323 <img src="https://makeshop-multi-images.akamaized.net/fukuda29/itemimages/000000008910_1DKEn5I.jpg" alt="" loading="lazy"> 7324 </a> 7325 </div> 7326 7327 <p class="item-category"> 7328 <a href="/view/category/ct103"> 7329 å¹³å°èåæ© 7330 </a> 7331 </p> 7332 7333 <p class="item-name"> 7334 <a href="/view/item/000000008910"> 7335 ãªã¼ã¬ã㯠ãã«ã¢ã¢ã¼ HR665A èªèµ°å¼èåæ© åå¹ 650mmï¼ãã³ãã¼ãã¤ãã¢ã¢ï¼ 7336 </a> 7337 </p> 7338 7339 <p class="price"> 7340 ï¿¥520,000 7341 <span>ï¼ç¨è¾¼ï¼</span> 7342 </p> 7343 7344 7345 <div class="item-list-cart"> 7346 <a href="#makeshop-common-cart-entry-url:000000008910" 7347 class="item-list-btn add-list-cart cart-order-btn">ã«ã¼ãã«å ¥ãã</a> 7348 </div> 7349 7350 </div><!-- /.ms-new__item --> 7351 </div><!-- /.ms-new__slide --> 7352 <div class="swiper-slide ms-new__slide"> 7353 <div class="ms-new__item"> 7354 7355 <div class="item-icon"> 7356 </div> 7357 7358 <div class="item-list-image"> 7359 <a href="/view/item/000000008882"> 7360 <img src="https://makeshop-multi-images.akamaized.net/fukuda29/itemimages/000000008882_YObfDBD.jpg" alt="" loading="lazy"> 7361 </a> 7362 </div> 7363 7364 <p class="item-category"> 7365 <a href="/view/category/ct103"> 7366 å¹³å°èåæ© 7367 </a> 7368 </p> 7369 7370 <p class="item-name"> 7371 <a href="/view/item/000000008882"> 7372 ãªã¼ã¬ã㯠HR532A èªèµ°å¼èåæ© ãã«ã¢ã¢ã¼ ãã³ãã¼ãã¤ãã¢ã¢ 6.3馬å ã¨ã³ã¸ã³å¼ åå¹ 520mm èå°é¤è 7373 </a> 7374 </p> 7375 7376 <p class="price"> 7377 ï¿¥458,000 7378 <span>ï¼ç¨è¾¼ï¼</span> 7379 </p> 7380 7381 7382 <div class="item-list-cart"> 7383 <a href="#makeshop-common-cart-entry-url:000000008882" 7384 class="item-list-btn add-list-cart cart-order-btn">ã«ã¼ãã«å ¥ãã</a> 7385 </div> 7386 7387 </div><!-- /.ms-new__item --> 7388 </div><!-- /.ms-new__slide --> 7389 </div> 7390 7391 <div class="swiper-button-prev ms-new__prev"></div> 7392 <div class="swiper-button-next ms-new__next"></div> 7393 <div class="swiper-pagination ms-new__pagination"></div> 7394 </div><!-- /.ms-new__swiper --> 7395</section> 7396 7397<style> 7398/* ============================ 7399 æ°ååã¹ã©ã¤ãã¼ï¼ã©ã³ãã³ã°ã¨å¥ã¯ã©ã¹ï¼ 7400============================ */ 7401.ms-new { 7402 max-width: 1200px; 7403 margin: 48px auto; 7404 padding: 0 20px; 7405 box-sizing: border-box; 7406} 7407 7408/* ã¿ã¤ãã«ï¼ä¸ç·ï¼ã©ã³ãã³ã°ã¨åãæãï¼ */ 7409.ms-new__title { 7410 font-size: 1.8rem; 7411 margin-bottom: 16px; 7412 padding-bottom: 6px; 7413 border-bottom: 1px solid #ccc; 7414 display: block; 7415 width: 100%; 7416} 7417 7418/* Swiperæ¬ä½ */ 7419.ms-new__swiper { 7420 position: relative; 7421 padding: 10px 40px; 7422} 7423 7424/* ã¹ã©ã¤ã */ 7425.ms-new__slide { 7426 height: auto; 7427} 7428 7429/* ã«ã¼ã */ 7430.ms-new__item { 7431 background: #ffffff; 7432 border: 1px solid #e5e5e5; 7433 border-radius: 4px; 7434 padding: 6px; /* ã³ã³ãã¯ãã */ 7435 box-sizing: border-box; 7436 display: flex; 7437 flex-direction: column; 7438 height: 100%; 7439 font-size: 12px; 7440} 7441 7442/* ç»å */ 7443.ms-new__item .item-list-image { 7444 text-align: center; 7445 margin-bottom: 6px; 7446} 7447.ms-new__item .item-list-image img { 7448 width: auto; 7449 max-width: 100%; 7450 max-height: 140px; /* ã©ã³ãã³ã°ã¨åããããã®é«ã */ 7451 height: auto; 7452 margin: 0 auto; 7453 object-fit: contain; 7454} 7455 7456/* åååã»ä¾¡æ ¼ */ 7457.ms-new__item .item-name { 7458 font-size: 12px; 7459 line-height: 1.4; 7460 margin: 4px 0; 7461} 7462.ms-new__item .price { 7463 font-size: 12px; 7464 font-weight: bold; 7465 margin: 2px 0; 7466} 7467 7468/* ã¬ãã¥ã¼å°ãè©°ãã */ 7469.ms-new__item .item-list-review { 7470 margin-bottom: 4px;
7471} 7472 7473/* ã«ã¼ããä¸çªä¸ã«å¯ãã */ 7474.ms-new__item .item-list-cart { 7475 margin-top: auto; 7476} 7477 7478/* ç¢å°ãã¿ã³ï¼æ°ååå°ç¨ï¼ */ 7479.ms-new__prev, 7480.ms-new__next { 7481 width: 32px; 7482 height: 32px; 7483 border-radius: 50%; 7484 background: #fff; 7485 box-shadow: 0 4px 12px rgba(0,0,0,.15); 7486 color: #333; 7487 top: 50%; 7488 transform: translateY(-50%); 7489} 7490.ms-new__prev::after, 7491.ms-new__next::after { 7492 font-size: 16px; 7493} 7494 7495/* ãã¼ã¸ãã¼ã·ã§ã³ */ 7496.ms-new__pagination { 7497 bottom: -20px; 7498} 7499 7500/* ã¬ã¹ãã³ã·ã */ 7501@media (max-width: 768px) { 7502 .ms-new { 7503 padding: 0 10px; 7504 } 7505 .ms-new__swiper { 7506 padding: 10px 30px; 7507 } 7508} 7509@media (max-width: 480px) { 7510 .ms-new__swiper { 7511 padding: 10px 16px; 7512 } 7513 .ms-new__prev, 7514 .ms-new__next { 7515 display: none; 7516 } 7517} 7518 7519/* æ°ååã¹ã©ã¤ãã¼å ã®ã«ã¼ããã¿ã³ãç·ã«ï¼å¼·å¶çï¼ */ 7520.ms-new .ms-new__item .item-list-cart .item-list-btn.add-list-cart.cart-order-btn { 7521 background: #007A59 !important; 7522 border-color: #007A59 !important; 7523 color: #fff !important; 7524} 7525 7526/* ==================================== 7527 æ°ååï¼åååã3è¡ã§ãâ¦ãã«ãã 7528 ==================================== */ 7529.ms-new__item .item-name a { 7530 display: -webkit-box; 7531 -webkit-box-orient: vertical; 7532 -webkit-line-clamp: 3; /* â 3è¡ã¾ã§ */ 7533 overflow: hidden; 7534 text-overflow: ellipsis; 7535 line-height: 1.4; 7536 max-height: calc(1.4em * 3); /* é«ãåºå®ã§æ ãã¬é²æ¢ */ 7537 word-break: break-word; 7538} 7539/* ================================= 7540 æ°çåå è¦åºãã ããçµ±ä¸ 7541================================= */ 7542.ms-new__title{ 7543 font-family: "Noto Sans JP","Hiragino Sans","Helvetica Neue", 7544 Arial, system-ui, sans-serif; 7545 font-size: 20px; 7546 font-weight: 800; 7547 letter-spacing: .04em; 7548} 7549 7550</style> 7551
7552<script> 7553 document.addEventListener('DOMContentLoaded', function () { 7554 new Swiper('.ms-new__swiper', { 7555 slidesPerView: 5, // PCã§5件表示ï¼ã©ã³ãã³ã°ã¨æãï¼ 7556 spaceBetween: 20, 7557 loop: false, 7558 7559 navigation: { 7560 nextEl: '.ms-new__next', 7561 prevEl: '.ms-new__prev', 7562 }, 7563 pagination: { 7564 el: '.ms-new__pagination', 7565 clickable: true, 7566 }, 7567 7568 breakpoints: { 7569 0: { // ã¹ãã 7570 slidesPerView: 1, 7571 spaceBetween: 12 7572 }, 7573 600: { // ã¿ãã¬ãã 7574 slidesPerView: 2, 7575 spaceBetween: 16 7576 }, 7577 960: { // PC 7578 slidesPerView: 5, 7579 spaceBetween: 20 7580 } 7581 } 7582 }); 7583 }); 7584</script>
7584� 7585 7586 <div class="review-container" data-review-type="product" data-action="slider" data-review-count="10" data-morereview-page="1" data-morereview-page-link="/view/page/review-list" data-morereview-page-text="ã¬ãã¥ã¼ããã£ã¨è¦ã"></div> 7587 7588 7589 7590<!--ãç¥ãã--> 7591 <section class="main-section border"> 7592 <h2>ã·ã§ããããã®ãç¥ãã</h2> 7593 <ul class="news-list index-news-list"> 7594 <li> 7595 <div class="news-wrap"> 7596 <p class="news-date">2026/09/30 15:14</p> 7597 <dl> 7598 <dt class="news-title"><a href="/view/news/20260930151451">ãããã°ãã«ã¦6ä»¶ã®æ°ããªç´åãæ´æ°ãã¾ããã</a></dt> 7599 <dd class="news-content">ãã¤ãã覧ããã ãããããã¨ããããã¾ããè±ä½ããã§ãã 7600ããã°è¨äºãæ²è¼ãã¾ããã 7601â»é é製åâ ï¼ã¤ã³ãã¼ èªèµ°å¼ããèåæ© HR532Xï¼æ æ¨çWæ§ï¼ 7602â»çºé製åâ¡ï¼ã¤ã³ãã¼ èªèµ°å¼ããèåæ© Y</dd> 7603 </dl> 7604 </div> 7605 </li> 7606 <li> 7607 <div class="news-wrap"> 7608 <p class="news-date">2026/09/11 09:19</p> 7609 <dl> 7610 <dt class="news-title"><a href="/view/news/20260911091937">ãããã°ãã«ã¦2ä»¶ã®æ°ããªãç´åãæ´æ°ãã¾ããã(SP753B/YK651MR)</a></dt> 7611 <dd class="news-content">ãã¤ãã覧é ãããããã¨ããããã¾ããè±ä½ããã§ãã 7612ããã°è¨äºãæ²è¼ãã¾ããã 7613â»é é製åâ ï¼ãªã¼ã¬ã㯠èªèµ°å¼æé¢èåæ© SP753Bï¼æ æ¨ç Tæ§ï¼ 7614â»é é製åâ¡ï¼ã¤ã³ãã¼ ããèããæ© YK6</dd> 7615 </dl> 7616 </div> 7617 </li> 7618 <li> 7619 <div class="news-wrap"> 7620 <p class="news-date">2026/09/10 09:37</p> 7621 <dl> 7622 <dt class="news-title"><a href="/view/news/20260910093736">ãããã°ãã«ã¦4ä»¶ã®æ°ããªããã°ãæ´æ°ãã¾ããã(SP753B/SP301A/YK651SK,S/HR403)</a></dt> 7623 <dd class="news-content">ãã¤ãã覧é ãããããã¨ããããã¾ããè±ä½ããã§ãã 7624ããã°è¨äºãæ²è¼ãã¾ããã 7625â»çºé製åâ ï¼ãªã¼ã¬ã㯠èªèµ°å¼æé¢èåæ© SP753Bï¼åèç Mæ§ï¼ 7626â»çºé製åâ¡ï¼ãªã¼ã¬ã㯠èªèµ°å¼æé¢èåæ© </dd> 7627 </dl> 7628 </div> 7629 </li> 7630 </ul> 7631 <p class="news-more"><a href="/view/news/list">ãç¥ããä¸è¦§ã¸</a></p> 7632 </section> 7633 </div> 7634 7635<div id="moja"></div> 7636<!-- ====================== 7637 ãã£ã³ãã¼ã³ ã¹ã©ã¤ãã·ã§ã¼ï¼Bæ¡ï¼ç¢å°ãå¤ã«åºã / WPè¤æ°è¨ç½®OKã»æè¨ä»ã å®å ¨çï¼ 7638====================== --> 7639<section class="ms-campaign"> 7640 <div class="ms-campaign__head"> 7641 <h2 class="ms-campaign__title">ããã°</h2> 7642 </div> 7643 7644 <div class="ms-campaign__stage"> 7645 <div class="ms-campaign__prev" aria-label="åã¸"></div> 7646 <div class="ms-campaign__next" aria-label="次ã¸"></div> 7647 7648 <div class="ms-campaign__swiper swiper"> 7649 <div class="swiper-wrapper"> 7650 7651 <!-- slide 130 --> 7652 <div class="swiper-slide"> 7653 <a href="https://www.housakunet.shop/blog/report/pref09/913/" 7654 class="ms-campaign__item" 7655 target="_blank" 7656 rel="noopener"> 7657 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/word%20press/nouhin_2609/eyecatch_260925_top_c.png" 7658 alt="ã¤ã³ãã¼ èªèµ°å¼ããèåæ© HR532X é éãç´å"> 7659 </a> 7660 <div class="ms-campaign__caption"> 7661 <p class="ms-campaign__text">ã¤ã³ãã¼ èªèµ°å¼ããèåæ© HR532X é éãç´å</p> 7662 <p class="ms-campaign__text">æ æ¨ç Wæ§</p> 7663 </div> 7664 </div> 7665 7666 <!-- slide 129 --> 7667 <div class="swiper-slide"> 7668 <a href="https://www.housakunet.shop/blog/report/pref14/909/" 7669 class="ms-campaign__item" 7670 target="_blank" 7671 rel="noopener"> 7672 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/word%20press/nouhin_2609/eyecatch_260925_top_b.png" 7673 alt="PLOW ã¯ãµãã¶ã¦ã«ã¹ èªèµ°å¼èåæ© WGC530ãã©ã¹ çºéãç´å"> 7674 </a> 7675 <div class="ms-campaign__caption"> 7676 <p class="ms-campaign__text">PLOW ã¯ãµãã¶ã¦ã«ã¹ èªèµ°å¼èåæ© WGC530ãã©ã¹ çºéãç´å</p> 7677 <p class="ms-campaign__text">ç¥å¥å·ç Yæ§</p> 7678 </div> 7679 </div> 7680 7681 <!-- slide 128 --> 7682 <div class="swiper-slide"> 7683 <a href="https://www.housakunet.shop/blog/report/pref21/906/" 7684 class="ms-campaign__item" 7685 target="_blank" 7686 rel="noopener">
7687 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/word%20press/nouhin_2609/eyecatch_260925_top_d.png" 7688 alt="ãªã¼ã¬ã㯠èªèµ°å¼æé¢èåæ© SP753B çºéãç´å"> 7689 </a> 7690 <div class="ms-campaign__caption"> 7691 <p class="ms-campaign__text">ãªã¼ã¬ã㯠èªèµ°å¼æé¢èåæ© SP753B çºéãç´å</p> 7692 <p class="ms-campaign__text">å²éç Kæ§</p> 7693 </div> 7694 </div> 7695 7696 <!-- slide 127 --> 7697 <div class="swiper-slide"> 7698 <a href="https://www.housakunet.shop/blog/report/pref09/900/" 7699 class="ms-campaign__item" 7700 target="_blank" 7701 rel="noopener"> 7702 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/word%20press/nouhin_2609/eyecatch_260919_top.png" 7703 alt="ãªã¼ã¬ã㯠ä¹ç¨èåæ© RM832A é éãç´å"> 7704 </a> 7705 <div class="ms-campaign__caption"> 7706 <p class="ms-campaign__text">ãªã¼ã¬ã㯠ä¹ç¨èåæ© RM832A é éãç´å</p> 7707 <p class="ms-campaign__text">æ æ¨ç D社æ§</p> 7708 </div> 7709 </div> 7710 7711 <!-- slide 126 --> 7712 <div class="swiper-slide"> 7713 <a href="https://www.housakunet.shop/blog/report/pref09/897/" 7714 class="ms-campaign__item" 7715 target="_blank" 7716 rel="noopener"> 7717 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/word%20press/nouhin_2609/eyecatch_260919_top_b.png" 7718 alt="ã¤ã³ãã¼ ããèããæ© YK651MR,Z é éãç´å"> 7719 </a> 7720 <div class="ms-campaign__caption"> 7721 <p class="ms-campaign__text">ã¤ã³ãã¼ ããèããæ© YK651MR,Z é éãç´å</p> 7722 <p class="ms-campaign__text">æ æ¨ç Kæ§</p> 7723 </div> 7724 </div> 7725 7726 <!-- slide 125 --> 7727 <div class="swiper-slide"> 7728 <a href="https://www.housakunet.shop/blog/report/pref09/893/" 7729 class="ms-campaign__item" 7730 target="_blank" 7731 rel="noopener"> 7732 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/word%20press/nouhin_2609/eyecatch_260917_topb.png" 7733 alt="ãªã¼ã¬ã㯠èªèµ°å¼æé¢èåæ© SP431F é éãç´å"> 7734 </a> 7735 <div class="ms-campaign__caption"> 7736 <p class="ms-campaign__text">ãªã¼ã¬ã㯠èªèµ°å¼æé¢èåæ© SP431F é éãç´å</p> 7737 <p class="ms-campaign__text">æ æ¨ç Sæ§</p> 7738 </div> 7739 </div> 7740 7741 <!-- slide 124 --> 7742 <div class="swiper-slide"> 7743 <a href="https://www.housakunet.shop/blog/report/pref09/869/" 7744 class="ms-campaign__item" 7745 target="_blank" 7746 rel="noopener"> 7747 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/word%20press/nouhin_2609/eyecatch_260915b.png" 7748 alt="ã¤ã³ãã¼å»ºæ© è¶ ããã·ã§ãã« SV05-D é éãç´å"> 7749 </a> 7750 <div class="ms-campaign__caption"> 7751 <p class="ms-campaign__text">ã¤ã³ãã¼å»ºæ© è¶ ããã·ã§ãã« SV05-D é éãç´å</p> 7752 <p class="ms-campaign__text">æ æ¨ç Tæ§</p> 7753 </div> 7754 </div> 7755 7756 <!-- slide 123 --> 7757 <div class="swiper-slide"> 7758 <a href="https://www.housakunet.shop/blog/report/pref27/867/" 7759 class="ms-campaign__item" 7760 target="_blank" 7761 rel="noopener"> 7762 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/word%20press/nouhin_2609/eyecatch_260914_d.png" 7763 alt="ã¤ã³ãã¼ ããèããæ© YK400CR,ZLE çºéãç´å"> 7764 </a> 7765 <div class="ms-campaign__caption"> 7766 <p class="ms-campaign__text">ã¤ã³ãã¼ ããèããæ© YK400CR,ZLE çºéãç´å</p> 7767 <p class="ms-campaign__text">大éªåº Iæ§</p> 7768 </div> 7769 </div> 7770 7771 <!-- slide 122 --> 7772 <div class="swiper-slide"> 7773 <a href="https://www.housakunet.shop/blog/report/pref23/865/" 7774 class="ms-campaign__item" 7775 target="_blank" 7776 rel="noopener">
7777 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/word%20press/nouhin_2609/eyecatch_260914_b.png" 7778 alt="ã¤ã³ãã¼ ããèããæ© YK400CR çºéãç´å"> 7779 </a> 7780 <div class="ms-campaign__caption"> 7781 <p class="ms-campaign__text">ã¤ã³ãã¼ ããèããæ© YK400CR çºéãç´å</p> 7782 <p class="ms-campaign__text">æç¥ç Iæ§</p> 7783 </div> 7784 </div> 7785 7786 <!-- slide 121 --> 7787 <div class="swiper-slide"> 7788 <a href="https://www.housakunet.shop/blog/report/pref29/863/" 7789 class="ms-campaign__item" 7790 target="_blank" 7791 rel="noopener"> 7792 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/word%20press/nouhin_2609/eyecatch_260914_a.png" 7793 alt="ãªã¼ã¬ã㯠ã¯ãã¼ã©ã¼å¼ãã³ãã¼ãã¤ãã¢ã¢ HRC665 çºéãç´å"> 7794 </a> 7795 <div class="ms-campaign__caption"> 7796 <p class="ms-campaign__text">ãªã¼ã¬ã㯠ã¯ãã¼ã©ã¼å¼ãã³ãã¼ãã¤ãã¢ã¢ HRC665 çºéãç´å</p> 7797 <p class="ms-campaign__text">å¥è¯ç Sæ§</p> 7798 </div> 7799 </div> 7800 7801 <!-- slide 120 --> 7802 <div class="swiper-slide"> 7803 <a href="https://www.housakunet.shop/blog/report/pref09/852/" 7804 class="ms-campaign__item" 7805 target="_blank" 7806 rel="noopener"> 7807 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/word%20press/nouhin_2609/eyecatch_260910.png" 7808 alt="ã¤ã³ãã¼ ããèããæ© YK651MR é éãç´å"> 7809 </a> 7810 <div class="ms-campaign__caption"> 7811 <p class="ms-campaign__text">ã¤ã³ãã¼ ããèããæ© YK651MR é éãç´å</p> 7812 <p class="ms-campaign__text">æ æ¨ç Fæ§</p> 7813 </div> 7814 </div> 7815 7816 <!-- slide 119 --> 7817 <div class="swiper-slide"> 7818 <a href="https://www.housakunet.shop/blog/report/pref09/855/" 7819 class="ms-campaign__item" 7820 target="_blank" 7821 rel="noopener"> 7822 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/word%20press/nouhin_2609/eyecatch_260909.png" 7823 alt="ãªã¼ã¬ã㯠èªèµ°å¼æé¢èåæ© SP753B é éãç´å"> 7824 </a> 7825 <div class="ms-campaign__caption"> 7826 <p class="ms-campaign__text">ãªã¼ã¬ã㯠èªèµ°å¼æé¢èåæ© SP753B é éãç´å</p> 7827 <p class="ms-campaign__text">æ æ¨ç Tæ§</p> 7828 </div> 7829 </div> 7830 7831 <!-- slide 118 --> 7832 <div class="swiper-slide"> 7833 <a href="https://www.housakunet.shop/blog/report/pref19/846/" 7834 class="ms-campaign__item" 7835 target="_blank" 7836 rel="noopener"> 7837 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/word%20press/nouhin_2609/eyecatch_260908.png" 7838 alt="ãªã¼ã¬ã㯠èªèµ°å¼æé¢èåæ© SP301A çºéãç´å"> 7839 </a> 7840 <div class="ms-campaign__caption"> 7841 <p class="ms-campaign__text">ãªã¼ã¬ã㯠èªèµ°å¼æé¢èåæ© SP301A çºéãç´å</p> 7842 <p class="ms-campaign__text">山梨ç Mæ§</p> 7843 </div> 7844 </div> 7845 7846 <!-- slide 117 --> 7847 <div class="swiper-slide"> 7848 <a href="https://www.housakunet.shop/blog/report/pref12/849/" 7849 class="ms-campaign__item" 7850 target="_blank" 7851 rel="noopener"> 7852 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/word%20press/nouhin_2609/eyecatch_260908b.png" 7853 alt="ãªã¼ã¬ã㯠èªèµ°å¼æé¢èåæ© SP753B çºéãç´å"> 7854 </a> 7855 <div class="ms-campaign__caption"> 7856 <p class="ms-campaign__text">ãªã¼ã¬ã㯠èªèµ°å¼æé¢èåæ© SP753B çºéãç´å</p> 7857 <p class="ms-campaign__text">åèç Mæ§</p> 7858 </div> 7859 </div> 7860 7861 <!-- slide 116 --> 7862 <div class="swiper-slide"> 7863 <a href="https://www.housakunet.shop/blog/report/pref09/842/" 7864 class="ms-campaign__item" 7865 target="_blank" 7866 rel="noopener">
7867 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/word%20press/nouhin_2609/eyecatch_260907.png" 7868 alt="ã¤ã³ãã¼ 1è¼ªç®¡çæ© YK651SK,S é éãç´å"> 7869 </a> 7870 <div class="ms-campaign__caption"> 7871 <p class="ms-campaign__text">ã¤ã³ãã¼ 1è¼ªç®¡çæ© YK651SK,S é éãç´å</p> 7872 <p class="ms-campaign__text">æ æ¨ç Mæ§</p> 7873 </div> 7874 </div> 7875 7876 <!-- slide 115 --> 7877 <div class="swiper-slide"> 7878 <a href="https://www.housakunet.shop/blog/report/pref09/839/" 7879 class="ms-campaign__item" 7880 target="_blank" 7881 rel="noopener"> 7882 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/word%20press/nouhin_2609/eyecatch_260905.png" 7883 alt="ãªã¼ã¬ã㯠èªèµ°å¼èåæ© HR403 é éãç´å"> 7884 </a> 7885 <div class="ms-campaign__caption"> 7886 <p class="ms-campaign__text">ãªã¼ã¬ã㯠èªèµ°å¼èåæ© HR403 é éãç´å</p> 7887 <p class="ms-campaign__text">æ æ¨ç Næ§</p> 7888 </div> 7889 </div> 7890 7891 <!-- slide 114 --> 7892 <div class="swiper-slide"> 7893 <a href="https://www.housakunet.shop/blog/report/pref08/836/" 7894 class="ms-campaign__item" 7895 target="_blank" 7896 rel="noopener"> 7897 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/word%20press/nouhin_2609/eyecatch_260904b.png" 7898 alt="ã¤ã³ãã¼ ããèããæ© YK651MR çºéãç´å"> 7899 </a> 7900 <div class="ms-campaign__caption"> 7901 <p class="ms-campaign__text">ã¤ã³ãã¼ ããèããæ© YK651MR çºéãç´å</p> 7902 <p class="ms-campaign__text">è¨åç Sæ§</p> 7903 </div> 7904 </div> 7905 7906 <!-- slide 113 --> 7907 <div class="swiper-slide"> 7908 <a href="https://www.housakunet.shop/blog/report/pref21/832/" 7909 class="ms-campaign__item" 7910 target="_blank" 7911 rel="noopener"> 7912 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/word%20press/nouhin_2609/eyecatch_260904a.png" 7913 alt="ã¤ã³ãã¼ 1è¼ªç®¡çæ© YK651SK,S çºéãç´å"> 7914 </a> 7915 <div class="ms-campaign__caption"> 7916 <p class="ms-campaign__text">ã¤ã³ãã¼ 1è¼ªç®¡çæ© YK651SK,S çºéãç´å</p> 7917 <p class="ms-campaign__text">å²éç Hæ§</p> 7918 </div> 7919 </div> 7920 7921 <!-- slide 112 --> 7922 <div class="swiper-slide"> 7923 <a href="https://www.housakunet.shop/blog/report/pref09/829/" 7924 class="ms-campaign__item" 7925 target="_blank" 7926 rel="noopener"> 7927 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/word%20press/nouhin_2609/eyecatch_260903.png" 7928 alt="ã¤ã³ãã¼ ããèããæ© YK651MR é éãç´å"> 7929 </a> 7930 <div class="ms-campaign__caption"> 7931 <p class="ms-campaign__text">ã¤ã³ãã¼ ããèããæ© YK651MR é éãç´å</p> 7932 <p class="ms-campaign__text">æ æ¨ç Mæ§</p> 7933 </div> 7934 </div> 7935 7936 <!-- slide 111 --> 7937 <div class="swiper-slide"> 7938 <a href="https://www.housakunet.shop/blog/report/pref22/823/" 7939 class="ms-campaign__item" 7940 target="_blank" 7941 rel="noopener"> 7942 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/word%20press/nouhin_2608/eyecatch_260828.png" 7943 alt="ã¤ã³ãã¼ ããèããæ© YK450CR,ZLE çºéãç´å"> 7944 </a> 7945 <div class="ms-campaign__caption"> 7946 <p class="ms-campaign__text">ã¤ã³ãã¼ ããèããæ© YK450CR,ZLE çºéãç´å</p> 7947 <p class="ms-campaign__text">é岡ç Hæ§</p> 7948 </div> 7949 </div> 7950 7951 <!-- slide 110 --> 7952 <div class="swiper-slide"> 7953 <a href="https://www.housakunet.shop/blog/report/pref12/820/" 7954 class="ms-campaign__item" 7955 target="_blank" 7956 rel="noopener">
7957 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/word%20press/nouhin_2608/eyecatch_260827.png" 7958 alt="ã¤ã³ãã¼ èªèµ°å¼èåæ© YW450H çºéãç´å"> 7959 </a> 7960 <div class="ms-campaign__caption"> 7961 <p class="ms-campaign__text">ã¤ã³ãã¼ èªèµ°å¼èåæ© YW450H çºéãç´å</p> 7962 <p class="ms-campaign__text">åèç Uæ§</p> 7963 </div> 7964 </div> 7965 7966 <!-- slide 109 --> 7967 <div class="swiper-slide"> 7968 <a href="https://www.housakunet.shop/blog/report/pref27/802/" 7969 class="ms-campaign__item" 7970 target="_blank" 7971 rel="noopener"> 7972 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/word%20press/nouhin_2608/eyecatch_260825b.png" 7973 alt="ã¿ã¤ã¬ã¼ã«ã¯ã·ã èªåé¸å¥è¨éæ© XRV-E32A çºéãç´å"> 7974 </a> 7975 <div class="ms-campaign__caption"> 7976 <p class="ms-campaign__text">ã¿ã¤ã¬ã¼ã«ã¯ã·ã èªåé¸å¥è¨éæ© XRV-E32A çºéãç´å</p> 7977 <p class="ms-campaign__text">大éªåº M社æ§</p> 7978 </div> 7979 </div> 7980 7981 <!-- slide 108 --> 7982 <div class="swiper-slide"> 7983 <a href="https://www.housakunet.shop/blog/report/pref15/813/" 7984 class="ms-campaign__item" 7985 target="_blank" 7986 rel="noopener"> 7987 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/word%20press/nouhin_2608/eyecatch_260819.png" 7988 alt="ãªã¼ã¬ã㯠ä¹ç¨èåæ© RM953X çºéãç´å"> 7989 </a> 7990 <div class="ms-campaign__caption"> 7991 <p class="ms-campaign__text">ãªã¼ã¬ã㯠ä¹ç¨èåæ© RM953X çºéãç´å</p> 7992 <p class="ms-campaign__text">æ°æ½ç Aæ§</p> 7993 </div> 7994 </div> 7995 7996 <!-- slide 107 --> 7997 <div class="swiper-slide"> 7998 <a href="https://www.housakunet.shop/blog/report/pref06/808/" 7999 class="ms-campaign__item" 8000 target="_blank" 8001 rel="noopener"> 8002 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/word%20press/nouhin_2608/eyecatch_260825a.png" 8003 alt="ã¤ã³ãã¼ èªèµ°å¼èåæ© YW450H çºéãç´å"> 8004 </a> 8005 <div class="ms-campaign__caption"> 8006 <p class="ms-campaign__text">ã¤ã³ãã¼ èªèµ°å¼èåæ© YW450H çºéãç´å</p> 8007 <p class="ms-campaign__text">山形ç Aæ§</p> 8008 </div> 8009 </div> 8010 8011 <!-- slide 106 --> 8012 <div class="swiper-slide"> 8013 <a href="https://www.housakunet.shop/blog/report/pref15/817/" 8014 class="ms-campaign__item" 8015 target="_blank" 8016 rel="noopener"> 8017 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/word%20press/nouhin_2608/eyecatch_260818.png" 8018 alt="ãªã¼ã¬ã㯠é¤éªæ© SGW804S çºéãç´å"> 8019 </a> 8020 <div class="ms-campaign__caption"> 8021 <p class="ms-campaign__text">ãªã¼ã¬ã㯠é¤éªæ© SGW804S çºéãç´å</p> 8022 <p class="ms-campaign__text">æ°æ½ç Aæ§</p> 8023 </div> 8024 </div> 8025 8026 <!-- slide 105 --> 8027 <div class="swiper-slide"> 8028 <a href="https://www.housakunet.shop/blog/report/pref07/799/" 8029 class="ms-campaign__item" 8030 target="_blank" 8031 rel="noopener"> 8032 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/word%20press/nouhin_2608/eyecatch_260824b.png" 8033 alt="ãªã¼ã¬ã㯠èªèµ°å¼æé¢èåæ© SP753B åºé ãç´å"> 8034 </a> 8035 <div class="ms-campaign__caption"> 8036 <p class="ms-campaign__text">ãªã¼ã¬ã㯠èªèµ°å¼æé¢èåæ© SP753B åºé ãç´å</p> 8037 <p class="ms-campaign__text">ç¦å³¶ç Oæ§</p> 8038 </div> 8039 </div> 8040 8041 <!-- slide 104 --> 8042 <div class="swiper-slide"> 8043 <a href="https://www.housakunet.shop/blog/report/pref09/787/" 8044 class="ms-campaign__item" 8045 target="_blank" 8046 rel="noopener">
8047 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/word%20press/nouhin_2608/eyecatch_260824.png" 8048 alt="ãªã¼ã¬ã㯠èªèµ°å¼èåæ© HR403 åºé ãç´å"> 8049 </a> 8050 <div class="ms-campaign__caption"> 8051 <p class="ms-campaign__text">ãªã¼ã¬ã㯠èªèµ°å¼èåæ© HR403 åºé ãç´å</p> 8052 <p class="ms-campaign__text">æ æ¨ç Kæ§</p> 8053 </div> 8054 </div> 8055 8056 8057 8058 </div> 8059 8060 8061 </div> 8062 8063 <div class="ms-campaign__pagination swiper-pagination"></div> 8064 </div> 8065 </div> 8066</section> 8067 8068<style> 8069/* ========================================================= 8070 ms-campaignï¼WPè¤æ°è¨ç½®OKã»æè¨ä»ã å®å ¨çï¼ 8071========================================================= */ 8072 8073.ms-campaign{ 8074 position: relative !important; 8075 margin-bottom: 40px !important; 8076} 8077 8078/* ç¢å°ã®åºæº */ 8079.ms-campaign .ms-campaign__stage{ 8080 position: relative !important; 8081 max-width: 1100px; 8082 margin: 0 auto; 8083 padding: 0 12px; 8084 box-sizing: border-box; 8085} 8086 8087/* Swiperæ¬ä½ï¼ã¯ãªããã¯ããã ãï¼ */ 8088.ms-campaign .ms-campaign__swiper.swiper{ 8089 position: relative !important; 8090 overflow: hidden !important; 8091 display: block !important; 8092 box-sizing: border-box !important; 8093 padding-bottom: 22px !important; 8094} 8095 8096/* wrapper/slide */ 8097.ms-campaign .swiper-wrapper{ 8098 display: flex !important; 8099} 8100.ms-campaign .swiper-slide{ 8101 flex: 0 0 auto !important; 8102 box-sizing: border-box !important; 8103} 8104 8105/* è§ä¸¸ã»æ ç·ã»å½± å®å ¨æ¤å» */ 8106.ms-campaign, 8107.ms-campaign *{ 8108 border-radius: 0 !important; 8109 border: none !important; 8110 box-shadow: none !important; 8111} 8112 8113/* ç»å */ 8114.ms-campaign .ms-campaign__item{ 8115 display: block !important; 8116} 8117.ms-campaign .ms-campaign__item img{ 8118 width: 100% !important; 8119 height: auto !important; 8120 display: block !important; 8121} 8122 8123/* ç»åä¸ æè¨ï¼2è¡ç©ºãï¼ */ 8124.ms-campaign .ms-campaign__caption{ 8125 margin-top: 2px !important; /* â 2è¡å */ 8126} 8127 8128.ms-campaign .ms-campaign__text{ 8129 margin: 0; 8130 line-height: 1.6; 8131 font-size: 14px; 8132 color: #333; 8133} 8134 8135/* dots */ 8136.ms-campaign .swiper-pagination{ 8137 bottom: 0 !important; 8138} 8139 8140/* ç¢å°ï¼YouTube風ã»å¤åºãï¼ */ 8141.ms-campaign .ms-campaign__prev, 8142.ms-campaign .ms-campaign__next{ 8143 position: absolute !important; 8144 top: 46% !important; 8145 transform: translateY(-50%) !important; 8146 width: 36px !important; 8147 height: 36px !important; 8148 background: rgba(255,255,255,0.9) !important; 8149 border-radius: 50% !important; 8150 display: flex !important; 8151 align-items: center !important; 8152 justify-content: center !important; 8153 cursor: pointer !important; 8154 z-index: 9999 !important; 8155} 8156 8157.ms-campaign .ms-campaign__prev{ left: -18px !important; } 8158.ms-campaign .ms-campaign__next{ right: -18px !important; } 8159 8160.ms-campaign .ms-campaign__prev::before, 8161.ms-campaign .ms-campaign__next::before{ 8162 content: ""; 8163 width: 10px; 8164 height: 10px; 8165 border-top: 2px solid #333; 8166 border-right: 2px solid #333; 8167} 8168 8169.ms-campaign .ms-campaign__prev::before{ transform: rotate(-135deg); } 8170.ms-campaign .ms-campaign__next::before{ transform: rotate(45deg); } 8171 8172/* SP */ 8173@media (max-width: 768px){ 8174 .ms-campaign .ms-campaign__text{ 8175 font-size: 13px; 8176 } 8177} 8178 8179/* ========================================================= 8180 ç¢å°ï¼ãã£ãã·ã§ã³åãé¤å¤ãã¦ãç»åã®ä¸å¤®ãã«å¯ãã 8181 â»æ°å¤ã¯ãã¨ã§å¾®èª¿æ´OK 8182========================================================= */ 8183.ms-campaign{ 8184 --capH: 88px; /* ãã£ãã·ã§ã³ï¼2è¡ï¼ä½ç½ï¼ã¶ãã®è¦è¾¼ã¿é«ã */ 8185 --dotsH: 22px; /* swiperä¸ã®dots(ããã)ã¶ã */ 8186} 8187 8188.ms-campaign .ms-campaign__prev, 8189.ms-campaign .ms-campaign__next{ 8190 top: calc((100% - var(--capH) - var(--dotsH)) / 2) !important; 8191} 8192 8193/* SPã¯æåãµã¤ãºãéãã®ã§å°ãå°ããã« */ 8194@media (max-width:768px){ 8195 .ms-campaign{ 8196 --capH: 76px; 8197 --dotsH: 22px; 8198 } 8199} 8200/* ========================================================= 8201 ms-campaignï¼ãããããéã®ã¾ã¾ã»ä¸¸ãã«æ»ã 8202========================================================= */ 8203.ms-campaign .swiper-pagination-bullet{ 8204 width: 8px !important; 8205 height: 8px !important; 8206 border-radius: 50% !important; /* â ãããä¸çªéè¦ */ 8207} 8208 8209/* ===============================
8210 ms-campaign ã¿ã¤ãã«ï¼ããã°ï¼ 8211=============================== */ 8212.ms-campaign__head{ 8213 max-width:1100px; 8214 margin: 0 auto 10px; 8215 padding: 0 12px; 8216 box-sizing: border-box; 8217} 8218 8219.ms-campaign__title{ 8220 font-family: "Noto Sans JP", "Hiragino Sans", "Helvetica Neue", 8221 Arial, system-ui, sans-serif; 8222 font-size: 20px; 8223 font-weight: 800; 8224 letter-spacing: .04em; 8225 padding-bottom: 8px; 8226 border-bottom: 1px solid #e0e0e0; 8227} 8228/* =============================== 8229 ms-campaign ã¿ã¤ãã«ï¼ããã°ï¼è©°ãï¼ä¸ç·ã確å®ã«åºãï¼ä¸æ¸ãï¼ 8230=============================== */ 8231 8232/* è¦åºããããã¯ã®ä½ç½ãè©°ãã */ 8233.ms-campaign .ms-campaign__head{ 8234 max-width:1100px; 8235 margin: 0 auto 6px !important; /* â é¢ããã対çï¼ããã§è©°ããï¼ */ 8236 padding: 0 12px !important; 8237 box-sizing: border-box; 8238} 8239 8240/* å ±éCSSã® h2 margin-bottom:40px ãæ®ºã */ 8241.ms-campaign .ms-campaign__title{ 8242 margin: 0 !important; /* â ä½è¨ãªã¹ãã¼ã¹ã®ä¸»å */ 8243 padding: 0 0 6px !important; /* ä¸ç·ã¾ã§ã®è·é¢ */ 8244 line-height: 1.2 !important; 8245 8246 font-family: "Noto Sans JP","Hiragino Sans","Helvetica Neue", 8247 Arial, system-ui, sans-serif !important; 8248 font-size: 18px !important; 8249 font-weight: 800 !important; 8250 letter-spacing: .04em !important; 8251 8252 border-bottom: 1px solid #ccc !important; /* â ä¸ç·ãå¼·å¶ */ 8253 display: block !important; 8254 width: 100% !important; 8255} 8256 8257/* SPã ãï¼ç¢å°ãå¤ã«åºã¦æ¶ããã®ãé²ã */ 8258@media (max-width:768px){ 8259 .ms-campaign .ms-campaign__prev{ left: 6px !important; } 8260 .ms-campaign .ms-campaign__next{ right: 6px !important; } 8261 8262 /* ã¤ãã§ã«ç¢å°ãå°ãå°ããããã¨ã®ã¥ãæãæ¸ãã¾ãï¼ä»»æï¼ */ 8263 .ms-campaign .ms-campaign__prev, 8264 .ms-campaign .ms-campaign__next{ 8265 width: 32px !important; 8266 height: 32px !important; 8267 } 8268} 8269 8270</style> 8271
8272<script> 8273(function () { 8274 function init(root){ 8275 var swiperEl = root.querySelector('.ms-campaign__swiper'); 8276 if (!swiperEl) return; 8277 if (swiperEl.classList.contains('swiper-initialized')) return; 8278 if (typeof Swiper !== 'function') return; 8279 8280 new Swiper(swiperEl, { 8281 loop: true, 8282 slidesPerView: 2, 8283 spaceBetween: 24, 8284 navigation: { 8285 nextEl: root.querySelector('.ms-campaign__next'), 8286 prevEl: root.querySelector('.ms-campaign__prev'), 8287 }, 8288 pagination: { 8289 el: root.querySelector('.ms-campaign__pagination'), 8290 clickable: true, 8291 }, 8292 breakpoints: { 8293 0: { slidesPerView: 1 }, 8294 768: { slidesPerView: 2 } 8295 } 8296 }); 8297 } 8298 8299 function initAll(){ 8300 document.querySelectorAll('.ms-campaign').forEach(init); 8301 } 8302 8303 document.addEventListener('DOMContentLoaded', initAll); 8304 window.addEventListener('load', initAll); 8305 setTimeout(initAll, 300); 8306})(); 8307</script>
8307� 8308 8309<div id="maker"></div> 8310<section class="maker-grid-section"> 8311 <h2 class="maker-title">åãæ±ãã¡ã¼ã«ã¼</h2> 8312 8313 <div class="maker-grid"> 8314 8315 <!-- ã¡ã¼ã«ã¼ä¸è¦§ --> 8316 8317 <!-- 1ï¼YANMARï¼ --> 8318<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%E4%A5%F3%A5%DE%A1%BC" class="maker-item"> 8319 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/yanmar_logo.png" alt="YANMAR"> 8320</a> 8321 8322<!-- 2ï¼ORECï¼ãªã¼ã¬ã㯠--> 8323<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%AA%A1%BC%A5%EC%A5%C3%A5%AF" class="maker-item"> 8324 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/orec_logo.png" alt="OREC"> 8325</a> 8326 8327<!-- 3ï¼CANYCOMï¼ãã£ãã³ã --> 8328<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%AD%A5%E3%A5%CB%A5%B3%A5%E0" class="maker-item"> 8329 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/cany_logo.png" alt="CANYCOM"> 8330</a> 8331 8332<!-- 4ï¼ZENOAHï¼ã¼ã㢠--> 8333<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%BC%A5%CE%A5%A2" class="maker-item"> 8334 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/zenoah_logo.png" alt="ZENOAH"> 8335</a> 8336 8337<!-- 5ï¼BEAVERï¼ãã¼ãã¼ --> 8338<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%D3%A1%BC%A5%D0%A1%BC" class="maker-item"> 8339 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/beaver_logo.png" alt="BEAVER"> 8340</a> 8341 8342<!-- 6ï¼COSMOï¼ã³ã¹ã¢ --> 8343<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%B3%A5%B9%A5%E2" class="maker-item"> 8344 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/cosmo_logo.png" alt="COSMO"> 8345</a> 8346 8347<!-- 7ï¼ãã¯ã¨ãï¼ --> 8348<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%DB%A5%AF%A5%A8%A5%C4" class="maker-item"> 8349 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/hokuetsu_logo.png" alt="ãã¯ã¨ã"> 8350</a> 8351 8352<!-- 8ï¼ã¤ã»ãï¼ --> 8353<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%A4%A5%BB%A5%AD" class="maker-item"> 8354 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/iseki_logo.png" alt="ã¤ã»ã"> 8355</a> 8356 8357<!-- 9ï¼iwoodï¼ --> 8358<a href="https://www.housakunet.shop/view/search?search_keyword=iwood" class="maker-item"> 8359 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/iwood_logo.png" alt="iwood"> 8360</a> 8361 8362<!-- 10ï¼JD / John Deereï¼ --> 8363<a href="https://www.housakunet.shop/view/search?search_keyword=john" class="maker-item"> 8364 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/JD_logo.png" alt="John Deere"> 8365</a> 8366 8367<!-- 11ï¼å ±ç«ï¼ --> 8368<a href="https://www.housakunet.shop/view/search?search_keyword=%B6%A6%CE%A9" class="maker-item"> 8369 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/kioritz_logo.png" alt="å ±ç«"> 8370</a> 8371 8372<!-- 12ï¼ã³ãã·ï¼ --> 8373<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%B3%A5%D0%A5%B7" class="maker-item"> 8374 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/kobashi_logo.png" alt="ã³ãã·"> 8375</a> 8376 8377<!-- 13ï¼å·¥é²ï¼ --> 8378<a href="https://www.housakunet.shop/view/search?search_keyword=%B9%A9%BF%CA" class="maker-item"> 8379 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/koshin_logo.png" alt="å·¥é²"> 8380</a> 8381 8382<!-- 14ï¼ã¯ãã¿ï¼ --> 8383<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%AF%A5%DC%A5%BF" class="maker-item"> 8384 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/kubota_logo.png" alt="ã¯ãã¿"> 8385</a> 8386 8387<!-- 15ï¼ããã¿ï¼ --> 8388<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%DE%A5%AD%A5%BF" class="maker-item">
8389 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/makita_logo.png" alt="ããã¿"> 8390</a> 8391 8392<!-- 16ï¼ä¸¸å±±ï¼ --> 8393<a href="https://www.housakunet.shop/view/search?search_keyword=%B4%DD%BB%B3" class="maker-item"> 8394 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/maruyama_logo.png" alt="丸山"> 8395</a> 8396 8397<!-- 17ï¼ä¸è±ï¼ --> 8398<a href="https://www.housakunet.shop/view/search?search_keyword=%BB%B0%C9%A9" class="maker-item"> 8399 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/mitsubishimahindra_logo.png" alt="ä¸è±"> 8400</a> 8401 8402<!-- 18ï¼ä¸ãæï¼ --> 8403<a href="https://www.housakunet.shop/view/search?search_keyword=%BB%B0%A5%C4%C0%B1" class="maker-item"> 8404 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/mitsuboshi_logo.png" alt="ä¸ãæ"> 8405</a> 8406 8407<!-- 19ï¼ããºãï¼ --> 8408<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%DF%A5%BA%A5%DB" class="maker-item"> 8409 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/mizuho_logo.png" alt="ããºã"> 8410</a> 8411 8412<!-- 20ï¼ããºã¦ãï¼ --> 8413<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%DF%A5%BA%A5%A6%A5%C1" class="maker-item"> 8414 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/mizuuchi_logo.png" alt="ããºã¦ã"> 8415</a> 8416 8417<!-- 21ï¼ç²¾å·¥ / MKç²¾å·¥ï¼ --> 8418<a href="https://www.housakunet.shop/view/search?search_keyword=%C0%BA%B9%A9" class="maker-item"> 8419 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/MKseiko_logo.png" alt="精工"> 8420</a> 8421 8422<!-- 22ï¼ãããï¼ --> 8423<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%CB%A5%D7%A5%ED" class="maker-item"> 8424 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/niplo_logo.png" alt="ããã"> 8425</a> 8426 8427<!-- 23ï¼SEKï¼ --> 8428<a href="https://www.housakunet.shop/view/search?search_keyword=SEK" class="maker-item"> 8429 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/SEK_logo.png" alt="SEK"> 8430</a> 8431 8432<!-- 24ï¼ã·ãã¦ã©ï¼ --> 8433<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%B7%A5%D0%A5%A6%A5%E9" class="maker-item"> 8434 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/shibaura_logo.png" alt="ã·ãã¦ã©"> 8435</a> 8436 8437<!-- 25ï¼æ°ãã¤ã¯ï¼ --> 8438<a href="https://www.housakunet.shop/view/search?search_keyword=%BF%B7%A5%C0%A5%A4%A5%EF" class="maker-item"> 8439 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/shindaiwa_logo.png" alt="æ°ãã¤ã¯"> 8440</a> 8441 8442<!-- 26ï¼STIHLï¼ --> 8443<a href="https://www.housakunet.shop/view/search?search_keyword=stihl" class="maker-item"> 8444 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/stihl_logo.png" alt="STIHL"> 8445</a> 8446 8447<!-- 27ï¼ã¿ã¤ã¬ã¼ã«ã¯ã·ãï¼ --> 8448<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%BF%A5%A4%A5%AC%A1%BC%A5%AB%A5%EF%A5%B7%A5%DE" class="maker-item"> 8449 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/tigerkawashima_logo.png" alt="ã¿ã¤ã¬ã¼ã«ã¯ã·ã"> 8450</a> 8451 8452<!-- 28ï¼ã¤ãã»ï¼ --> 8453<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%E4%A5%CA%A5%BB" class="maker-item"> 8454 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/yanaseseiyu_logo.png" alt="ã¤ãã»"> 8455</a> 8456 8457<!-- 29ï¼ãã¹ã¯ãã¼ãï¼ --> 8458<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%CF%A5%B9%A5%AF%A5%D0%A1%BC%A5%CA" class="maker-item"> 8459 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/hasqvarna_logo.png" alt="ãã¹ã¯ãã¼ã"> 8460</a> 8461 8462<!-- 30ï¼ã·ã³ã»ã¤ï¼ --> 8463<a href="https://www.housakunet.shop/view/search?search_keyword=%A5%B7%A5%F3%A5%BB%A5%A4" class="maker-item">
8464 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/maker/shinsei_logo.png" alt="ã·ã³ã»ã¤"> 8465</a> 8466 8467 8468 </div> 8469</section> 8470 8471 8472<style> 8473/* ================================ 8474 åãæ±ãã¡ã¼ã«ã¼ï¼6Ã6ï¼å¤§ããç 8475================================ */ 8476.maker-grid-section { 8477 max-width: 1200px; 8478 margin: 0 auto 40px; 8479 padding: 0 16px; 8480 box-sizing: border-box; 8481} 8482 8483.maker-title { 8484 font-size: 20px; 8485 margin-bottom: 16px; 8486 border-bottom: 1px solid #ccc; 8487 padding-bottom: 6px; 8488} 8489 8490/* PCï¼6ååºå® */ 8491.maker-grid { 8492 display: grid; 8493 grid-template-columns: repeat(6, 1fr); 8494 gap: 14px; 8495} 8496 8497/* åã»ã« */ 8498.maker-item { 8499 display: flex; 8500 align-items: center; 8501 justify-content: center; 8502 padding: 10px; 8503 background: #fff; 8504 border: 1px solid #eee; 8505} 8506 8507/* ãã´ç»åãµã¤ãºï¼PCï¼ */ 8508.maker-item img { 8509 width: 100%; 8510 max-width: 110px; 8511 max-height: 60px; 8512 object-fit: contain; 8513} 8514 8515/* ================================ 8516 ã¹ããï¼3å表示ã«å¤æ´ï¼å¤§ããï¼ 8517================================ */ 8518@media screen and (max-width: 768px) { 8519 .maker-grid { 8520 grid-template-columns: repeat(3, 1fr) !important; 8521 } 8522 8523 .maker-item { 8524 padding: 8px; /* å°ãä½è£ãæããã */ 8525 } 8526 8527 .maker-item img { 8528 max-width: 100px; /* â ããã§å¤§ãã表示ã§ãã */ 8529 max-height: 55px; 8530 } 8531} 8532 8533</style>� 8534<!-- ========================= 8535 ããã¿ã¼ããã¼ï¼æ°è¦ä¼å¡ç»é²PROMOï¼ 8536========================= --> 8537<div class="footer-member-banner hide-when-login"> 8538 <div class="footer-member-banner__inner"> 8539 8540 <!-- å·¦ï¼ããã¹ã --> 8541 <div class="fmb-left"> 8542 <p class="fmb-title">æ°è¦ä¼å¡ç»é²ã§<br>500ãã¤ã³ãããã</p> 8543 </div> 8544 8545 <!-- å³ï¼èª¬æï¼ãã¿ã³ --> 8546 <div class="fmb-right"> 8547 <p class="fmb-desc">ã»ã¼ã«æ å ±ãåå ¥è·æ å ±ãã¤ãã³ãæ å ±ãªã©ãã¡æ©ããå±ããããã¾ãã</p> 8548 8549 <a href="/shop/idinfo.html" class="fmb-btn">ç»é²ãã</a> 8550 8551 </div> 8552 8553 </div> 8554</div> 8555 8556<style> 8557/* ========================= 8558 ããã¿ã¼ããã¼ï¼æ°è¦ä¼å¡ç»é²ï¼ 8559========================= */ 8560.footer-member-banner { 8561 background: #007A59; /* âèæ¯è²ãä¿®æ£ */ 8562 color: #fff; 8563 padding: 30px 0; 8564 margin-top: 0; 8565} 8566 8567.footer-member-banner__inner { 8568 max-width: 1200px; 8569 margin: 0 auto; 8570 display: flex; 8571 align-items: center; 8572 justify-content: space-between; 8573 gap: 40px; 8574 padding: 0 20px; 8575 box-sizing: border-box; 8576} 8577 8578.fmb-left .fmb-title { 8579 font-size: 32px; 8580 line-height: 1.3; 8581 font-weight: 700; 8582} 8583 8584.fmb-right { 8585 flex: 1; 8586} 8587 8588/* ä¸ã®èª¬ææã¨åãå¹ ãåããããã block ã«å¤æ´ */ 8589.fmb-desc { 8590 font-size: 14px; 8591 margin-bottom: 12px; 8592 display: block; 8593 width: 100%; 8594} 8595 8596/* ãã¿ã³ã説ææã¨åãæ¨ªå¹ ã« */ 8597.fmb-btn { 8598 display: block; /* â inline-block â block */ 8599 width: 100%; /* â 説ææã¨åãå¹ */ 8600 background: #fff; 8601 color: #007A59; 8602 padding: 8px 0; /* â é«ããèãã«èª¿æ´ */ 8603 border-radius: 4px; 8604 font-size: 15px; 8605 font-weight: 600; 8606 text-align: center; 8607 text-decoration: none; 8608 border: 2px solid #fff; 8609 box-sizing: border-box; 8610} 8611 8612.fmb-btn:hover { 8613 background: #f2f2f2; 8614} 8615 8616.fmb-link { 8617 display: block; 8618 margin-top: 10px; 8619 font-size: 13px; 8620 color: #ffffffd0; 8621 text-decoration: underline; 8622} 8623 8624/* ã¹ããå¯¾å¿ */ 8625@media screen and (max-width: 768px) { 8626 .footer-member-banner__inner { 8627 flex-direction: column; 8628 text-align: center; 8629 gap: 20px; 8630 } 8631 8632 .fmb-left .fmb-title { 8633 font-size: 26px; 8634 } 8635 8636 .fmb-desc { 8637 width: 100%; 8638 } 8639 8640 .fmb-btn { 8641 width: 100%; 8642 padding: 8px 0; /* ã¹ããã§ãèã */ 8643 } 8644} 8645body.is-login .hide-when-login{ 8646 display:none !important; 8647} 8648 8649</style> 8650<footer class="ghn-footer" role="contentinfo"> 8651 <div class="ghn-footer__inner"> 8652 8653 <!-- 䏿®µï¼å·¦å³2ã«ã©ã --> 8654<div class="ghn-footer__grid"> 8655 8656 <!-- å·¦ã«ã©ã ï¼3ã¤ç¸¦ï¼ -->
8657 <div class="ghn-footer__col ghn-footer__col--left"> 8658 8659 <!-- â æ±ºæ¸æ¹æ³ï¼âä¸ã«ç§»åï¼ --> 8660 <section class="ghn-footer__card ghn-footer__card--pay"> 8661 <h2 class="ghn-footer__title">ãå©ç¨ããã ããæ±ºæ¸æ¹æ³</h2> 8662 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/footer/kessai.png" alt=""> 8663 8664 <hr class="ghn-footer__divider"> 8665 8666 <div class="ghn-footer__head"> 8667 <h2 class="ghn-footer__title">é éã«ã¤ãã¦</h2> 8668 <div class="ghn-footer__btns"> 8669 <a href="/view/page/haisou1" class="ghn-footer__btn ghn-footer__btn--sub">ä¸è¬ï¼èããæ©ï¼èªèµ°åææ©ï¼é éæï¼</a> 8670 <a href="/view/page/haisou2" class="ghn-footer__btn ghn-footer__btn--sub">åææ©ï¼é éæï¼</a> 8671 </div> 8672</div> 8673 8674<p>é常åã¯æ³¨ææ¥ãããå ¥é確èªå¾ã2ï½7å¶æ¥æ¥ä»¥å ã«çºéã¨ãªãã¾ãã</p> 8675<p>ååã®å¨åº«ç¶æ³çã«ããåå¾ããå ´åããããã¾ãã</p> 8676<p>é¢å³¶ã¸ã®ãå±ããã¾ãå¹´æ«å¹´å§ã»ã´ã¼ã«ãã³ã¦ã£ã¼ã¯ãªã©åºè·ä½æ¥ãè¡ããªãæéã®åå¾ã«æ³¨æãããå ´åããå±ãæ¥ãããããã¨ããããã¾ãããäºæ¿ãã ããã</p> 8677 8678 </section> 8679 8680 <section class="ghn-footer__card ghn-footer__card--about"> 8681 <h2 class="ghn-footer__title">åºé·ç´¹ä»</h2> 8682 8683 8684 <div class="footbox__content"> 8685 <figure class="footbox__media"> 8686 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/footer/profile_pix.jpg" alt="åºé·"> 8687 </figure> 8688 8689 <div class="footbox__body"> 8690 <p>ç§ãåºé·ã®æ²³åã§ãã</p> 8691 <p>ãè±ä½ãã£ã¨ãã¯åµæ¥100å¹´ãè¶ ãã</p> 8692 <p>ç¦ç°æ©æ¢°åºãéå¶ããå°éé販ãµã¤ãã§ãã</p> 8693 <p>ããããã¹ã¹ã¡ããâè¾²æ¥æ¶èåãå®ãâãã¢ããã¼ã«ãã¦ããã¾ãã</p> 8694 <p>ãã®ãµã¤ããéãã¦è±ä½ã«ãªãããã«é¡ããè¾¼ãããåºã§ãã</p> 8695 <p>å®å¿ãã¦ã·ã§ããã³ã°ããæ¥½ãã¿ãã ããã</p> 8696 </div> 8697 </div> 8698</section> 8699 8700 8701 </div> 8702 8703 <!-- å³ã«ã©ã ï¼2ã¤ç¸¦ï¼ --> 8704 <div class="ghn-footer__col ghn-footer__col--right"> 8705 8706 <!-- â£ å¶æ¥æ¥ã«ã¬ã³ãã¼ï¼âä¸ã«ç§»åï¼ --> 8707 <section class="ghn-footer__card ghn-footer__card--calendar"> 8708 <h2 class="ghn-footer__title">å¶æ¥æ¥ã«ã¬ã³ãã¼</h2> 8709 8710 <div class="ghn-cal"> 8711 <div class="ghn-cal__month"> 8712 <dl class="calendar-title this-month"> 8713 <dt>2026å¹´</dt> 8714 <dd>10æ</dd> 8715 </dl> 8716 8717 <table class="makeshop-calendar1"> 8718<thead> 8719<tr> 8720<th class="sunday">æ¥</th> 8721<th class="monday">æ</th> 8722<th class="tuesday">ç«</th> 8723<th class="wednesday">æ°´</th> 8724<th class="thursday">æ¨</th> 8725<th class="friday">é</th> 8726<th class="saturday">å</th> 8727</tr> 8728</thead> 8729<tbody> 8730<tr> 8731<td></td> 8732<td></td> 8733<td></td> 8734<td></td> 8735<td class="thursday day1">1</td> 8736<td class="friday day2">2</td> 8737<td class="saturday day3">3</td> 8738</tr> 8739<tr> 8740<td class="sunday day4">4</td> 8741<td class="monday day5 today">5</td> 8742<td class="tuesday day6">6</td> 8743<td class="wednesday day7">7</td> 8744<td class="thursday day8">8</td> 8745<td class="friday day9">9</td> 8746<td class="saturday day10">10</td> 8747</tr> 8748<tr> 8749<td class="sunday day11">11</td> 8750<td class="monday day12">12</td> 8751<td class="tuesday day13">13</td> 8752<td class="wednesday day14">14</td> 8753<td class="thursday day15">
875315</td> 8754<td class="friday day16">16</td> 8755<td class="saturday day17">17</td> 8756</tr> 8757<tr> 8758<td class="sunday day18">18</td> 8759<td class="monday day19">19</td> 8760<td class="tuesday day20">20</td> 8761<td class="wednesday day21">21</td> 8762<td class="thursday day22">22</td> 8763<td class="friday day23">23</td> 8764<td class="saturday day24">24</td> 8765</tr> 8766<tr> 8767<td class="sunday day25">25</td> 8768<td class="monday day26">26</td> 8769<td class="tuesday day27">27</td> 8770<td class="wednesday day28">28</td> 8771<td class="thursday day29">29</td> 8772<td class="friday day30">30</td> 8773<td class="saturday day31">31</td> 8774</tr> 8775</tbody> 8776</table> 8777 8778 <div> 8779 <span style="color:#CC0000; display:inline-block; padding:0 6px 3px;">â </span> 8780 伿¥æ¥ 8781 </div> 8782 8783 <input type="hidden" class="day-list" 8784 data-month="1" 8785 data-day="4" 8786 data-color="#CC0000"> 8787 <input type="hidden" class="day-list" 8788 data-month="1" 8789 data-day="10" 8790 data-color="#CC0000"> 8791 <input type="hidden" class="day-list" 8792 data-month="1" 8793 data-day="11" 8794 data-color="#CC0000"> 8795 <input type="hidden" class="day-list" 8796 data-month="1" 8797 data-day="18" 8798 data-color="#CC0000"> 8799 <input type="hidden" class="day-list" 8800 data-month="1" 8801 data-day="12" 8802 data-color="#CC0000"> 8803 <input type="hidden" class="day-list" 8804 data-month="1" 8805 data-day="24" 8806 data-color="#CC0000"> 8807 <input type="hidden" class="day-list" 8808 data-month="1" 8809 data-day="25" 8810 data-color="#CC0000"> 8811 </div> 8812 8813 <div class="ghn-cal__month"> 8814 <dl class="calendar-title next-month"> 8815 <dt>2026å¹´</dt> 8816 <dd>11æ</dd> 8817 </dl> 8818 8819 <table class="makeshop-calendar2"> 8820<thead> 8821<tr> 8822<th class="sunday">æ¥</th> 8823<th class="monday">æ</th> 8824<th class="tuesday">ç«</th> 8825<th class="wednesday">æ°´</th> 8826<th class="thursday">æ¨</th> 8827<th class="friday">é</th> 8828<th class="saturday">å</th> 8829</tr> 8830</thead> 8831<tbody> 8832<tr> 8833<td class="sunday day1">1</td> 8834<td class="monday day2">2</td> 8835<td class="tuesday day3">3</td> 8836<td class="wednesday day4">4</td> 8837<td class="thursday day5">5</td> 8838<td class="friday day6">6</td> 8839<td class="saturday day7">7</td> 8840</tr> 8841<tr> 8842<td class="sunday day8">8</td> 8843<td class="monday day9">9</td> 8844<td class="tuesday day10">10</td> 8845<td class="wednesday day11">11</td> 8846<td class="thursday day12">12</td> 8847<td class="friday day13">13</td> 8848<td class="saturday day14">14</td> 8849</tr> 8850<tr> 8851<td class="sunday day15">
885115</td> 8852<td class="monday day16">16</td> 8853<td class="tuesday day17">17</td> 8854<td class="wednesday day18">18</td> 8855<td class="thursday day19">19</td> 8856<td class="friday day20">20</td> 8857<td class="saturday day21">21</td> 8858</tr> 8859<tr> 8860<td class="sunday day22">22</td> 8861<td class="monday day23">23</td> 8862<td class="tuesday day24">24</td> 8863<td class="wednesday day25">25</td> 8864<td class="thursday day26">26</td> 8865<td class="friday day27">27</td> 8866<td class="saturday day28">28</td> 8867</tr> 8868<tr> 8869<td class="sunday day29">29</td> 8870<td class="monday day30">30</td> 8871<td></td> 8872<td></td> 8873<td></td> 8874<td></td> 8875<td></td> 8876</tr> 8877</tbody> 8878</table> 8879 8880 <div> 8881 <span style="color:#c70000; display:inline-block; padding:0 6px 3px;">â </span> 8882 伿¥æ¥ 8883 </div> 8884 8885 <input type="hidden" class="day-list" 8886 data-month="2" 8887 data-day="1" 8888 data-color="#c70000"> 8889 <input type="hidden" class="day-list" 8890 data-month="2" 8891 data-day="3" 8892 data-color="#c70000"> 8893 <input type="hidden" class="day-list" 8894 data-month="2" 8895 data-day="8" 8896 data-color="#c70000"> 8897 <input type="hidden" class="day-list" 8898 data-month="2" 8899 data-day="14" 8900 data-color="#c70000"> 8901 <input type="hidden" class="day-list" 8902 data-month="2" 8903 data-day="15" 8904 data-color="#c70000"> 8905 <input type="hidden" class="day-list" 8906 data-month="2" 8907 data-day="22" 8908 data-color="#c70000"> 8909 <input type="hidden" class="day-list" 8910 data-month="2" 8911 data-day="23" 8912 data-color="#c70000"> 8913 <input type="hidden" class="day-list" 8914 data-month="2" 8915 data-day="28" 8916 data-color="#c70000"> 8917 <input type="hidden" class="day-list" 8918 data-month="2" 8919 data-day="29" 8920 data-color="#c70000"> 8921 </div> 8922 </div> 8923</section> 8924 8925 8926 <!-- ⤠åºèç´¹ä»ï¼âä¸ã¸ï¼ --> 8927 <section class="ghn-footer__card ghn-footer__card--shop"> 8928 <h2 class="ghn-footer__title">åºèç´¹ä»</h2> 8929 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/footer/tenpo.png" alt=""> 8930 <p> 8931 ã321-0962 æ æ¨çå®é½å®®å¸ä»æ³çº32-1 8932 </p> 8933 <p class="ghn-footer__shopinfo"> 8934 å¶æ¥æé 9:00〜17:00ï¼ç¬¬2ã»4åæã»æ¥æã»ç¥æ¥ä¼ï¼<br> 8935 TEL <a href="tel:0800-888-4039">0800-888-4039</a> 8936 </p> 8937 </section> 8938 8939 </div> 8940</div> 8941 8942 8943 <!-- 䏿®µï¼ã³ãã¼ã©ã¤ã --> 8944 <div class="ghn-footer__bottom"> 8945 8946 <!-- ããã¿ã¼ãªã³ã¯ --> 8947 <nav class="ghn-footer__links"> 8948 <a href="/view/page/guide">ãå©ç¨ã¬ã¤ã</a> 8949 <span class="sep">ï½</span> 8950 <a href="http://www.fukuda-kikaiten.co.jp/index.php" 8951 target="_blank" 8952 rel="noopener"> 8953 éå¶ä¼æ¥ 8954</a> 8955 <span class="sep">ï½</span> 8956 <a href="/view/page/tokutei">ç¹å®åå弿³ã«åºã¥ã表è¨</a> 8957 <span class="sep">ï½</span> 8958 <a href="/view/page/kojin">å人æ å ±ã®åæ±ãã«ã¤ãã¦</a> 8959 </nav> 8960 8961 <small>© <span class="ghn-footer__year"></span> è±ä½ãã£ã¨</small> 8962 </div> 8963 8964 </div> 8965</footer> 8966 8967<style> 8968.ghn-footer { 8969 background:#f2f2f2; 8970 padding:30px 0 20px; 8971} 8972 8973.ghn-footer__inner { 8974 max-width:1100px; 8975 margin:0 auto; 8976 padding:0 14px; 8977} 8978 8979/* ===== 2ã«ã©ã å ¨ä½ ===== */ 8980.ghn-footer__grid { 8981 display:grid; 8982 grid-template-columns: 3fr 2fr; /* å·¦3ï¼å³2 */ 8983 gap:16px; 8984 align-items:stretch; /* ä¸ç«¯æã */ 8985} 8986 8987/* åã«ã©ã */ 8988.ghn-footer__col { 8989 display:flex; 8990 flex-direction:column; 8991 gap:14px; 8992} 8993 8994/* åBOX */ 8995.ghn-footer__card { 8996 background:#fff; 8997 border-radius:14px; 8998 padding:14px; 8999 box-shadow:0 2px 8px rgba(0,0,0,.05); 9000 flex:1; /* é«ãåçå */ 9001 display:flex; 9002 flex-direction:column; 9003} 9004 9005.ghn-footer__title { 9006 font-size:15px; 9007 font-weight:700; 9008 margin-bottom:8px; 9009} 9010 9011/* åºé· */ 9012.ghn-footer__profile { 9013 display:grid; 9014 grid-template-columns:80px 1fr; 9015 gap:10px; 9016} 9017.ghn-footer__profile img { 9018 width:80px; 9019 height:80px; 9020 border-radius:10px; 9021 object-fit:cover; 9022} 9023 9024/* 決æ¸ã»åºè */ 9025.ghn-footer__card img { 9026 width:100%; 9027 border-radius:8px; 9028 margin-bottom:6px; 9029} 9030 9031/* ã«ã¬ã³ãã¼ */ 9032.ghn-cal { 9033 display:grid; 9034 grid-template-columns:1fr 1fr; 9035 gap:8px; 9036} 9037 9038 9039/* 䏿®µ */ 9040.ghn-footer__bottom { 9041 margin-top:20px; 9042 text-align:center; 9043 font-size:12px; 9044 color:#666; 9045} 9046 9047/* ===== SP ===== */ 9048@media (max-width:768px){ 9049 .ghn-footer__grid { 9050 grid-template-columns:1fr; 9051 } 9052} 9053 9054.ghn-footer__divider{ 9055 border:none; 9056 border-top:1px solid rgba(0,0,0,.08); 9057 margin:12px 0; 9058} 9059 9060.ghn-footer__subTitle{ 9061 font-size:14px; 9062 font-weight:700; 9063 margin:0 0 6px; 9064 color:#0b1412; 9065} 9066 9067/* è¦åºãã¯1è¡ç®ããã®ä¸ã2ã«ã©ã */ 9068.footbox__title{ 9069 margin: 0 0 12px; 9070 font-size: 18px; 9071 font-weight: 800; 9072 color: #0b1412; 9073} 9074 9075/* 䏿®µï¼2ã«ã©ã */ 9076.footbox__content{ 9077 display: grid; 9078 grid-template-columns: 160px minmax(0, 1fr); /* å·¦ï¼åç / å³ï¼æç« */ 9079 gap: 16px; 9080 align-items: start; 9081} 9082 9083/* ç»å */ 9084.footbox__media{ 9085 margin: 0; 9086} 9087 9088.footbox__media img{ 9089 width: 100%; 9090 height: 180px; /* åçããã£ãã大ããï¼å¿ è¦ãªã調æ´ï¼ */ 9091 object-fit: cover; /* ããªãã³ã°ãã¦ç¶ºéºã«åãã */ 9092 border-radius: 12px; 9093 display: block; 9094} 9095 9096/* æç« */ 9097.footbox__body p{ 9098 margin: 0 0 10px; 9099 line-height: 1.7; 9100 color: #0b1412; 9101} 9102 9103.footbox__body p:last-child{ 9104 margin-bottom: 0; 9105} 9106 9107/* ã¹ããã¯ç¸¦ç©ã¿ */ 9108@media (max-width: 768px){ 9109 .footbox__content{ 9110 grid-template-columns: 1fr; 9111 } 9112 .footbox__media img{ 9113 height: 200px; /* SPã¯å°ã大ããã§ãOK */ 9114 } 9115} 9116 9117.ghn-footer__divider{ 9118 border:none; 9119 border-top:1px solid rgba(0,0,0,.12); 9120 margin:12px 0; 9121} 9122.ghn-footer__links{ 9123 margin-bottom:8px; 9124 font-size:13px; 9125 text-align:center; 9126} 9127 9128.ghn-footer__links a{ 9129 color:#555; 9130 text-decoration:none; 9131} 9132 9133.ghn-footer__links a:hover{ 9134 text-decoration:underline; 9135} 9136 9137.ghn-footer__links .sep{ 9138 margin:0 6px; 9139 color:#aaa; 9140} 9141 9142/* ã¹ããã¯2è¡ã«ãã¦èªã¿ããã */ 9143@media (max-width:768px){ 9144 .ghn-footer__links{ 9145 line-height:1.8; 9146 } 9147} 9148 9149/* ã³ãã¼ã©ã¤ãã1è¡ä¸ãã */
9150.ghn-footer__copy{ 9151 display:block; 9152 margin-top:10px; /* â ãã®ä½ç½ãã1è¡åã */ 9153 font-size:12px; 9154 color:#555; 9155} 9156 9157/* ã³ãã¼ã©ã¤ã */ 9158.ghn-footer__copy{ 9159 display:block; 9160 margin-top:10px; 9161 font-size:12px; 9162 color:#555; 9163} 9164 9165 /* ã¹ããï¼åºé·ç»åã®ä¸ãåããªãããã«è¡¨ç¤ºä½ç½®ãä¸å¯ã */ 9166@media (max-width: 768px){ 9167 .footbox__media img{ 9168 object-position: center top; /* â ããã追å */ 9169 } 9170} 9171.ghn-footer__head{ 9172 display: flex; 9173 align-items: center; 9174 gap: 16px; 9175 margin-bottom: 8px; 9176} 9177 9178.ghn-footer__btns{ 9179 display: flex; 9180 gap: 8px; 9181} 9182 9183.ghn-footer__btn{ 9184 font-size: 12px; 9185 padding: 6px 12px; 9186 border-radius: 999px; 9187 background: #007A59; /* è±ä½ãã£ã¨ç³»ã°ãªã¼ã³ */ 9188 color: #fff; 9189 text-decoration: none; 9190 white-space: nowrap; 9191 line-height: 1; 9192} 9193 9194.ghn-footer__btn--sub{ 9195 background: #e6f3ef; 9196 color: #007A59; 9197} 9198 9199/* ã¹ããæï¼ã¿ã¤ãã«ã®ä¸ã«åã */ 9200@media (max-width: 768px){ 9201 .ghn-footer__head{ 9202 flex-direction: column; 9203 align-items: flex-start; 9204 } 9205} 9206/* é éã«ã¤ãã¦ï¼æ±ºæ¸ã«ã¼ãå ï¼ã®æç« ã®è¡éãæãã */ 9207.ghn-footer__card--pay p{ 9208 line-height: 1.7; 9209 margin: 0 0 10px; 9210} 9211 9212.ghn-footer__card--pay p:last-child{ 9213 margin-bottom: 0; 9214} 9215.ghn-footer__card p{ 9216 line-height: 1.7; 9217} 9218 9219html, body{ 9220 overflow-x: hidden; 9221} 9222 9223/* ========================= 9224 SPï¼ç½ãã«ã¼ãããå°ãå å´ãã«åãã¦å·¦å³ã®ä½ç½ãæãã 9225========================= */ 9226@media (max-width: 768px){ 9227 .ghn-footer__inner{ 9228 padding-left: 14px !important; 9229 padding-right: 14px !important; 9230 } 9231 9232 .ghn-footer__grid{ 9233 padding-left: 6px !important; 9234 padding-right: 6px !important; 9235 box-sizing: border-box !important; 9236 } 9237} 9238 @media (max-width: 768px){ 9239 .ghn-footer__btns{ 9240 flex-wrap: wrap; 9241 } 9242 .ghn-footer__btn{ 9243 white-space: normal; /* nowrapè§£é¤ */ 9244 line-height: 1.3; 9245 } 9246} 9247 9248 /* ããã©ã«ãï¼SPã§ã¯æ¶ãï¼ */ 9249.pc-br{ 9250 display: none; 9251} 9252 9253/* PCã ã表示 */ 9254@media (min-width: 769px){ 9255 .pc-br{ 9256 display: inline; 9257 } 9258} 9259 9260/* ========================= 9261 ããã¿ã¼å ¨ä½ã®ãä¸ãã伸ã°ãã¦ãã®ã¯ããã ãã¼ã¼ï¼âââ 9262========================= */ 9263.ghn-footer{ 9264 padding-bottom: 120px; /*ï¼å¥½ã¿ã§èª¿æ´ï¼ */ 9265} 9266 9267/* ========================= 9268 ãå人æ å ±ã®åæ±ãã«ã¤ãã¦ãè¡ ã¨ ã© è±ä½ãã£ã¨ã ã®éã 9269 2è¡åããã空ãã 9270========================= */ 9271.ghn-footer__bottom .ghn-footer__links{ 9272 margin-bottom: 28px; /* 8px â 28pxï¼ã ããã2è¡ç¸å½ã好ã¿ã§èª¿æ´ï¼ */ 9273} 9274 9275/* ï¼ä»»æï¼ã³ãã¼ã©ã¤ãèªä½ãããå°ãä¸ãããå ´å */ 9276.ghn-footer__bottom small{ 9277 display: inline-block; 9278 margin-top: 0; /* å¿ è¦ãªã 4px〜10px ãªã©ã« */ 9279} 9280 9281 9282</style> 9283
9284<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
vendor: 2 bytes, line 9284
9284
9285<script src="/view/asset/user-35-1-2-2608e09a540cc84cde1425a1ef24fa66.js"></script>
vendor: 2 bytes, line 9285
9285
9286<script type="text/javascript"> 9287(function u(){var u=document.createElement("script");u.type="text/javascript",u.async=true,u.src="//api.u-komi.com/e8b0c5398d5b87fbf2d28f1a1dadc97c1fafb1559d1b2fa1ce512dc11325e371/widget.js";var k=document.getElementsByTagName("script")[0];k.parentNode.insertBefore(u,k)})(); 9288</script>
9288 9289 <form name="ssl_login_form" method="post" action="https://www.housakunet.shop/ssl/slogin/" target="_top" style="margin:0;padding:0;"> 9290 <input type="hidden" name="db" value="fukuda29"> 9291 <input type="hidden" name="type" value=""> 9292 <input type="hidden" name="opt" value=""> 9293 <input type="hidden" name="ssl_login_return_url" value="%2Findex.html"> 9294 <input type="hidden" name="user_id" value=""> 9295 <input type="hidden" name="ssl_tempid" value="6d9eeb78444f10ada056cbf4830171bf"> 9296 </form> 9297 9298
9298<script language="JavaScript"> 9299 function ssl_login(type, etc, user_id){ 9300 var etc = (typeof(etc) != "undefined") ? etc : ''; 9301 var user_id = (typeof(user_id) != "undefined") ? user_id : ''; 9302 9303 document.ssl_login_form.type.value = type; 9304 document.ssl_login_form.opt.value = etc; 9305 document.ssl_login_form.user_id.value = user_id; 9306 document.ssl_login_form.submit(); 9307 } 9308 </script>
9308 9309 <form name="ssl_idinfo_form" style="margin:0;padding:0;" method="post" action="https://www.housakunet.shop/ssl/ssl_idinfo/ssl_idinfo.html"> 9310 <input type="hidden" name="db" value="fukuda29"> 9311 <input type="hidden" name="login_id" value=""> 9312 <input type="hidden" name="ssl_tempid" value="6d9eeb78444f10ada056cbf4830171bf"> 9313 </form> 9314
9314<script> 9315 function ssl_idinfo() { 9316 document.ssl_idinfo_form.submit(); 9317 } 9318 </script>
9318 9319 <form name="ssl_confirm_form" style="margin:0;padding:0;" method="post" action="https://www.housakunet.shop/ssl/ssl_confirm/confirm.html"> 9320 <input type="hidden" name="db" value="fukuda29"> 9321 <input type="hidden" name="login_id" value=""> 9322 <input type="hidden" name="type" value="confirm"> 9323 <input type="hidden" name="ssl_tempid" value="6d9eeb78444f10ada056cbf4830171bf"> 9324 </form> 9325
9325<script> 9326 function ssl_confirm(){ 9327 document.ssl_confirm_form.submit(); 9328 } 9329 </script>
9329 9330 <form name="ssl_point_form" style="margin:0;padding:0;" method="post" action="https://www.housakunet.shop/ssl/mypage/point.html"> 9331 <input type="hidden" name="db" value="fukuda29"> 9332 <input type="hidden" name="login_id" value=""> 9333 <input type="hidden" name="ssl_tempid" value="6d9eeb78444f10ada056cbf4830171bf"> 9334 </form> 9335
9335<script> 9336 function ssl_point(){ 9337 document.ssl_point_form.submit(); 9338 } 9339 </script>
9339 9340 <form name="ssl_favorite_form" style="margin:0;padding:0;" method="post" action="https://www.housakunet.shop/ssl/mypage/favorite.html"> 9341 <input type="hidden" name="db" value="fukuda29"> 9342 <input type="hidden" name="login_id" value=""> 9343 <input type="hidden" name="ssl_tempid" value="6d9eeb78444f10ada056cbf4830171bf"> 9344 </form> 9345
9345<script> 9346 function ssl_favorite(){ 9347 document.ssl_favorite_form.submit(); 9348 } 9349 </script>
9349 9350 <form name="ssl_external_login_form" style="margin:0;padding:0;" method="post" action="https://www.housakunet.shop/ssl/mypage/external_login.html"> 9351 <input type="hidden" name="db" value="fukuda29"> 9352 <input type="hidden" name="login_id" value=""> 9353 <input type="hidden" name="ssl_tempid" value="6d9eeb78444f10ada056cbf4830171bf"> 9354 </form> 9355
9355<script> 9356 function ssl_external_login() { 9357 document.ssl_external_login_form.submit(); 9358 } 9359 </script>
9359 9360 <form name="ssl_address_book" style="margin:0;padding:0;" method="post" action="https://www.housakunet.shop/ssl/mypage/address_book.html"> 9361 <input type="hidden" name="db" value="fukuda29"> 9362 <input type="hidden" name="login_id" value=""> 9363 <input type="hidden" name="ssl_tempid" value="6d9eeb78444f10ada056cbf4830171bf"> 9364 </form> 9365
9365<script> 9366 function ssl_address_book() { 9367 document.ssl_address_book.submit(); 9368 } 9369 </script>
9369 9370<div class="makeshop-modal-window" data-remodal-id="makeshop-common-modal"> 9371 <button data-remodal-action="close" class="remodal-close"></button> 9372 <p class="error-text"></p> 9373 <button data-remodal-action="confirm" class="remodal-confirm">OK</button> 9374</div> 9375 9376<input type="hidden" id="makeshop-page-common-cart-data" 9377 data-cart-url="/view/cart" 9378 data-cart-entry-url-prefix="#makeshop-common-cart-entry-url:" 9379 data-cart-remove-url-prefix="#makeshop-common-cart-remove-url:" 9380 data-cart-quantity-url-prefix="#makeshop-common-cart-quantity-url:" 9381 data-id-quantity-prefix="makeshop-common-cart-quantity:" 9382> 9383 9384<form id="makeshop-form-common-order" method="post" action=""> 9385 <input type="hidden" name="ssl_login_id" value=""> 9386 <input type="hidden" name="ssl_tempid" value="6d9eeb78444f10ada056cbf4830171bf"> 9387</form> 9388<input type="hidden" id="makeshop-page-common-order-data" 9389 data-order-url="#makeshop-common-order-url" 9390> 9391 9392<input type="hidden" id="makeshop-page-common-favorite-data" 9393 data-favorite-entry-url-prefix="#makeshop-common-favorite-entry-url:" 9394 data-favorite-remove-url-prefix="#makeshop-common-favorite-remove-url:" 9395> 9396 9397<input type="hidden" id="makeshop-page-common-search-data" 9398 data-id-keyword="makeshop-search-keyword" 9399 data-id-name="makeshop-search-name" 9400 data-id-price-low="makeshop-search-price-low" 9401 data-id-price-high="makeshop-search-price-high" 9402 data-id-category="makeshop-search-category" 9403 data-id-original-code="makeshop-search-original-code" 9404 data-search-url="#makeshop-common-search-url" 9405> 9406 9407<form id="makeshop-form-common-contact" method="post" action="https://www.housakunet.shop/ssl/contact/"> 9408 <input type="hidden" name="admin_id" value="fukuda29"> 9409 <input type="hidden" name="login_id" value=""> 9410 <input type="hidden" name="return_path" value="/"> 9411</form> 9412<input type="hidden" id="makeshop-page-common-contact-data" 9413 data-contact-url="#makeshop-common-contact-url" 9414> 9415 9416<input type="hidden" id="makeshop-page-common-slideshow-data" 9417 data-enabled="N" 9418 data-pause="5000" 9419 data-speed="1500" 9420 data-controls="Y" 9421 data-captions="N" 9422 data-mode="horizontal" 9423> 9424 9425
9426<script src="/js/jquery/3.7.1/jquery.min.js" defer></script>
vendor: 1 bytes, line 9426
9426
9427<script src="/js/jqueryplugin/remodal/1.1.1/remodal.min.js" defer></script>
vendor: 1 bytes, line 9427
9427
9428<script src="/view/asset/system-35-1-2-24bbcddf73da439e84deb1fe53df7470.js" defer></script>
vendor: 1 bytes, line 9428
9428
9429<script src="https://static-fe.payments-amazon.com/checkout.js" charset="utf-8"></script>
vendor: 1 bytes, line 9429
9429
9430<script type="text/javascript" charset="utf-8"> 9431var amazonpaybutton6ac36f477cf14 = document.querySelectorAll('.amazonpay-button6ac36f477a5c6'); 9432for (var amazonpaybutton6ac36f477cf14i = 0; amazonpaybutton6ac36f477cf14i < amazonpaybutton6ac36f477cf14.length; amazonpaybutton6ac36f477cf14i++) { 9433 // BuyNowãã¿ã³ã®è¦ç´ ã¯é¤å¤ï¼IDãAmazonBuyNowButtonã®è¦ç´ ã¯ã¹ãããï¼ 9434 if (amazonpaybutton6ac36f477cf14[amazonpaybutton6ac36f477cf14i].id === 'AmazonBuyNowButton') { 9435 continue; 9436 } 9437amazonpaybutton6ac36f477cf14[amazonpaybutton6ac36f477cf14i].id = 'amazonpay-button' + new Date().getTime(); 9438 amazon.Pay.renderButton('#' + amazonpaybutton6ac36f477cf14[amazonpaybutton6ac36f477cf14i].id, { 9439 merchantId: 'A2MMCOD167HHF6', 9440 ledgerCurrency: 'JPY', 9441 9442 checkoutLanguage: 'ja_JP', 9443 productType: 'PayAndShip', 9444 placement: 'Cart', 9445 buttonColor: 'Gold', 9446 createCheckoutSessionConfig: { 9447 payloadJSON: '{"storeId":"amzn1.application-oa2-client.90e1352f048e4366ac9c304d9f4a41a5","webCheckoutDetails":{"checkoutReviewReturnUrl":"https:\/\/shop23.makeshop.jp\/shop\/amazon_login_redirect.html?db=fukuda29","checkoutCancelUrl":"https:\/\/shop23.makeshop.jp\/shop\/amazon_login_redirect.html?db=fukuda29"},"scopes":["name","email","billingAddress","phoneNumber"],"paymentDetails":{"allowOvercharge":true}}', 9448 signature: 'U5vkUrI/zqgL2csWE41E7OgG/cWqq8BcgWl/LyOT53dVd5Ijm/xggcRtnXH6bAhGUQqVIAzMhljR1Dm9FzaeGlTIBdv1fahTHpfEWgXn+IRd6119AZ7IMzQoakB1u5MG7S2UFQ+FHZVDQAHpAidgvRKvlPmvfHZ7nO/9gqzrbVry3UgUNzuNFG+kgve8lItwXbIc8SO1ENYcwCtFQ0cbUkqQ+hUPbpwE++qOtMws6oV06YpZS5oMkr38LdgTi7FHDth8EQ6JeW9Be8DCcEMShjQHsqLpBawbMWBdGIrSCjuKQ3zbaBPmiWOY4a55mE/F1HMWc5fBSdxlMj4F3/Wtqw==', 9449 publicKeyId: 'AG7ZOT6WS56LZWWLYTI4754G' 9450 } 9451 }); 9452} 9453</script>
vendor: 1 bytes, line 9453
9453
9454<script type="text/javascript" src="//cvtr.makerepeater.jp/publish/makeshop-fukuda29.js"></script>
vendor: 1 bytes, line 9454
9454
9455<script type='text/javascript' charset='UTF-8' src='https://checkout-api.worldshopping.jp/v1/script?token=makeshop__fukuda29'></script>
9455 9456<!--d79190417cf60141f628020c9d97e8937a--> 9457 9458<!-- SPããã¼ãã£ã³ã° --> 9459<a class="ms-sp-float-tel" href="tel:0800-888-4039" aria-label="é»è©±ãã"> 9460 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/ãªãã¥ã¼ã¢ã«ç¨ã®ç´ æ/call_here.png" alt="é»è©±ã§ç¸è«ãã"> 9461</a> 9462<!-- PCããã¼ãã£ã³ã° --> 9463<a id="toTopPc" class="ms-pc-float-top" href="#top" aria-label="ãã¼ã¸ä¸é¨ã¸"> 9464 <img src="https://gigaplus.makeshop.jp/fukuda29/common/sozai/%E3%83%AA%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%A2%E3%83%AB%E7%94%A8%E3%81%AE%E7%B4%A0%E6%9D%90/%20fortop.png" alt="TOPã¸"> 9465</a> 9466 9467</body> 9468</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.