PageSourceSearch

https://housakunet.shop/

html housakunet.shop collected 2026-10-05 09:35:04 UTC 320,709 bytes, 9,468 lines download raw bytes

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&#12316;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&#12316;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&#12316;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&#12316;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&#12316;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&#12316;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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;農業機械&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</button>
4242    <button class="ghn-cat__tab" role="tab" aria-selected="false"
4243            aria-controls="panel-consum" id="tab-consum" data-tab="consum">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;消耗品&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</button>
4244    <button class="ghn-cat__tab" role="tab" aria-selected="false"
4245            aria-controls="panel-tines" id="tab-tines" data-tab="tines">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;耕うん爪&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</button>
4246    <button class="ghn-cat__tab" role="tab" aria-selected="false"
4247            aria-controls="panel-others" id="tab-others" data-tab="others">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;その他&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</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> &gt; <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&#12316;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&#12316;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>&#169; <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  「個人情報の取扱いについて」行 と 「&#169; 豊作ねっと」 の間を
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&#12316;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.