PageSourceSearch

https://gt-ramen.shop/

html gt-ramen.shop collected 2026-10-07 06:20:01 UTC 136,012 bytes, 2,553 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://gt-ramen.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:image" content="https://gigaplus.makeshop.jp/gtramen/butayama/img/ogp.jpg">
14<meta name="twitter:card" content="summary_large_image">
15<link rel="shortcut icon" type="image/ico" href="/favicon.ico">
16<link href="/view/asset/user-8-1-2-008485bd07ab7cecf051f95e7a8712ab.css" rel="stylesheet">
17<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css"/>
18<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css"/>
19<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
20<link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
21<link rel="stylesheet" href="/js/jqueryplugin/remodal/1.1.1/remodal.css">
22<link rel="stylesheet" href="/js/jqueryplugin/remodal/1.1.1/remodal-default-theme.css">
23<link rel="stylesheet" href="/js/jqueryplugin/makeshop_bxslider/4.2.14/jquery.bxslider.min.css">
24<link rel="stylesheet" href="/view/asset/system-8-1-2-78e567dc05121ea6e0c5107158f4037f.css">
25<script>(function u(){var u=document.createElement("script");u.type="text/javascript",u.async=true,u.src="//api.u-komi.com/a2b868a6048d232165038c4f37fbb60a54b7b2dfd40cef9d30a6a7b8d981dbc2/widget.js";var k=document.getElementsByTagName("script")[0];k.parentNode.insertBefore(u,k)})();</script>
vendor: 64 bytes, lines 25-26
25
26<script async src="https://www.googletagmanager.com/gtag/js?id=
26G-8PFCCL649J
vendor: 12 bytes, line 26
26"></script>
27<script>
28window.dataLayer = window.dataLayer || [];
29function makeshop_ga_gtag(){dataLayer.push(arguments);}
30makeshop_ga_gtag('js', new Date());
31makeshop_ga_gtag('config', 'G-8PFCCL649J');
32</script>
32
33
34<script type="text/javascript" src="//cvtr.makerepeater.jp/publish/makeshop-gtramen.js"></script>
34
35
36<link rel="preconnect" href="https://fonts.googleapis.com">
37<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
38<link href="https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Noto+Sans+JP:[email protected]&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Zen+Kaku+Gothic+New&display=swap" rel="stylesheet">
39
40<body class="topPage">
41    
42         <style>
43.no-scroll {
44  overflow: hidden;
45}
46
47.announcement-bar {
48  font-size: 13px;
49  font-weight: 700;
50  line-height: normal;
51  text-align: center;
52  background-color: #E2121D;
53  color: #fff;
54  padding: 0px 10px;
55  height: 30px;
56  line-height: 30px;
57  display: -webkit-box;
58  -webkit-box-orient: vertical;
59  -webkit-line-clamp: 1;
60  overflow: hidden;
61  text-align: center;
62  -webkit-transition: 0.2s;
63  transition: 0.2s;
64}
65@media screen and (max-width: 768px) {
66  .announcement-bar {
67    font-size: 11px;
68    height: 22px;
69    line-height: 22px;
70  }
71}
72
73.header {
74  position: fixed;
75  z-index: 2;
76  -webkit-transition: 0.3s;
77  transition: 0.3s;
78  top: 0;
79  left: 0;
80  background: #F0F0EF;
81  width: 100%;
82}
83@media screen and (max-width: 1024px) {
84  .header {
85    background: #FFC80F;
86    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
87            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
88  }
89}
90.header.onScroll {
91  display: block;
92  /* padding: 6px 0; */
93  -webkit-transition: 0.3s;
94  transition: 0.3s;
95  -webkit-transform: translateY(-100%);
96          transform: translateY(-100%); /* 下スクロール時に隠す */
97}
98.header.onScroll.onScrollUp {
99  -webkit-transform: translateY(0);
100          transform: translateY(0); /* 上スクロールで再表示 */
101}
102.header__logo a {
103  width: 100%;
104  max-width: 276px;
105  display: block;
106}
107@media screen and (max-width: 1300px) {
108  .header__logo a {
109    max-width: 190px;
110  }
111}
112.header__container {
113  display: -webkit-box;
114  display: -webkit-flex;
115  display: -ms-flexbox;
116  display: flex;
117  -webkit-box-align: center;
118  -webkit-align-items: center;
119      -ms-flex-align: center;
120          align-items: center;
121  -webkit-box-pack: justify;
122  -webkit-justify-content: space-between;
123      -ms-flex-pack: justify;
124          justify-content: space-between;
125  gap: 15px;
126  max-width: 1340px;
127  padding: 0px 20px;
128  margin: 0 auto;
129  height: 113px;
130}
131@media screen and (max-width: 1024px) {
132  .header__container {
133    height: 60px;
134  }
135}
136.header__top {
137  display: -webkit-box;
138  display: -webkit-flex;
139  display: -ms-flexbox;
140  display: flex;
141  -webkit-box-align: center;
142  -webkit-align-items: center;
143      -ms-flex-align: center;
144          align-items: center;
145  gap: 60px;
146}
147@media screen and (max-width: 1300px) {
148  .header__top {
149    gap: 30px;
150  }
151}
152.header__menu {
153  position: relative;
154}
155@media screen and (max-width: 1024px) {
156  .header__menu {
157    display: none;
158  }
159}
160.header__menu > ul {
161  display: -webkit-box;
162  display: -webkit-flex;
163  display: -ms-flexbox;
164  display: flex;
165  gap: 23px;
166}
167@media screen and (max-width: 1300px) {
168  .header__menu > ul {
169    gap: 12px;
170  }
171}
172.header__menu::before {
173  content: "";
174  position: absolute;
175  height: 72px;
176  width: 1px;
177  background-color: #000;
178  position: absolute;
179  top: 50%;
180  right: -30px;
181  -webkit-transform: translateY(-50%);
182          transform: translateY(-50%);
183}
184.header__menu-item a {
185  display: -webkit-box;
186  display: -webkit-flex;
187  display: -ms-flexbox;
188  display: flex;
189  -webkit-box-orient: vertical;
190  -webkit-box-direction: normal;
191  -webkit-flex-direction: column;
192      -ms-flex-direction: column;
193          flex-direction: column;
194  gap: 5px;
195}
196.header__menu-item a img {
197  width: 60px;
198  height: 60px;
199  border-radius: 50%;
200}
201.header__menu-item a span {
202  font-size: 11px;
203  font-weight: 700;
204  line-height: 1.2;
205  text-align: center;
206}
207.header__utility {
208  display: -webkit-box;
209  display: -webkit-flex;
210  display: -ms-flexbox;
211  display: flex;
212  gap: 15px;
213}
214@media screen and (max-width: 1300px) {
215  .header__utility {
216    gap: 12px;
217  }
218}
219@media screen and (max-width: 1024px) {
220  .header__search {
221    display: none;
222  }
223}
224.header__search-icon {
225  cursor: pointer;
226  display: -webkit-box;
227  display: -webkit-flex;
228  display: -ms-flexbox;
229  display: flex;
230  -webkit-box-orient: vertical;
231  -webkit-box-direction: normal;
232  -webkit-flex-direction: column;
233      -ms-flex-direction: column;
234          flex-direction: column;
235  -webkit-box-align: center;
236  -webkit-align-items: center;
237      -ms-flex-align: center;
238          align-items: center;
239  -webkit-box-pack: center;
240  -webkit-justify-content: center;
241      -ms-flex-pack: center;
242          justify-content: center;
243  gap: 5px;
244  width: 76px;
245  height: 74px;
246}
247.header__search-icon:hover {
248  cursor: pointer;
249}
250@media screen and (max-width: 1300px) {
251  .header__search-icon {
252    width: 66px;
253  }
254}
255.header__search-icon::before {
256  content: "";
257  display: block;
258  width: 36px;
259  height: 36px;
260  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M17.2041 4.75C23.5329 4.75 28.659 9.93856 28.6592 16.333C28.6592 22.7276 23.533 27.917 17.2041 27.917C10.8754 27.9167 5.75 22.7275 5.75 16.333C5.75017 9.93871 10.8756 4.75024 17.2041 4.75ZM17.2041 6.58301C11.8851 6.58325 7.56853 10.9458 7.56836 16.333C7.56836 21.7203 11.885 26.0828 17.2041 26.083C22.5234 26.083 26.8408 21.7205 26.8408 16.333C26.8406 10.9457 22.5233 6.58301 17.2041 6.58301Z' fill='%23010100' stroke='%23010100' stroke-width='0.5'/%3E%3Cpath d='M31.011 30.7241L29.7271 32.0228L22.7845 25.0003L24.0684 23.7017L31.011 30.7241Z' fill='%23010100' stroke='%23010100' stroke-width='0.5' stroke-linecap='square'/%3E%3C/svg%3E");
261  background-size: contain;
262  background-position: center;
263  background-repeat: no-repeat;
264}
265.header__search-icon span {
266  font-size: 11px;
267  font-weight: 700;
268  line-height: normal;
269  text-align: center;
270}
271.header__search-area {
272  background: none;
273  display: -webkit-box;
274  display: -webkit-flex;
275  display: -ms-flexbox;
276  display: flex;
277  -webkit-box-align: center;
278  -webkit-align-items: center;
279      -ms-flex-align: center;
280          align-items: center;
281  gap: 20px;
282  padding: 0;
283  position: absolute;
284  top: 100%;
285  left: 0;
286  width: 100%;
287  display: block;
288  z-index: 10;
289  padding: 30px 20px 30px;
290  background-color: #e6e6e5;
291  /* border-bottom: #d9d9d9 solid 1px; */
292  border-top: #101010 solid 1px;
293  display: none;
294  -webkit-transition: 0.2s;
295  transition: 0.2s;
296}
297.header__search-area.open {
298  display: block;
299}
300.header__search-area li {
301  margin-bottom: 0;
302}
303.header__search-area .search-form {
304  display: -webkit-box;
305  display: -webkit-flex;
306  display: -ms-flexbox;
307  display: flex;
308  -webkit-box-align: center;
309  -webkit-align-items: center;
310      -ms-flex-align: center;
311          align-items: center;
312  overflow: hidden;
313  background: #FFF;
314  width: 100%;
315  border-radius: 6px;
316  max-width: 1000px;
317  margin: 0 auto;
318}
319.header__search-area input {
320  width: 100%;
321  height: 50px;
322  padding: 5px 15px 5px 0;
323  border: none;
324  -webkit-box-sizing: border-box;
325          box-sizing: border-box;
326  font-size: 15px;
327  outline: none;
328}
329@media screen and (max-width: 768px) {
330  .header__search-area input {
331    width: 100%;
332  }
333}
334.header__search-area input::-webkit-input-placeholder {
335  color: #747474;
336}
337.header__search-area input::-moz-placeholder {
338  color: #747474;
339}
340.header__search-area input:-ms-input-placeholder {
341  color: #747474;
342}
343.header__search-area input::-ms-input-placeholder {
344  color: #747474;
345}
346.header__search-area input::placeholder {
347  color: #747474;
348}
349.header__search-area .search-btn {
350  display: -webkit-box;
351  display: -webkit-flex;
352  display: -ms-flexbox;
353  display: flex;
354  -webkit-box-pack: center;
355  -webkit-justify-content: center;
356      -ms-flex-pack: center;
357          justify-content: center;
358  -webkit-box-align: center;
359  -webkit-align-items: center;
360      -ms-flex-align: center;
361          align-items: center;
362  width: 50px;
363  height: 50px;
364  border: none;
365  background-color: transparent;
366  padding: 0;
367  cursor: pointer;
368}
369.header__search-area .search-btn::before {
370  width: 30px;
371  height: 30px;
372  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Ccircle cx='13.518' cy='13.518' r='8.81796' stroke='black' stroke-width='1.4'/%3E%3Cline x1='19.5903' y1='20.5496' x2='24.1097' y2='26.1988' stroke='black' stroke-width='1.4' stroke-linecap='square'/%3E%3C/svg%3E");
373  background-repeat: no-repeat;
374  background-size: contain;
375  content: "";
376}
377.header__nav {
378  display: -webkit-box;
379  display: -webkit-flex;
380  display: -ms-flexbox;
381  display: flex;
382  -webkit-box-align: center;
383  -webkit-align-items: center;
384      -ms-flex-align: center;
385          align-items: center;
386  gap: 15px;
387}
388@media screen and (max-width: 1300px) {
389  .header__nav {
390    gap: 12px;
391  }
392}
393@media screen and (max-width: 1024px) {
394  .header__nav {
395    display: none;
396  }
397}
398.header__nav-item a {
399  border-radius: 6px;
400  background: #FFC80F;
401  display: -webkit-box;
402  display: -webkit-flex;
403  display: -ms-flexbox;
404  display: flex;
405  -webkit-box-orient: vertical;
406  -webkit-box-direction: normal;
407  -webkit-flex-direction: column;
408      -ms-flex-direction: column;
409          flex-direction: column;
410  -webkit-box-align: center;
411  -webkit-align-items: center;
412      -ms-flex-align: center;
413          align-items: center;
414  -webkit-box-pack: center;
415  -webkit-justify-content: center;
416      -ms-flex-pack: center;
417          justify-content: center;
418  gap: 5px;
419  width: 76px;
420  height: 74px;
421}
422@media screen and (max-width: 1300px) {
423  .header__nav-item a {
424    width: 66px;
425  }
426}
427.header__nav-item a span {
428  font-size: 11px;
429  font-weight: 700;
430  line-height: normal;
431}
432.header__nav-item a:before {
433  content: "";
434  background-size: contain;
435  background-repeat: no-repeat;
436  background-position: center;
437  width: 36px;
438  height: 36px;
439}
440.header__nav-item--mypage a:before {
441  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='36' viewBox='0 0 33 36' fill='none'%3E%3Cpath d='M21.8098 11.5239C21.8098 14.5721 19.3321 17.0478 16.2814 17.0478C13.2306 17.0478 10.7529 14.5721 10.7529 11.5239C10.7529 8.47564 13.239 6 16.2898 6C19.3406 6 21.8183 8.47564 21.8183 11.5239H21.8098Z' stroke='%23010100' stroke-width='2.11765' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 30.9552C6 25.0525 10.5184 20.2601 16.1009 20.2601C21.6834 20.2601 26.2019 25.0444 26.2019 30.9552H6Z' stroke='%23010100' stroke-width='2.11765' stroke-linecap='round'/%3E%3C/svg%3E");
442}
443.header__nav-item--membership a:before {
444  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='36' viewBox='0 0 33 36' fill='none'%3E%3Cpath d='M21.8098 11.5239C21.8098 14.5721 19.3321 17.0478 16.2814 17.0478C13.2306 17.0478 10.7529 14.5721 10.7529 11.5239C10.7529 8.47564 13.239 6 16.2898 6C19.3406 6 21.8183 8.47564 21.8183 11.5239H21.8098Z' stroke='%23010100' stroke-width='2.11765' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 30.9552C6 25.0525 10.5184 20.2601 16.1009 20.2601C21.6834 20.2601 26.2019 25.0444 26.2019 30.9552H6Z' stroke='%23010100' stroke-width='2.11765' stroke-linecap='round'/%3E%3C/svg%3E");
445}
446.header__nav-item--login a:before {
447  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='36' viewBox='0 0 33 36' fill='none'%3E%3Cpath d='M8.48566 31.8125C7.79999 31.8125 7.21424 31.5697 6.72841 31.0841C6.2428 30.5983 6 30.0125 6 29.3268V16.4232C6 15.7375 6.2428 15.1517 6.72841 14.6659C7.21424 14.1803 7.79999 13.9375 8.48566 13.9375H10.125V11.1875C10.125 9.47058 10.727 8.0101 11.9311 6.80606C13.1351 5.60202 14.5956 5 16.3125 5C18.0294 5 19.4899 5.60202 20.6939 6.80606C21.898 8.0101 22.5 9.47058 22.5 11.1875V13.9375H24.1393C24.825 13.9375 25.4108 14.1803 25.8966 14.6659C26.3822 15.1517 26.625 15.7375 26.625 16.4232V29.3268C26.625 30.0125 26.3822 30.5983 25.8966 31.0841C25.4108 31.5697 24.825 31.8125 24.1393 31.8125H8.48566ZM8.48566 29.75H24.1393C24.2629 29.75 24.3643 29.7104 24.4436 29.6311C24.5229 29.5518 24.5625 29.4504 24.5625 29.3268V16.4232C24.5625 16.2996 24.5229 16.1982 24.4436 16.1189C24.3643 16.0396 24.2629 16 24.1393 16H8.48566C8.36214 16 8.26073 16.0396 8.18144 16.1189C8.10215 16.1982 8.0625 16.2996 8.0625 16.4232V29.3268C8.0625 29.4504 8.10215 29.5518 8.18144 29.6311C8.26073 29.7104 8.36214 29.75 8.48566 29.75ZM16.3125 25.2812C16.9805 25.2812 17.5486 25.0473 18.0168 24.5793C18.4848 24.1111 18.7188 23.543 18.7188 22.875C18.7188 22.207 18.4848 21.6389 18.0168 21.1707C17.5486 20.7027 16.9805 20.4688 16.3125 20.4688C15.6445 20.4688 15.0764 20.7027 14.6082 21.1707C14.1402 21.6389 13.9062 22.207 13.9062 22.875C13.9062 23.543 14.1402 24.1111 14.6082 24.5793C15.0764 25.0473 15.6445 25.2812 16.3125 25.2812ZM12.1875 13.9375H20.4375V11.1875C20.4375 10.0417 20.0365 9.06771 19.2344 8.26562C18.4323 7.46354 17.4583 7.0625 16.3125 7.0625C15.1667 7.0625 14.1927 7.46354 13.3906 8.26562C12.5885 9.06771 12.1875 10.0417 12.1875 11.1875V13.9375Z' fill='%23010100'/%3E%3C/svg%3E");
448}
449.header__nav-item--logout a:before {
450  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='36' viewBox='0 0 33 36' fill='none'%3E%3Cpath d='M16.5 5C18.248 5 19.7351 5.60614 20.9609 6.81836C22.1868 8.03076 22.7998 9.50166 22.7998 11.2305V14H24.4697C25.1677 14.0001 25.7642 14.2445 26.2588 14.7334C26.7532 15.2226 27 15.8125 27 16.5029V29.4961C27 30.1864 26.753 30.7765 26.2588 31.2656C25.7642 31.7545 25.1677 31.999 24.4697 31.999H8.53125C7.83311 31.999 7.23588 31.7546 6.74121 31.2656C6.24705 30.7765 6 30.1863 6 29.4961V16.5029C6 15.8126 6.24695 15.2226 6.74121 14.7334C7.23588 14.2444 7.83311 14 8.53125 14H20.7002V11.2305C20.7002 10.0767 20.2922 9.09571 19.4756 8.28809C18.6589 7.48041 17.6667 7.07715 16.5 7.07715C15.3335 7.07718 14.342 7.48064 13.5254 8.28809C13.0165 8.79137 12.6664 9.36232 12.4746 10H10.3125C10.5401 8.79294 11.1151 7.73209 12.0391 6.81836C13.2649 5.60608 14.752 5.00004 16.5 5ZM8.53125 16.0771C8.40548 16.0771 8.30144 16.1164 8.2207 16.1963C8.14005 16.2761 8.09961 16.3786 8.09961 16.5029V29.4961C8.09961 29.6203 8.14015 29.7229 8.2207 29.8027C8.30144 29.8826 8.40548 29.9229 8.53125 29.9229H24.4697C24.5954 29.9228 24.6986 29.8825 24.7793 29.8027C24.8599 29.7229 24.9004 29.6204 24.9004 29.4961V16.5029C24.9004 16.3785 24.86 16.2761 24.7793 16.1963C24.6986 16.1165 24.5953 16.0772 24.4697 16.0771H8.53125ZM16.5 20.5762C17.1801 20.5762 17.7587 20.8121 18.2354 21.2832C18.7118 21.7547 18.9502 22.3273 18.9502 23C18.9501 23.6725 18.7117 24.2444 18.2354 24.7158C17.7587 25.187 17.1802 25.4229 16.5 25.4229C15.8199 25.4228 15.2413 25.187 14.7646 24.7158C14.2883 24.2445 14.0499 23.6725 14.0498 23C14.0498 22.3273 14.2882 21.7547 14.7646 21.2832C15.2413 20.812 15.8199 20.5762 16.5 20.5762Z' fill='%23010100'/%3E%3C/svg%3E");
451}
452.header__nav-item--favorite a:before {
453  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='36' viewBox='0 0 33 36' fill='none'%3E%3Cpath d='M16.5 29.3214L15.0477 28.032C12.8666 26.0777 11.0628 24.3984 9.63651 22.9941C8.2102 21.5895 7.07993 20.3395 6.24572 19.244C5.41151 18.1487 4.82873 17.1495 4.49737 16.2464C4.16579 15.3434 4 14.4272 4 13.4976C4 11.6533 4.62961 10.1093 5.88882 8.86545C7.14825 7.62182 8.71162 7 10.5789 7C11.7276 7 12.8132 7.26532 13.8355 7.79595C14.8579 8.32659 15.7461 9.08756 16.5 10.0789C17.2539 9.08756 18.1421 8.32659 19.1645 7.79595C20.1868 7.26532 21.2724 7 22.4211 7C24.2884 7 25.8518 7.62182 27.1112 8.86545C28.3704 10.1093 29 11.6533 29 13.4976C29 14.4272 28.8342 15.3434 28.5026 16.2464C28.1713 17.1495 27.5885 18.1487 26.7543 19.244C25.9201 20.3395 24.7919 21.5895 23.3697 22.9941C21.9478 24.3984 20.142 26.0777 17.9523 28.032L16.5 29.3214ZM16.5 26.6876C18.6053 24.8168 20.3377 23.2132 21.6974 21.8768C23.057 20.5407 24.1316 19.3799 24.9211 18.3945C25.7105 17.409 26.2588 16.5339 26.5658 15.7691C26.8728 15.0046 27.0263 14.2474 27.0263 13.4976C27.0263 12.1981 26.5877 11.1151 25.7105 10.2488C24.8333 9.38244 23.7368 8.94927 22.4211 8.94927C21.382 8.94927 20.4217 9.24036 19.5401 9.82254C18.6588 10.4049 17.9609 11.2151 17.4464 12.253H15.5536C15.0306 11.2066 14.3305 10.3944 13.4533 9.81637C12.5761 9.2383 11.618 8.94927 10.5789 8.94927C9.27149 8.94927 8.17708 9.38244 7.29572 10.2488C6.41436 11.1151 5.97368 
45312.1981 5.97368 13.4976C5.97368 14.2474 6.12719 15.0046 6.43421 15.7691C6.74123 16.5339 7.28947 17.409 8.07895 18.3945C8.86842 19.3799 9.94298 20.5387 11.3026 21.8707C12.6623 23.2027 14.3947 24.8083 16.5 26.6876Z' fill='%23010100' stroke='black' stroke-width='0.3'/%3E%3C/svg%3E");
454}
455.header__nav-item--history a:before {
456  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='36' viewBox='0 0 33 36' fill='none'%3E%3Cpath d='M10.0727 25.2339H18.8357V23.0475H10.0727V25.2339ZM10.0727 19.0776H22.9273V16.8912H10.0727V19.0776ZM10.0727 12.9208H22.9273V10.7344H10.0727V12.9208ZM5 31V5H28V31H5ZM6.93412 28.8136H26.0659V7.1864H6.93412V28.8136Z' fill='%23010100'/%3E%3C/svg%3E");
457}
458.header__cart {
459  position: relative;
460}
461.header__cart .cart-count {
462  position: absolute;
463  right: 12px;
464  top: 5px;
465  background: #FFC80F;
466  color: #000;
467  font-weight: 600;
468  width: 20px;
469  height: 20px;
470  line-height: 20px;
471  border-radius: 50%;
472  text-align: center;
473  font-size: 12px;
474}
475@media screen and (max-width: 1024px) {
476  .header__cart .cart-count {
477    right: -8px;
478    top: -8px;
479    background: #E2121D;
480    color: #fff;
481  }
482}
483.header__cart a {
484  border-radius: 6px;
485  background: #E2121D;
486  display: -webkit-box;
487  display: -webkit-flex;
488  display: -ms-flexbox;
489  display: flex;
490  -webkit-box-orient: vertical;
491  -webkit-box-direction: normal;
492  -webkit-flex-direction: column;
493      -ms-flex-direction: column;
494          flex-direction: column;
495  -webkit-box-align: center;
496  -webkit-align-items: center;
497      -ms-flex-align: center;
498          align-items: center;
499  -webkit-box-pack: center;
500  -webkit-justify-content: center;
501      -ms-flex-pack: center;
502          justify-content: center;
503  gap: 5px;
504  width: 76px;
505  height: 74px;
506  color: #fff;
507}
508@media screen and (max-width: 1300px) {
509  .header__cart a {
510    width: 66px;
511  }
512}
513@media screen and (max-width: 1024px) {
514  .header__cart a {
515    background: none;
516    width: 36px;
517    height: 36px;
518    color: #010100;
519  }
520}
521.header__cart a:before {
522  content: "";
523  background-size: contain;
524  background-repeat: no-repeat;
525  background-position: center;
526  width: 32px;
527  height: 32px;
528  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M11.1994 28.8C12.083 28.8 12.7994 28.0836 12.7994 27.2C12.7994 26.3163 12.083 25.6 11.1994 25.6C10.3157 25.6 9.59937 26.3163 9.59937 27.2C9.59937 28.0836 10.3157 28.8 11.1994 28.8Z' stroke='white' stroke-width='2' stroke-linecap='square'/%3E%3Cpath d='M20.7995 28.8C21.6831 28.8 22.3995 28.0836 22.3995 27.2C22.3995 26.3163 21.6831 25.6 20.7995 25.6C19.9158 25.6 19.1995 26.3163 19.1995 27.2C19.1995 28.0836 19.9158 28.8 20.7995 28.8Z' stroke='white' stroke-width='2' stroke-linecap='square'/%3E%3Cpath d='M21.3334 22.4713H10.7665C10.3419 22.4713 9.98139 22.1331 9.92166 21.6778L7.57072 3.85142C7.51099 3.39613 7.15046 3.05794 6.72592 3.05794H4.05286' stroke='white' stroke-width='2' stroke-linecap='square'/%3E%3Cpath d='M8.53271 8.53333H26.1332L23.0824 18.404C23.0145 18.8654 22.6899 19.2 22.3112 19.2H9.76363' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
529}
530@media screen and (max-width: 1024px) {
531  .header__cart a:before {
532    width: 36px;
533    height: 36px;
534    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M12.5998 32.4C13.5939 32.4 14.3998 31.5941 14.3998 30.6C14.3998 29.6059 13.5939 28.8 12.5998 28.8C11.6057 28.8 10.7998 29.6059 10.7998 30.6C10.7998 31.5941 11.6057 32.4 12.5998 32.4Z' stroke='%23010100' stroke-width='2.2' stroke-linecap='square'/%3E%3Cpath d='M23.3996 32.4C24.3937 32.4 25.1996 31.5941 25.1996 30.6C25.1996 29.6059 24.3937 28.8 23.3996 28.8C22.4055 28.8 21.5996 29.6059 21.5996 30.6C21.5996 31.5941 22.4055 32.4 23.3996 32.4Z' stroke='%23010100' stroke-width='2.2' stroke-linecap='square'/%3E%3Cpath d='M24.0002 25.2802H12.1124C11.6348 25.2802 11.2292 24.8997 11.162 24.3875L8.5171
5347 4.33285C8.44997 3.82065 8.04437 3.44019 7.56677 3.44019H4.55957' stroke='%23010100' stroke-width='2.2' stroke-linecap='square'/%3E%3Cpath d='M9.59961 9.59998H29.4002L25.968 20.7045C25.8916 21.2236 25.5265 21.6 25.1004 21.6H10.9844' stroke='%23010100' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
535  }
536}
537.header__cart a span {
538  font-size: 11px;
539  font-weight: 700;
540  line-height: normal;
541}
542@media screen and (max-width: 1024px) {
543  .header__cart a span {
544    display: none;
545  }
546}
547.header__spmenu {
548  display: none;
549}
550@media screen and (max-width: 1024px) {
551  .header__spmenu {
552    display: block;
553  }
554}
555.header__spmenu.active .header__hamburger .icon:before {
556  width: 38px;
557  height: 27px;
558  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='27' viewBox='0 0 39 27' fill='none'%3E%3Cpath d='M37.2804 16.4156C37.2344 16.7271 36.9384 16.938 36.623 16.8839L0.978277 10.7633C0.662823 10.7092 0.442299 10.41 0.488025 10.0976L0.633396 9.11131C0.679485 8.79978 0.97661 8.58083 1.29338 8.62488L37.1009 13.6479C37.4177 13.692 37.6398 13.984 37.5937 14.2955L37.2811 16.4158L37.2804 16.4156Z' fill='%23010100'/%3E%3Cpath d='M37.9949 21.8527C38.0395 22.1646 37.8155 22.4515 37.4975 22.4908L1.57688 26.8912C1.25888 26.9298 0.96221 26.7071 0.917544 26.3952L0.77621 25.4093C0.731544 25.0975 0.95421 24.8027 1.27088 24.7535L37.0342 19.2546C37.3509 19.2061 37.6462 19.421 37.6909 19.7328L37.9942 21.8527H37.9949Z' fill='%23010100'/%3E%3C/svg%3E");
559}
560.header__hamburger {
561  display: -webkit-box;
562  display: -webkit-flex;
563  display: -ms-flexbox;
564  display: flex;
565  -webkit-box-orient: vertical;
566  -webkit-box-direction: normal;
567  -webkit-flex-direction: column;
568      -ms-flex-direction: column;
569          flex-direction: column;
570  gap: 2px;
571  text-align: center;
572  font-family: "Plus Jakarta Sans";
573  font-size: 10px;
574  font-weight: 700;
575}
576.header__hamburger .icon {
577  width: 38px;
578  height: 27px;
579  display: -webkit-box;
580  display: -webkit-flex;
581  display: -ms-flexbox;
582  display: flex;
583  -webkit-box-align: end;
584  -webkit-align-items: flex-end;
585      -ms-flex-align: end;
586          align-items: flex-end;
587  -webkit-box-pack: center;
588  -webkit-justify-content: center;
589      -ms-flex-pack: center;
590          justify-content: center;
591}
592.header__hamburger .icon::before {
593  display: block;
594  content: "";
595  background-size: contain;
596  background-repeat: no-repeat;
597  background-position: center;
598  width: 38px;
599  height: 15px;
600  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='15' viewBox='0 0 38 15' fill='none'%3E%3Cg clip-path='url(%23clip0_513_326)'%3E%3Cpath d='M36.6528 2.50448C36.7301 2.80976 36.5381 3.11831 36.2261 3.18972L0.970767 11.2561C0.658767 11.3275 0.3401 11.1362 0.2621 10.8302L0.0167669 9.86396C-0.0605665 9.55868 0.129434 9.24226 0.438767 9.16103L35.4221 0.0189999C35.7314 -0.0622335 36.0488 0.121852 36.1261 0.427132L36.6534 2.50448H36.6528Z' fill='%23010100'/%3E%3Cpath d='M37.9949 9.95698C38.0395 10.2688 37.8155 10.5558 37.4975 10.5951L1.57688 14.9954C1.25888 15.0341 0.96221 14.8113 0.917544 14.4995L0.77621 13.5136C0.731544 13.2017 0.95421 12.9069 1.27088 12.8578L37.0342 7.35883C37.3509 7.31035 37.6462 7.52522 37.6909 7.83705L37.9942 9.95698H37.9949Z' fill='%23010100'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_513_326'%3E%3Crect width='38' height='15' fill='%23010100'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
601  -webkit-transition: 0.2s;
602  transition: 0.2s;
603}
604
605.gnavSp {
606  position: fixed;
607  z-index: 98;
608  width: 350px;
609  -webkit-transition: 0.2s ease-in-out;
610  transition: 0.2s ease-in-out;
611  z-index: 1;
612  top: auto;
613  bottom: auto;
614  right: 0;
615  max-height: 100vh;
616  height: calc(100vh - 82px);
617  overflow-y: auto; /* 縦スクロール可能にする */
618  -webkit-transform: translate(100%, 0);
619          transform: translate(100%, 0);
620}
621.gnavSp.open {
622  -webkit-transform: translate(0, 0);
623          transform: translate(0, 0);
624}
625.gnavSp__container {
626  border-radius: 0 0 0 40px;
627  background: #FFF3CC;
628  margin-bottom: 80px;
629}
630.gnavSp__top {
631  padding: 20px 20px;
632}
633.gnavSp__gnav {
634  display: -webkit-box;
635  display: -webkit-flex;
636  display: -ms-flexbox;
637  display: flex;
638  gap: 10px;
639  margin-bottom: 20px;
640}
641.gnavSp__gnav-item {
642  -webkit-box-flex: 1;
643  -webkit-flex: 1;
644      -ms-flex: 1;
645          flex: 1;
646}
647.gnavSp__gnav-item a {
648  display: -webkit-box;
649  display: -webkit-flex;
650  display: -ms-flexbox;
651  display: flex;
652  -webkit-box-align: center;
653  -webkit-align-items: center;
654      -ms-flex-align: center;
655          align-items: center;
656  -webkit-box-pack: center;
657  -webkit-justify-content: center;
658      -ms-flex-pack: center;
659          justify-content: center;
660  -webkit-box-orient: vertical;
661  -webkit-box-direction: normal;
662  -webkit-flex-direction: column;
663      -ms-flex-direction: column;
664          flex-direction: column;
665  gap: 3px;
666  border-radius: 6px;
667  background: #FFC80F;
668  height: 70px;
669  font-size: 11px;
670  font-weight: 700;
671  text-align: center;
672}
673.gnavSp__gnav-item a::before {
674  content: "";
675  display: block;
676  background-repeat: no-repeat;
677  background-size: contain;
678  background-position: center;
679  width: 34px;
680  height: 34px;
681}
682.gnavSp__gnav-item--mypage a:before {
683  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='36' viewBox='0 0 33 36' fill='none'%3E%3Cpath d='M21.8098 11.5239C21.8098 14.5721 19.3321 17.0478 16.2814 17.0478C13.2306 17.0478 10.7529 14.5721 10.7529 11.5239C10.7529 8.47564 13.239 6 16.2898 6C19.3406 6 21.8183 8.47564 21.8183 11.5239H21.8098Z' stroke='%23010100' stroke-width='2.11765' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 30.9552C6 25.0525 10.5184 20.2601 16.1009 20.2601C21.6834 20.2601 26.2019 25.0444 26.2019 30.9552H6Z' stroke='%23010100' stroke-width='2.11765' stroke-linecap='round'/%3E%3C/svg%3E");
684}
685.gnavSp__gnav-item--membership a:before {
686  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='36' viewBox='0 0 33 36' fill='none'%3E%3Cpath d='M21.8098 11.5239C21.8098 14.5721 19.3321 17.0478 16.2814 17.0478C13.2306 17.0478 10.7529 14.5721 10.7529 11.5239C10.7529 8.47564 13.239 6 16.2898 6C19.3406 6 21.8183 8.47564 21.8183 11.5239H21.8098Z' stroke='%23010100' stroke-width='2.11765' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 30.9552C6 25.0525 10.5184 20.2601 16.1009 20.2601C21.6834 20.2601 26.2019 25.0444 26.2019 30.9552H6Z' stroke='%23010100' stroke-width='2.11765' stroke-linecap='round'/%3E%3C/svg%3E");
687}
688.gnavSp__gnav-item--login a:before {
689  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='36' viewBox='0 0 33 36' fill='none'%3E%3Cpath d='M8.48566 31.8125C7.79999 31.8125 7.21424 31.5697 6.72841 31.0841C6.2428 30.5983 6 30.0125 6 29.3268V16.4232C6 15.7375 6.2428 15.1517 6.72841 14.6659C7.21424 14.1803 7.79999 13.9375 8.48566 13.9375H10.125V11.1875C10.125 9.47058 10.727 8.0101 11.9311 6.80606C13.1351 5.60202 14.5956 5 16.3125 5C18.0294 5 19.4899 5.60202 20.6939 6.80606C21.898 8.0101 22.5 9.47058 22.5 11.1875V13.9375H24.1393C24.825 13.9375 25.4108 14.1803 25.8966 14.6659C26.3822 15.1517 26.625 15.7375 26.625 16.4232V29.3268C26.625 30.0125 26.3822 30.5983 25.8966 31.0841C25.4108 31.5697 24.825 31.8125 24.1393 31.8125H8.48566ZM8.48566 29.75H24.1393C24.2629 29.75 24.3643 29.7104 24.4436 29.6311C24.5229 29.5518 24.5625 29.4504 24.5625 29.3268V16.4232C24.5625 16.2996 24.5229 16.1982 24.4436 16.1189C24.3643 16.0396 24.2629 16 24.1393 16H8.48566C8.36214 16 8.26073 16.0396 8.18144 16.1189C8.10215 16.1982 8.0625 16.2996 8.0625 16.4232V29.3268C8.0625 29.4504 8.10215 29.5518 8.18144 29.6311C8.26073 29.7104 8.36214 29.75 8.48566 29.75ZM16.3125 25.2812C16.9805 25.2812 17.5486 25.0473 18.0168 24.5793C18.4848 24.1111 18.7188 23.543 18.7188 22.875C18.7188 22.207 18.4848 21.6389 18.0168 21.1707C17.5486 20.7027 16.9805 20.4688 16.3125 20.4688C15.6445 20.4688 15.0764 20.7027 14.6082 21.1707C14.1402 21.6389 13.9062 22.207 13.9062 22.875C13.9062 23.543 14.1402 24.1111 14.6082 24.5793C15.0764 25.0473 15.6445 25.2812 16.3125 25.2812ZM12.1875 13.9375H20.4375V11.1875C20.4375 10.0417 20.0365 9.06771 19.2344 8.26562C18.4323 7.46354 17.4583 7.0625 16.3125 7.0625C15.1667 7.0625 14.1927 7.46354 13.3906 8.26562C12.5885 9.06771 12.1875 10.0417 12.1875 11.1875V13.9375Z' fill='%23010100'/%3E%3C/svg%3E");
690}
691.gnavSp__gnav-item--logout a:before {
692  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='36' viewBox='0 0 33 36' fill='none'%3E%3Cpath d='M16.5 5C18.248 5 19.7351 5.60614 20.9609 6.81836C22.1868 8.03076 22.7998 9.50166 22.7998 11.2305V14H24.4697C25.1677 14.0001 25.7642 14.2445 26.2588 14.7334C26.7532 15.2226 27 15.8125 27 16.5029V29.4961C27 30.1864 26.753 30.7765 26.2588 31.2656C25.7642 31.7545 25.1677 31.999 24.4697 31.999H8.53125C7.83311 31.999 7.23588 31.7546 6.74121 31.2656C6.24705 30.7765 6 30.1863 6 29.4961V16.5029C6 15.8126 6.24695 15.2226 6.74121 14.7334C7.23588 14.2444 7.83311 14 8.53125 14H20.7002V11.2305C20.7002 10.0767 20.2922 9.09571 19.4756 8.28809C18.6589 7.48041 17.6667 7.07715 16.5 7.07715C15.3335 7.07718 14.342 7.48064 13.5254 8.28809C13.0165 8.79137 12.6664 9.36232 12.4746 10H10.3125C10.5401 8.79294 11.1151 7.73209 12.0391 6.81836C13.2649 5.60608 14.752 5.00004 16.5 5ZM8.53125 16.0771C8.40548 16.0771 8.30144 16.1164 8.2207 16.1963C8.14005 16.2761 8.09961 16.3786 8.09961 16.5029V29.4961C8.09961 29.6203 8.14015 29.7229 8.2207 29.8027C8.30144 29.8826 8.40548 29.9229 8.53125 29.9229H24.4697C24.5954 29.9228 24.6986 29.8825 24.7793 29.8027C24.8599 29.7229 24.9004 29.6204 24.9004 29.4961V16.5029C24.9004 16.3785 24.86 16.2761 24.7793 16.1963C24.6986 16.1165 24.5953 16.0772 24.4697 16.0771H8.53125ZM16.5 20.5762C17.1801 20.5762 17.7587 20.8121 18.2354 21.2832C18.7118 21.7547 18.9502 22.3273 18.9502 23C18.9501 23.6725 18.7117 24.2444 18.2354 24.7158C17.7587 25.187 17.1802 25.4229 16.5 25.4229C15.8199 25.4228 15.2413 25.187 14.7646 24.7158C14.2883 24.2445 14.0499 23.6725 14.0498 23C14.0498 22.3273 14.2882 21.7547 14.7646 21.2832C15.2413 20.812 15.8199 20.5762 16.5 20.5762Z' fill='%23010100'/%3E%3C/svg%3E");
693}
694.gnavSp__gnav-item--favorite a:before {
695  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='36' viewBox='0 0 33 36' fill='none'%3E%3Cpath d='M16.5 29.3214L15.0477 28.032C12.8666 26.0777 11.0628 24.3984 9.63651 22.9941C8.2102 21.5895 7.07993 20.3395 6.24572 19.244C5.41151 18.1487 4.82873 17.1495 4.49737 16.2464C4.16579 15.3434 4 14.4272 4 13.4976C4 11.6533 4.62961 10.1093 5.88882 8.86545C7.14825 7.62182 8.71162 7 10.5789 7C11.7276 7 12.8132 7.26532 13.8355 7.79595C14.8579 8.32659 15.7461 9.08756 16.5 10.0789C17.2539 9.08756 18.1421 8.32659 19.1645 7.79595C20.1868 7.26532 21.2724 7 22.4211 7C24.2884 7 25.8518 7.62182 27.1112 8.86545C28.3704 10.1093 29 11.6533 29 13.4976C29 14.4272 28.8342 15.3434 28.5026 16.2464C28.1713 17.1495 27.5885 18.1487 26.7543 19.244C25.9201 20.3395 24.7919 21.5895 23.3697 22.9941C21.9478 24.3984 20.142 26.0777 17.9523 28.032L16.5 29.3214ZM16.5 26.6876C18.6053 24.8168 20.3377 23.2132 21.6974 21.8768C23.057 20.5407 24.1316 19.3799 24.9211 18.3945C25.7105 17.409 26.2588 16.5339 26.5658 15.7691C26.8728 15.0046 27.0263 14.2474 27.0263 13.4976C27.0263 12.1981 26.5877 11.1151 25.7105 10.2488C24.8333 9.38244 23.7368 8.94927 22.4211 8.94927C21.382 8.94927 20.4217 9.24036 19.5401 9.82254C18.6588 10.4049 17.9609 11.2151 17.4464 12.253H15.5536C15.0306 11.2066 14.3305 10.3944 13.4533 9.81637C12.5761 9.2383 11.618 8.94927 10.5789 8.94927C9.27149 8.94927 8.17708 9.38244 7.29572 10.2488C6.41436 11.1151 5.97368 
69512.1981 5.97368 13.4976C5.97368 14.2474 6.12719 15.0046 6.43421 15.7691C6.74123 16.5339 7.28947 17.409 8.07895 18.3945C8.86842 19.3799 9.94298 20.5387 11.3026 21.8707C12.6623 23.2027 14.3947 24.8083 16.5 26.6876Z' fill='%23010100' stroke='black' stroke-width='0.3'/%3E%3C/svg%3E");
696}
697.gnavSp__gnav-item--history a:before {
698  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='36' viewBox='0 0 33 36' fill='none'%3E%3Cpath d='M10.0727 25.2339H18.8357V23.0475H10.0727V25.2339ZM10.0727 19.0776H22.9273V16.8912H10.0727V19.0776ZM10.0727 12.9208H22.9273V10.7344H10.0727V12.9208ZM5 31V5H28V31H5ZM6.93412 28.8136H26.0659V7.1864H6.93412V28.8136Z' fill='%23010100'/%3E%3C/svg%3E");
699}
700.gnavSp__search {
701  margin-top: 20px;
702}
703.gnavSp__search__title {
704  font-size: 15px;
705  font-weight: 700;
706  margin-bottom: 10px;
707}
708.gnavSp__search-area li {
709  margin-bottom: 0;
710}
711.gnavSp__search-area .search-form {
712  display: -webkit-box;
713  display: -webkit-flex;
714  display: -ms-flexbox;
715  display: flex;
716  -webkit-box-align: center;
717  -webkit-align-items: center;
718      -ms-flex-align: center;
719          align-items: center;
720  overflow: hidden;
721  background: #FFF;
722  width: 100%;
723  border-radius: 6px;
724}
725.gnavSp__search-area input {
726  width: 210px;
727  height: 50px;
728  padding: 5px 0 5px 15px;
729  border: none;
730  -webkit-box-sizing: border-box;
731          box-sizing: border-box;
732  font-size: 15px;
733  outline: none;
734}
735@media screen and (max-width: 768px) {
736  .gnavSp__search-area input {
737    width: 100%;
738  }
739}
740.gnavSp__search-area input::-webkit-input-placeholder {
741  color: #747474;
742}
743.gnavSp__search-area input::-moz-placeholder {
744  color: #747474;
745}
746.gnavSp__search-area input:-ms-input-placeholder {
747  color: #747474;
748}
749.gnavSp__search-area input::-ms-input-placeholder {
750  color: #747474;
751}
752.gnavSp__search-area input::placeholder {
753  color: #747474;
754}
755.gnavSp__search-area .search-btn {
756  display: -webkit-box;
757  display: -webkit-flex;
758  display: -ms-flexbox;
759  display: flex;
760  -webkit-box-pack: center;
761  -webkit-justify-content: center;
762      -ms-flex-pack: center;
763          justify-content: center;
764  -webkit-box-align: center;
765  -webkit-align-items: center;
766      -ms-flex-align: center;
767          align-items: center;
768  width: 50px;
769  height: 50px;
770  border: none;
771  background-color: transparent;
772  padding: 0;
773  cursor: pointer;
774}
775.gnavSp__search-area .search-btn::before {
776  width: 30px;
777  height: 30px;
778  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Ccircle cx='13.518' cy='13.518' r='8.81796' stroke='black' stroke-width='1.4'/%3E%3Cline x1='19.5903' y1='20.5496' x2='24.1097' y2='26.1988' stroke='black' stroke-width='1.4' stroke-linecap='square'/%3E%3C/svg%3E");
779  background-repeat: no-repeat;
780  background-size: contain;
781  content: "";
782}
783.gnavSp__menu {
784  background: #010100;
785  padding: 30px 20px 38px;
786}
787.gnavSp__menu-title {
788  color: #FFF;
789  font-family: "Dela Gothic One";
790  font-size: 34px;
791  font-weight: 400;
792  line-height: normal;
793  margin-bottom: 20px;
794  text-align: center;
795}
796.gnavSp__menu-title .small {
797  font-size: 26px;
798}
799.gnavSp__menu-list {
800  display: -webkit-box;
801  display: -webkit-flex;
802  display: -ms-flexbox;
803  display: flex;
804  -webkit-flex-wrap: wrap;
805      -ms-flex-wrap: wrap;
806          flex-wrap: wrap;
807  gap: 25px 13px;
808}
809.gnavSp__menu-item {
810  width: calc(33.3333333333% - 8.6666666667px);
811  max-width: 95px;
812  text-align: center;
813}
814.gnavSp__menu-item a {
815  display: -webkit-box;
816  display: -webkit-flex;
817  display: -ms-flexbox;
818  display: flex;
819  -webkit-box-orient: vertical;
820  -webkit-box-direction: normal;
821  -webkit-flex-direction: column;
822      -ms-flex-direction: column;
823          flex-direction: column;
824  -webkit-box-align: center;
825  -webkit-align-items: center;
826      -ms-flex-align: center;
827          align-items: center;
828  color: #fff;
829  font-size: 13px;
830  font-weight: 900;
831  line-height: normal;
832}
833.gnavSp__menu-item a img {
834  width: 100%;
835  height: auto;
836  -o-object-fit: cover;
837     object-fit: cover;
838  aspect-ratio: 1/1;
839  border-radius: 50%;
840  margin-bottom: 5px;
841}
842.gnavSp__menu-item--all a {
843  border-radius: 50%;
844  display: -webkit-box;
845  display: -webkit-flex;
846  display: -ms-flexbox;
847  display: flex;
848  -webkit-box-align: center;
849  -webkit-align-items: center;
850      -ms-flex-align: center;
851          align-items: center;
852  -webkit-box-pack: center;
853  -webkit-justify-content: center;
854      -ms-flex-pack: center;
855          justify-content: center;
856  width: 95px;
857  height: 95px;
858  border: #fff solid 1px;
859  position: relative;
860}
861.gnavSp__menu-item--all a::before {
862  content: "";
863  border: #fff solid 1px;
864  width: 85px;
865  height: 85px;
866  display: block;
867  border-radius: 50%;
868  position: absolute;
869  top: 50%;
870  left: 50%;
871  -webkit-transform: translate(-50%, -50%);
872          transform: translate(-50%, -50%);
873}
874.gnavSp__bottom {
875  padding: 30px 18px 35px;
876}
877.gnavSp__nav-list {
878  margin-bottom: 40px;
879}
880.gnavSp__nav-item a {
881  display: block;
882  padding: 10px 0;
883  font-size: 16px;
884  font-weight: 700;
885  line-height: normal;
886  border-bottom: #010100 solid 1px;
887}
888.gnavSp__catch {
889  font-size: 23px;
890  font-weight: 700;
891  line-height: normal;
892  margin-bottom: 10px;
893  display: -webkit-box;
894  display: -webkit-flex;
895  display: -ms-flexbox;
896  display: flex;
897  -webkit-box-align: center;
898  -webkit-align-items: center;
899      -ms-flex-align: center;
900          align-items: center;
901  -webkit-box-pack: center;
902  -webkit-justify-content: center;
903      -ms-flex-pack: center;
904          justify-content: center;
905  gap: 2px;
906}
907.gnavSp__catch::before {
908  content: "";
909  display: block;
910  width: 24px;
911  height: 24px;
912  background-image: url("data:image/svg+xml,%3Csvg width='18' height='24' viewBox='0 0 18 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='16.6117' y1='22.5679' x2='7.61168' y2='0.56795' stroke='%23010100' stroke-width='3'/%3E%3Cline y1='-1.5' x2='15.8114' y2='-1.5' transform='matrix(-0.56921 -0.822192 -0.822192 0.56921 9 24)' stroke='%23010100' stroke-width='3'/%3E%3C/svg%3E%0A");
913  background-size: contain;
914  background-position: center;
915  background-repeat: no-repeat;
916}
917.gnavSp__catch::after {
918  content: "";
919  display: block;
920  width: 24px;
921  height: 24px;
922  background-image: url("data:image/svg+xml,%3Csvg width='16' height='24' viewBox='0 0 16 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='-1.5' x2='23.7697' y2='-1.5' transform='matrix(0.378633 -0.925547 -0.925547 -0.378633 0 22)' stroke='%23010100' stroke-width='3'/%3E%3Cline x1='5.76671' y1='23.1462' x2='14.7667' y2='10.1462' stroke='%23010100' stroke-width='3'/%3E%3C/svg%3E%0A");
923  background-size: contain;
924  background-position: center;
925  background-repeat: no-repeat;
926}
927.gnavSp__image {
928  margin-bottom: 28px;
929}
930.gnavSp__text {
931  font-size: 14px;
932  font-weight: 500;
933  line-height: normal;
934  margin-bottom: 30px;
935  position: relative;
936  padding-right: 120px;
937  height: 133px;
938  display: -webkit-box;
939  display: -webkit-flex;
940  display: -ms-flexbox;
941  display: flex;
942  -webkit-box-align: center;
943  -webkit-align-items: center;
944      -ms-flex-align: center;
945          align-items: center;
946}
947.gnavSp__human {
948  width: 155px;
949  position: absolute;
950  bottom: 0;
951  right: -18px;
952  z-index: 1;
953}
954.gnavSp .close-button-wrap {
955  text-align: center;
956}
957.gnavSp .close-button {
958  padding: 0;
959  border: none;
960  outline: none;
961  font: inherit;
962  color: inherit;
963  background: none;
964  font-size: 16px;
965  font-weight: 700;
966  line-height: normal;
967  display: inline-block;
968}
969.gnavSp .close-button span {
970  display: -webkit-box;
971  display: -webkit-flex;
972  display: -ms-flexbox;
973  display: flex;
974  -webkit-box-align: center;
975  -webkit-align-items: center;
976      -ms-flex-align: center;
977          align-items: center;
978  gap: 10px;
979}
980.gnavSp .close-button span::before {
981  content: "";
982  display: block;
983  width: 23px;
984  height: 23px;
985  background-size: contain;
986  background-position: center;
987  background-repeat: no-repeat;
988  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='24' viewBox='0 0 22 24' fill='none'%3E%3Cpath d='M20.5791 4.00293L20.2256 4.35645L12.6455 11.9355L20.5791 19.8691L18.8691 21.5791L10.9355 13.6455L3.35645 21.2256L3.00293 21.5791L1.29297 19.8691L1.64648 19.5156L9.22559 11.9355L1.29297 4.00293L3.00293 2.29297L10.9355 10.2256L18.5156 2.64648L18.8691 2.29297L20.5791 4.00293Z' fill='%23010100' stroke='%23010100'/%3E%3C/svg%3E");
989}
990
991.modalBg {
992  position: fixed;
993  width: 100%;
994  height: 100vh;
995  background: rgba(28, 29, 31, 0.4);
996  z-index: 1;
997  top: 0;
998  left: 0;
999  display: none;
1000  -webkit-transition: 0.2s;
1001  transition: 0.2s;
1002}
1003.modalBg.open {
1004  display: block;
1005}
1006
1007.topPage .header.scrollTop { /* スクロール一番上でヘッダー透過 */ }
1008@media screen and (max-width: 768px) {
1009  .topPage .header.scrollTop {
1010    background: transparent;
1011    -webkit-box-shadow: none;
1012            box-shadow: none;
1013  }
1014}
1015@media screen and (max-width: 1024px) {
1016  .topPage .header.scrollTop .header__cart a:before {
1017    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M12.5993 32.4C13.5934 32.4 
101714.3993 31.5941 14.3993 30.6C14.3993 29.6059 13.5934 28.8 12.5993 28.8C11.6052 28.8 10.7993 29.6059 10.7993 30.6C10.7993 31.5941 11.6052 32.4 12.5993 32.4Z' stroke='white' stroke-width='2.2' stroke-linecap='square'/%3E%3Cpath d='M23.3996 32.4C24.3937 32.4 25.1996 31.5941 25.1996 30.6C25.1996 29.6059 24.3937 28.8 23.3996 28.8C22.4055 28.8 21.5996 29.6059 21.5996 30.6C21.5996 31.5941 22.4055 32.4 23.3996 32.4Z' stroke='white' stroke-width='2.2' stroke-linecap='square'/%3E%3Cpath d='M24.0002 25.2802H12.1124C11.6348 25.2802 11.2292 24.8997 11.162 24.3875L8.51717 4.33284C8.44997 3.82064 8.04437 3.44017 7.56677 3.44017H4.55957' stroke='white' stroke-width='2.2' stroke-linecap='square'/%3E%3Cpath d='M9.59961 9.6H29.4002L25.968 20.7045C25.8916 21.2236 25.5265 21.6 25.1004 21.6H10.9844' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
1018  }
1019}
1020@media screen and (max-width: 1024px) {
1021  .topPage .header.scrollTop .header__spmenu {
1022    color: #fff;
1023  }
1024}
1025@media screen and (max-width: 1024px) {
1026  .topPage .header.scrollTop .header__spmenu.active .header__hamburger .icon:before {
1027    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='27' viewBox='0 0 39 27' fill='none'%3E%3Cpath d='M37.2804 16.4156C37.2344 16.7271 36.9384 16.938 36.623 16.8839L0.978277 10.7633C0.662823 10.7092 0.442299 10.41 0.488025 10.0976L0.633396 9.11131C0.679485 8.79978 0.97661 8.58083 1.29338 8.62488L37.1009 13.6479C37.4177 13.692 37.6398 13.984 37.5937 14.2955L37.2811 16.4158L37.2804 16.4156Z' fill='white'/%3E%3Cpath d='M37.9949 21.8527C38.0395 22.1646 37.8155 22.4515 37.4975 22.4908L1.57688 26.8912C1.25888 26.9298 0.96221 26.7071 0.917544 26.3952L0.77621 25.4093C0.731544 25.0975 0.95421 24.8027 1.27088 24.7535L37.0342 19.2546C37.3509 19.2061 37.6462 19.421 37.6909 19.7328L37.9942 21.8527H37.9949Z' fill='white'/%3E%3C/svg%3E");
1028  }
1029}
1030@media screen and (max-width: 1024px) {
1031  .topPage .header.scrollTop .header__hamburger .icon::before {
1032    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='15' viewBox='0 0 38 15' fill='none'%3E%3Cg clip-path='url(%23clip0_513_326)'%3E%3Cpath d='M36.6528 2.50448C36.7301 2.80976 36.5381 3.11831 36.2261 3.18972L0.970767 11.2561C0.658767 11.3275 0.3401 11.1362 0.2621 10.8302L0.0167669 9.86396C-0.0605665 9.55868 0.129434 9.24226 0.438767 9.16103L35.4221 0.0189999C35.7314 -0.0622335 36.0488 0.121852 36.1261 0.427132L36.6534 2.50448H36.6528Z' fill='white'/%3E%3Cpath d='M37.9949 9.95698C38.0395 10.2688 37.8155 10.5558 37.4975 10.5951L1.57688 14.9954C1.25888 15.0341 0.96221 14.8113 0.917544 14.4995L0.77621 13.5136C0.731544 13.2017 0.95421 12.9069 1.27088 12.8578L37.0342 7.35883C37.3509 7.31035 37.6462 7.52522 37.6909 7.83705L37.9942 9.95698H37.9949Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_513_326'%3E%3Crect width='38' height='15' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
1033  }
1034}
1035</style>
1036
1037<header class="header scrollTop">
1038    <p class="announcement-bar">&yen;5,000(税込)以上お買い上げで送料無料</p>
1039    <div class="header__container">
1040        <div class="header__logo">
1041            <a href="/">
1042            <!--                 <img src="https://shop18-makeshop.akamaized.net/shopimages/gtramen/logo.png" alt="ラーメン豚山オンラインショップ">
1043             -->
1044            <h1><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/logo.png" alt="ラーメン豚山オンラインショップ" width="276" height="54";></h1>
1045            </a>
1046        </div>
1047
1048        <div class="header__top">
1049            <nav class="header__menu">
1050                <ul class="header__menu-list">
1051                    <li class="header__menu-item"><a href="/view/category/setmenu"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/cat1.png" alt=""><span>お得なセット</span></a></li>
1052                    <li class="header__menu-item"><a href="/view/category/ramen"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/cat2.png" alt=""><span>汁あり</span></a></li>
1053                    <li class="header__menu-item"><a href="/view/category/mazesoba"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/cat3.png" alt=""><span>汁なし</span></a></li>
1054                    <li class="header__menu-item"><a href="/view/category/side"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/cat4.png" alt=""><span>サイド<br>メニュー</span></a></li>
1055                    <li class="header__menu-item"><a href="/view/category/goods"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/cat5.png" alt=""><span>オリジナル<br>グッズ</span></a></li>
1056                </ul>
1057            </nav>
1058
1059            <div class="header__utility">
1060                <div class="header__search">
1061                    <div class="header__search-icon"><span>検索</span></div>
1062                    <ul class="header__search-area">
1063                        <li class="search-form">
1064                            <a href="#makeshop-common-search-url" class="search-btn search-url"></a>
1065                            <label></label>
1066                            <input type="text" data-id="makeshop-search-keyword" value="" class="side-search-keyword search-keyword" placeholder="お探しの商品がございますか?">
1067                        </li>
1068                        <li class="header__search-category" style="display: none;">
1069                            <label>カテゴリー</label>
1070                            <select data-id="makeshop-search-category" class="search-category">
1071                                                            <option value="" selected>すべてのカテゴリー</option>
1072                                                            <option value="ramen" >汁あり</option>
1073                                                            <option value="mazesoba" >汁なし</option>
1074                                                            <option value="side" >サイドメニュー</option>
1075                                                            <option value="goods" >オリジナルグッズ</option>
1076                                                            <option value="setmenu" >お得なセット</option>
1077                                                            <option value="campaign" >キャンペーンセット</option>
1078                                                            <option value="fanset" >ファンセット</option>
1079                                                        </select>
1080                        </li>
1081                        <li class="header__search-price" style="display: none;">
1082                            <label>価格帯で絞り込む</label>
1083                            <input type="text" data-id="makeshop-search-price-low" value="" class="search-price">~<input type="text" data-id="makeshop-search-price-high" value="" class="search-price">円
1084                        </li>
1085                        <li class="header__search-code" style="display: none;">
1086                            <label>独自商品コードで探す</label>
1087                            <input type="text" data-id="makeshop-search-original-code" class="side-search-original-code original-code" value="" placeholder="独自商品コードを入力">
1088                        </li>
1089                    </ul>
1090                </div>
1091
1092                <ul class="header__nav">
1093                                        <li class="header__nav-item header__nav-item--membership"><a href="/shop/idinfo.html"><span>会員登録</span></a></li>
1094                    <li class="header__nav-item header__nav-item--login"><a href="/view/member/login"><span>ログイン</span></a></li>
1095                                        <li class="header__nav-item header__nav-item--favorite"><a href="/view/member/favorite"><span>お気に入り</span></a></li>
1096                    <li class="header__nav-item header__nav-item--history"><a href="/view/member/order-history"><span>注文履歴</span></a></li>
1097                </ul>
1098
1099                <div class="header__cart">
1100                    <a href="/view/cart"><span>カート</span></a>
1101                    <span class="cart-badge cart-count" style="display:none;">0</span>
1102                </div>
1103            </div>
1104            <div class="header__spmenu" id="openbtn">
1105                <div class="header__hamburger"><span class="icon"></span><span class="icon-text">MENU</span></div>
1106            </div>
1107        </div>
1108    </div>
1109
1110    <!-- SPメニュー中身 -->
1111    <div class="gnavSp">
1112        <div class="gnavSp__container">
1113            <div class="gnavSp__top">
1114                <ul class="gnavSp__gnav">
1115                                        <li class="gnavSp__gnav-item gnavSp__gnav-item--membership"><a href="/shop/idinfo.html"><span class="icon-text">会員登録</span></a></li>
1116                    <li class="gnavSp__gnav-item gnavSp__gnav-item--login"><a href="/view/member/login"><span class="icon-text">ログイン</span></a></li>
1117                                        <li class="gnavSp__gnav-item gnavSp__gnav-item--favorite"><a href="/view/member/favorite"><span class="icon-text">お気に入り</span></a></li>
1118                    <li class="gnavSp__gnav-item gnavSp__gnav-item--history"><a href="/view/member/order-history"><span class="icon-text">注文履歴</span></a></li>
1119                </ul>
1120
1121                <div class="gnavSp__search">
1122                    <!-- <ul class="gnavSp__search-area">
1123                        <li class="search-form">
1124                            <a href="#makeshop-common-search-url" class="search-btn"></a>
1125                            <label></label>
1126                            <input type="text" data-id="makeshop-search-keyword" value="" class="gnavSp__search-keyword" placeholder="お探しの商品がございますか?">
1127                        </li>
1128                        <li class="search-category" style="display: none;">
1129                            <label>カテゴリー</label>
1130                            <select data-id="makeshop-search-category" class="search-select">
1131                                                            <option value="" selected>すべてのカテゴリー</option>
1132                                                            <option value="ramen" >汁あり</option>
1133                                                            <option value="mazesoba" >汁なし</option>
1134                                                            <option value="side" >サイドメニュー</option>
1135                                                            <option value="goods" >オリジナルグッズ</option>
1136                                                            <option value="setmenu" >お得なセット</option>
1137                                                            <option value="campaign" >キャンペーンセット</option>
1138                                                            <option value="fanset" >ファンセット</option>
1139                                                        </select>
1140                        </li>
1141                        <li class="search-price" style="display: none;">
1142                            <label>価格帯で絞り込む</label>
1143                            <input type="text" data-id="makeshop-search-price-low" value="" class="search-input">~<input type="text" data-id="makeshop-search-price-high" value="" class="search-input">円
1144                        </li>
1145                        <li class="search-code" style="display: none;">
1146                            <label>独自商品コードで探す</label>
1147                            <input type="text" data-id="makeshop-search-original-code" class="search-original-code" value="" placeholder="独自商品コードを入力">
1148                        </li>
1149                    </ul> -->
1150                    <ul class="gnavSp__search-area">
1151                        <li class="search-form">
1152                          <label></label>
1153                          <input type="text" data-id="makeshop-search-keyword" value="" class="side-search-keyword search-keyword" placeholder="お探しの商品がございますか?">
1154                          <a href="#makeshop-common-search-url" class="search-btn search-url"></a>
1155                        </li>
1156                        <li class="header__search-category" style="display: none;">
1157                            <label>カテゴリー</label>
1158                            <select data-id="makeshop-search-category" class="search-category">
1159                                                            <option value="" selected>すべてのカテゴリー</option>
1160                                                            <option value="ramen" >汁あり</option>
1161                                                            <option value="mazesoba" >汁なし</option>
1162                                                            <option value="side" >サイドメニュー</option>
1163                                                            <option value="goods" >オリジナルグッズ</option>
1164                                                            <option value="setmenu" >お得なセット</option>
1165                                                            <option value="campaign" >キャンペーンセット</option>
1166                                                            <option value="fanset" >ファンセット</option>
1167                                                        </select>
1168                        </li>
1169                        <li class="header__search-price" style="display: none;">
1170                            <label>価格帯で絞り込む</label>
1171                            <input type="text" data-id="makeshop-search-price-low" value="" class="search-price">~<input type="text" data-id="makeshop-search-price-high" value="" class="search-price">円
1172                        </li>
1173                        <li class="header__search-code" style="display: none;">
1174                            <label>独自商品コードで探す</label>
1175                            <input type="text" data-id="makeshop-search-original-code" class="side-search-original-code original-code" value="" placeholder="独自商品コードを入力">
1176                        </li>
1177                    </ul>
1178                </div>
1179            </div>
1180
1181            <div class="gnavSp__menu">
1182                <p class="gnavSp__menu-title">
1182商品<span class="small">を</span>探す</p>
1183                <ul class="gnavSp__menu-list">
1184                    <li class="gnavSp__menu-item"><a href="/view/category/setmenu"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/search-cat1.png" alt=""><span>お得なセット</span></a></li>
1185                    <li class="gnavSp__menu-item"><a href="/view/category/ramen"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/search-cat2.png" alt=""><span>汁あり</span></a></li>
1186                    <li class="gnavSp__menu-item"><a href="/view/category/mazesoba"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/search-cat3.png" alt=""><span>汁なし</span></a></li>
1187                    <li class="gnavSp__menu-item"><a href="/view/category/side"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/search-cat4.png" alt=""><span>サイドメニュー</span></a></li>
1188                    <li class="gnavSp__menu-item"><a href="/view/category/goods"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/search-cat5.png" alt=""><span>オリジナル<br>グッズ</span></a></li>
1189                    <li class="gnavSp__menu-item gnavSp__menu-item--all"><a href="/view/category/all_items">すべてを<br>見る</a>
1190                    </li>
1191                </ul>
1192            </div>
1193
1194            <div class="gnavSp__bottom">
1195                <ul class="gnavSp__nav-list">
1196                    <li class="gnavSp__nav-item"><a href="https://gt-ramen.shop/view/page/qa">よくある質問</a></li>
1197                    <li class="gnavSp__nav-item"><a href="/view/guide">ご利用ガイド</a></li>
1198                    <li class="gnavSp__nav-item"><a href="#makeshop-common-contact-url">お問い合わせ</a></li>
1199                </ul>
1200                <p class="gnavSp__catch">ご注文お決まりですか?</p>
1201                <div class="gnavSp__image">
1202                  <a href="/view/item/000000000025">
1203                    <img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/gnav_image.jpg" alt="豚山デビューセット">
1204                  </a>
1205                </div>
1206                <div class="gnavSp__text">
1207                    <p>迷ったらこれ一択!<br>汁あり×汁なし うまい豚と<br>共に試せる二刀流仕様!</p>
1208                    <div class="gnavSp__human"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/gnav_human.png" alt="店員イメージ"></div>
1209                </div>
1210                <div class="close-button-wrap">
1211                    <button class="close-button"><span>閉じる</span></button>
1212                </div>
1213            </div>
1214        </div>
1215    </div>
1216</header>
1217
1218<div class="modalBg"></div>
1219
1220        <!-- <section class="main-visual"> -->
1221        <section class="secFv">
1222            <!--             <ul id="M_slider">
1223            <li class="M_sliderFirstImage"><img src="https://shop18-makeshop.akamaized.net/shopimages/gtramen/slide1.jpg?MjAyNS0wOC0xMyAxMToyMjo0Mg==" alt="価格改定お知らせ"></li>
1224            <li style="display:none;"><img src="https://shop18-makeshop.akamaized.net/shopimages/gtramen/slide1.jpg?MjAyNS0wOC0xMyAxMToyMjo0Mg==" alt="価格改定お知らせ"></li>
1225<li style="display:none;"><a href="/view/category/ramen"><img src="https://shop18-makeshop.akamaized.net/shopimages/gtramen/slide2.jpg?MjAyNS0wOC0xMyAxMToyMjo0Mg==" alt="ラーメン豚山オンラインショップ"></a></li>
1226<li style="display:none;"><a href="/view/category/ramen"><img src="https://shop18-makeshop.akamaized.net/shopimages/gtramen/slide3.jpg?MjAyNS0wOC0xMyAxMToyMjo0Mg==" alt="ラーメン豚山オンラインショップ"></a></li>
1227<li style="display:none;"><a href="/view/category/ramen"><img src="https://shop18-makeshop.akamaized.net/shopimages/gtramen/slide4.jpg?MjAyNS0wOC0xMyAxMToyMjo0Mg==" alt="ラーメン豚山オンラインショップ"></a></li>
1228<li style="display:none;"><a href="/view/category/ramen"><img src="https://shop18-makeshop.akamaized.net/shopimages/gtramen/slide5.jpg?MjAyNS0wOC0xMyAxMToyMjo0Mg==" alt="ラーメン豚山オンラインショップ"></a></li>
1229<li style="display:none;"><a href="/view/category/ramen"><img src="https://shop18-makeshop.akamaized.net/shopimages/gtramen/slide6.jpg?MjAyNS0wOC0xMyAxMToyMjo0Mg==" alt="ラーメン豚山オンラインショップ"></a></li>
1230<li style="display:none;"><a href="/view/item/000000000022"><img src="https://shop18-makeshop.akamaized.net/shopimages/gtramen/slide7.jpg?MjAyNS0wOC0xMyAxMToyMjo0Mw==" alt="【町田商店】ラーメン"></a></li>
1231
1232            </ul> -->
1233            <video width="1920" height="" loop autoplay muted playsinline poster="https://gigaplus.makeshop.jp/gtramen/butayama/video/mv.jpg">
1234                <source src="https://gigaplus.makeshop.jp/gtramen/butayama/video/mv.mp4" type="video/mp4">
1235                Your browser does not support the video tag.
1236            </video>
1237        </section>
1238    
1239        <!-- お知らせ(新着3件表示/MakeShop標準機能・管理画面「お知らせの管理」で登録・編集) -->
1240        <section class="secNews">
1241            <div class="boxwrap">
1242                <h2 class="section-title secNews__title">お知らせ</h2>
1243                <ul class="news-list secNews__list">
1244                                        <!--お知らせが登録されている場合の表示-->
1245                                        <li>
1246                        <div class="news-wrap">
1247                            <p class="news-date">2026/08/07</p>
1248                            <dl>
1249                                <dt><a href="/view/news/20260807094646">【令和8年熊本地震に伴うお届け遅延・一部配送停止のお知らせ】</a></dt>
1250                            </dl>
1251                        </div>
1252                    </li>
1253                                                        </ul>
1254
1255                <p class="news-more secNews__link">
1256                    <a href="/view/news/list">お知らせ一覧を見る</a>
1257                </p>
1258            </div>
1259        </section>
1260        <div class="topPage__contents">
1261            <!-- バナーエリア -->
1262            <!--  -->
1263            <section class="secBanner">
1264                <div class="boxwrap">
1265                    <div class="bannerSwiper swiper">
1266                        <ul class="secBanner__list swiper-wrapper">
1267                            <li class="secBanner__item swiper-slide">
1268                                <a href="/view/item/000000000026">
1269                                    <img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/bnr1.jpg" alt="豚山ファンセット汁あり">
1270                                </a>
1271                            </li>
1272                            <li class="secBanner__item swiper-slide">
1273                                <a href="/view/item/000000000025">
1274                                   <img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/secProduct_product-image.jpg" alt="豚山デビューセット">
1275                                </a>
1276                            </li>
1277                            <li class="secBanner__item swiper-slide">
1278                                <a href="/view/item/000000000027">
1279                                    <img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/bnr3.jpg" alt="豚山ファンセット汁なし">
1280                                </a>
1281                            </li>
1282                        </ul>
1283                        <div class="swiper-pagination"></div>
1284                    </div>
1285                    <div class="secBanner__cta">
1286                        <a href="https://gt-ramen.shop/campaign">
1287                            <picture>
1288                                <source srcset="https://gigaplus.makeshop.jp/gtramen/butayama/img/cta-btn_sp.png" media="(max-width: 768px)" />
1289                                <img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/cta-btn.png" alt="今だけ!送料無料のお得な商品はこちら">
1290                            </picture>
1291                        </a>
1292                    </div>
1293                </div>
1294            </section>
1295
1296            <!--ランキング-->
1297            <section class="secRanking">
1298    <div class="boxwrap-l">
1299        <h2 class="secRanking__title commonTitle">ランキング</h2>
1300        <div class="secRanking__list">
1301            <ul class="item-list">
1302                            <li class="item">
1303                    <div class="item-list-image">
1304                        <a href="/view/item/000000000016">
1305                            <img src="https://makeshop-multi-images.akamaized.net/gtramen/itemimages/000000000016_5cXV3ta.jpg" alt="">
1306                            <!--  -->
1307                            <div class="ranking-icon rank-1">
1308                                1
1309                            </div>
1310                        </a>
1311                    </div>
1312                    <div class="item-list-info">
1313                                                <p class="item-category">
1314                            <a href="/view/category/ramen">汁あり</a>
1315                        </p>
1316                                                <p class="item-name"><a href="/view/item/000000000016">汁ありラーメン4食入り</a></p>
1317                                                    <p class="price">ï¿¥3,800</p>
1318                                            </div>
1319                </li>
1320                            <li class="item">
1321                    <div class="item-list-image">
1322                        <a href="/view/item/000000000005">
1323                            <img src="https://makeshop-multi-images.akamaized.net/gtramen/itemimages/000000000005_hwOMRhA.jpg" alt="">
1324                            <!--  -->
1325                            <div class="ranking-icon rank-2">
1326                                2
1327                            </div>
1328                        </a>
1329                    </div>
1330                    <div class="item-list-info">
1331                                                <p class="item-category">
1332                            <a href="/view/category/side">サイドメニュー</a>
1333                        </p>
1334                                                <p class="item-name"><a href="/view/item/000000000005">うまい豚500g(単品購入の場合)</a></p>
1335                                                    <p class="price">ï¿¥2,000</p>
1336                                            </div>
1337                </li>
1338                            <li class="item">
1339                    <div class="item-list-image">
1340                        <a href="/view/item/000000000018">
1341                            <img src="https://makeshop-multi-images.akamaized.net/gtramen/itemimages/000000000018_yDngwxq.jpg" alt="">
1342                            <!--  -->
1343                            <div class="ranking-icon rank-3">
1344                                3
1345                            </div>
1346                        </a>
1347                    </div>
1348                    <div class="item-list-info">
1349                                                <p class="item-category">
1350                            <a href="/view/category/setmenu">お得なセット</a>
1351                        </p>
1352                                                <p class="item-name"><a href="/view/item/000000000018">汁あり/汁なし各2食セット</a></p>
1353                                                    <p class="price">ï¿¥3,800</p>
1354                                            </div>
1355                </li>
1356                            <li class="item">
1357                    <div class="item-list-image">
1358                        <a href="/view/item/000000000015">
1359                            <img src="https://makeshop-multi-images.akamaized.net/gtramen/itemimages/000000000015_yd2GacH.jpg" alt="">
1360                            <!--  -->
1361                            <div class="ranking-icon rank-4">
1362                                4
1363                            </div>
1364                        </a>
1365                    </div>
1366                    <div class="item-list-info">
1367                                                <p class="item-category">
1368                            <a href="/view/category/ramen">汁あり</a>
1369                        </p>
1370                                                <p class="item-name"><a href="/view/item/000000000015">汁ありラーメン2食入り</a></p>
1371                                                    <p class="price">ï¿¥1,900</p>
1372                                            </div>
1373                </li>
1374                            <li class="item">
1375                    <div class="item-list-image">
1376                        <a href="/view/item/000000000006">
1377                            <img src="https://makeshop-multi-images.akamaized.net/gtramen/itemimages/000000000006_FozeypO.jpg" alt="">
1378                            <!--  -->
1379                            <div class="ranking-icon rank-5">
1380                                5
1381                            </div>
1382                        </a>
1383                    </div>
1384                    <div class="item-list-info">
1385                                                <p class="item-category">
1386                            <a href="/view/category/side">サイドメニュー</a>
1387                        </p>
1388                                                <p class="item-name"><a href="/view/item/000000000006">麺2玉(1玉250g)</a></p>
1389                                                    <p class="price">ï¿¥560</p>
1390                                            </div>
1391                </li>
1392                            <li class="item">
1393                    <div class="item-list-image">
1394                        <a href="/view/item/000000000013">
1395                            <img src="https://makeshop-multi-images.akamaized.net/gtramen/itemimages/000000000013_a9uIqYF.jpg" alt="">
1396                            <!--  -->
1397                            <div class="ranking-icon rank-6">
1398                                6
1399                            </div>
1400                        </a>
1401                    </div>
1402                    <div class="item-list-info">
1403                                                <p class="item-category">
1404                            <a href="/view/category/setmenu">お得なセット</a>
1405                        </p>
1406                                                <p class="item-name"><a href="/view/item/000000000013">汁ナシ2食入り+うまい豚セット</a></p>
1407                                                    <p class="price">ï¿¥3,900</p>
1408                                            </div>
1409                </li>
1410                            <li class="item">
1411                    <div class="item-list-image">
1412                        <a href="/view/item/000000000003">
1413                            <img src="https://makeshop-multi-images.akamaized.net/gtramen/itemimages/000000000003_BabVaeK.jpg" alt="">
1414                            <!--  -->
1415                            <div class="ranking-icon rank-7">
1416                                7
1417                            </div>
1418                        </a>
1419                    </div>
1420                    <div class="item-list-info">
1421                                                <p class="item-category">
1422                            <a href="/view/category/mazesoba">汁なし</a>
1423                        </p>
1424                                                <p class="item-name"><a href="/view/item/000000000003">汁ナシ4食入り</a></p>
1425                                                    <p class="price">ï¿¥3,800</p>
1426                                            </div>
1427                </li>
1428                        </ul>
1429        </div>
1430    </div>
1431</section>
1432
1433            <!-- お客様の声 -->
1434            <section class="secVoice">
1435                <div class="boxwrap-l">
1436                    <div class="secVoice__inner">
1437                        <!-- 左カラム:人物 -->
1438                        <div class="secVoice__person">
1439                            <picture>
1440                                <source srcset="https://gigaplus.makeshop.jp/gtramen/butayama/img/voice_human_sp.png" media="(max-width: 768px)" />
1441                                <img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/voice_human.png" alt="豚山店主">
1442                            </picture>
1443                        </div>
1444
1445                        <!-- 右カラム:お客様の声 -->
1446                        <div class="secVoice__content">
1447                            <div class="secVoice__thanks">
1448                                <picture>
1449                                    <source srcset="https://gigaplus.makeshop.jp/gtramen/butayama/img/voice_thanks_sp.svg" media="(max-width: 768px)" />
1450                                    <img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/voice_thanks.svg" alt="ありがとうございます!">
1451                                </picture>
1452                            </div>
1453                            <h2 class="secVoice__title">お客様<span class="small">の</span>声</h2>
1454                            <div class="secVoice__reviews">
1455                                <!-- レビュー1 -->
1456                                <div class="secVoice__review">
1457                                    <h3 class="secVoice__review-text">本当にお店の味と変わらないのか不安でしたが、一口食べて驚きました。</h3>
1458                                    <p class="secVoice__review-detail">
1459                                        キレのあるスープもワシワシ麺の食感も、まさに豚山そのもの。<span class="secVoice__highlight">圧倒的な再現度</span>で、自宅で味わえるなんて最高です!
1460                                    </p>
1461                                </div>
1462
1463                                <!-- レビュー2 -->
1464                                <div class="secVoice__review">
1465                                    <h3 class="secVoice__review-text">豚山中毒症状が出た時に、すぐ食べられるのが本当にありがたい!</h3>
1466                                    <p class="secVoice__review-detail">
1467                                        二日酔いの日や雨の日でも安心で、今では<span class="secVoice__highlight">冷凍庫に常備</span>してます。<br>うまい豚でだら飲みするのも至福の時間です。
1468                                    </p>
1469                                </div>
1470                            </div>
1471                            <!-- ボタンエリア -->
1472                            <div class="secVoice__cta">
1473                                <a href="https://gt-ramen.shop/campaign">
1474                                    <picture>
1475                                        <source srcset="https://gigaplus.makeshop.jp/gtramen/butayama/img/cta-btn_sp.png" media="(max-width: 768px)" />
1476                                        <img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/cta-btn.png" alt="今だけ!送料無料のお得な商品はこちら">
1477                                    </picture>
1478                                </a>
1479                            </div>
1480                        </div>
1481                    </div>
1482                </div>
1483            </section>
1484
1485            <!-- 店長おすすめ -->
1486            <section class="secRecommend">
1487    <div class="boxwrap">
1488        <div class="secRecommend__logo"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/butayama-icon.png" alt="" width="79" height="79"></div>
1489        <h2 class="secRecommend__title commonTitle">店長<span class="small">の</span>おすすめ</h2>
1490        <div class="secRecommend__list">
1491            <ul class="item-list">
1492            <!--                 <li class="item">
1493                    <div class="item-list-image">
1494                        <a href="/view/item/000000000013"><img src="https://makeshop-multi-images.akamaized.net/gtramen/itemimages/000000000013_a9uIqYF.jpg" alt=""></a>
1495                        <div class="item-icon">
1496                                                </div>
1497                        <div class="delivery-icon"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/icon_delivery-free.svg" alt="送料無料"></div>
1498                    </div>
1499                    <div class="item-list-info">
1500                                                    <p class="item-category"><a href="/view/category/setmenu">お得なセット</a></p>
1501                                                <p class="item-name"><a href="/view/item/000000000013">汁ナシ2食入り+うまい豚セット</a></p>
1502                                                    <p class="price">ï¿¥3,900</p>
1503                                            </div>
1504                </li>
1505                            <li class="item">
1506                    <div class="item-list-image">
1507                        <a href="/view/item/000000000017"><img src="https://makeshop-multi-images.akamaized.net/gtramen/itemimages/000000000017_lTaeOai.jpg" alt=""></a>
1508                        <div class="item-icon">
1509                                                </div>
1510                        <div class="delivery-icon"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/icon_delivery-free.svg" alt="送料無料"></div>
1511                    </div>
1512                    <div class="item-list-info">
1513                                                    <p class="item-category"><a href="/view/category/setmenu">お得なセット</a></p>
1514                                                <p class="item-name"><a href="/view/item/000000000017">汁あり/汁なし各1食セット</a></p>
1515                                                    <p class="price">ï¿¥1,900</p>
1516                                            </div>
1517                </li>
1518             -->
1519
1520                <li class="item">
1521                    <div class="item-list-image">
1522                        <a href="https://gt-ramen.shop/fanset"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/recommend-item1.jpg" alt="豚山ファンセット(汁あり/汁なし)"></a>
1523                        <div class="delivery-icon"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/icon_delivery-free.svg" alt="送料無料"></div>
1524                    </div>
1525                    <div class="item-list-info">
1526                        <p class="item-category"><a href="/view/category/setmenu">お得なセット</a></p>
1527                        <p class="item-name"><a href="/fanset">豚山ファンセット(汁あり/汁なし)</a></p>
1528                        <p class="item-description">推しの一杯をとことん堪能!<br class="pc">汁あり派も汁なし派も大満足のこだわりセット!</p>
1529                        <p class="price">ï¿¥5,600</p>
1530                    </div>
1531                </li>
1532                <li class="item">
1533                    <div class="item-list-image">
1534                        <a href="/view/item/000000000025"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/secProduct_product-image.jpg" alt="豚山デビューセット"></a>
1535                        <div class="delivery-icon"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/icon_delivery-free.svg" alt="送料無料"></div>
1536                    </div>
1537                    <div class="item-list-info">
1538                        <p class="item-category"><a href="/view/category/setmenu">お得なセット</a></p>
1539                        <p class="item-name"><a href="/view/item/000000000025">豚山デビューセット</a></p>
1540                        <p class="item-description">迷ったらこれ一択!汁あり×汁なし <br>うまい豚と共に試せる二刀流仕様!</p>
1541                        <p class="price">ï¿¥5,600</p>
1542                    </div>
1543                </li>
1544
1545            </ul>
1546        </div>
1547    </div>
1548</section><!--おすすめ商品・店長おすすめ-->
1549            <section class="secSpecial">
1550    <div class="boxwrap">
1551        <h2 class="secSpecial__title commonTitle">こちらもいかがでしょうか?</h2>
1552    </div>
1553    <div class="secSpecial__list swiper-contents">
1554        <div class="boxwrap">
1555            <div class="swiper specialSwiper">
1556                <ul class="item-list swiper-wrapper">
1557                                    <li class="item swiper-slide">
1558                        <div class="item-list-image">
1559                            <a href="/view/item/000000000001">
1560                                <img src="https://makeshop-multi-images.akamaized.net/gtramen/itemimages/000000000001_BQ1W5Nq.jpg" alt="">
1561                                                            </a>
1562                        </div>
1563                        <div class="item-list-info">
1564                                                            <p class="item-category"><a href="/view/category/mazesoba">汁なし</a></p>
1565                                                        <p class="item-name"><a href="/view/item/000000000001">汁ナシ1食入り</a></p>
1566                                                            <p class="price">ï¿¥1,000</p>
1567                                                    </div>
1568                    </li>
1569                                    <li class="item swiper-slide">
1570                        <div class="item-list-image">
1571                            <a href="/view/item/000000000004">
1572                                <img src="https://makeshop-multi-images.akamaized.net/gtramen/itemimages/000000000004_BgnjjxK.jpg" alt="">
1573                                                            </a>
1574                        </div>
1575                        <div class="item-list-info">
1576                                                            <p class="item-category"><a href="/view/category/mazesoba">汁なし</a></p>
1577                                                        <p class="item-name"><a href="/view/item/000000000004">豚4枚ニンニクマシマシ</a></p>
1578                                                            <p class="price">ï¿¥1,350</p>
1579                                                    </div>
1580                    </li>
1581                                    <li class="item swiper-slide">
1582                        <div class="item-list-image">
1583                            <a href="/view/item/000000000005">
1584                                <img src="https://makeshop-multi-images.akamaized.net/gtramen/itemimages/000000000005_hwOMRhA.jpg" alt="">
1585                                                            </a>
1586                        </div>
1587                        <div class="item-list-info">
1588                                                            <p class="item-category"><a href="/view/category/side">サイドメニュー</a></p>
1589                                                        <p class="item-name"><a href="/view/item/000000000005">うまい豚500g(単品購入の場合)</a></p>
1590                                                            <p class="price">ï¿¥2,000</p>
1591                                                    </div>
1592                    </li>
1593                                    <li class="item swiper-slide">
1594                        <div class="item-list-image">
1595                            <a href="/view/item/000000000006">
1596                                <img src="https://makeshop-multi-images.akamaized.net/gtramen/itemimages/000000000006_FozeypO.jpg" alt="">
1597                                                            </a>
1598                        </div>
1599                        <div class="item-list-info">
1600                                                            <p class="item-category"><a href="/view/category/side">サイドメニュー</a></p>
1601                                                        <p class="item-name"><a href="/view/item/000000000006">麺2玉(1玉250g)</a></p>
1602                                                            <p class="price">ï¿¥560</p>
1603                                                    </div>
1604                    </li>
1605                                    <li class="item swiper-slide">
1606                        <div class="item-list-image">
1607                            <a href="/view/item/000000000007">
1608                                <img src="https://makeshop-multi-images.akamaized.net/gtramen/itemimages/000000000007_b8b1FVn.jpg" alt="">
1609                                                            </a>
1610                        </div>
1611                        <div class="item-list-info">
1612                                                            <p class="item-category"><a href="/view/category/goods">オリジナルグッズ</a></p>
1613                                                        <p class="item-name"><a href="/view/item/000000000007">豚山(混ぜやすい)どんぶり1個</a></p>
1614                                                            <p class="price">ï¿¥1,750</p>
1615                                                    </div>
1616                    </li>
1617                                    <li class="item swiper-slide">
1618                        <div class="item-list-image">
1619                            <a href="/view/item/000000000014">
1620                                <img src="https://makeshop-multi-images.akamaized.net/gtramen/itemimages/000000000014_5wby73K.jpg" alt="">
1621                                                            </a>
1622                        </div>
1623                        <div class="item-list-info">
1624                                                            <p class="item-category"><a href="/view/category/ramen">汁あり</a></p>
1625                                                        <p class="item-name"><a href="/view/item/000000000014">汁ありラーメン1食入り</a></p>
1626                                                            <p class="price">ï¿¥1,000</p>
1627                                                    </div>
1628                    </li>
1629                                </ul>
1630                <div class="swiper-scrollbar specialSwiper-scrollbar"></div>
1631            </div>
1632        </div>
1633        <div class="secSpecial__link">
1634            <a href="/view/category/all_items">商品一覧を見る</a>
1635        </div>
1636    </div>
1637</section><!--スペシャル商品・こちらもいかがでしょうか?-->
1638
1639            <!-- 商品を探す -->
1640            <section class="secSearch">
1641                <div class="boxwrap">
1642                    <h2 class="secSearch__title">
1642商品<span class="small">を</span>探す</h2>
1643                    <ul class="secSearch__categories">
1644                        <li class="secSearch__category">
1645                            <a href="/view/category/setmenu" class="secSearch__link">
1646                                <img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/search-cat1.png" alt="お得なセット">
1647                                <p class="secSearch__label">お得なセット</p>
1648                            </a>
1649                        </li>
1650                        <li class="secSearch__category">
1651                            <a href="/view/category/ramen" class="secSearch__link">
1652                                <img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/search-cat2.png" alt="汁あり">
1653                                <p class="secSearch__label">汁あり</p>
1654                            </a>
1655                        </li>
1656                        <li class="secSearch__category">
1657                            <a href="/view/category/mazesoba" class="secSearch__link">
1658                                <img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/search-cat3.png" alt="汁なし">
1659                                <p class="secSearch__label">汁なし</p>
1660                            </a>
1661                        </li>
1662                        <li class="secSearch__category">
1663                            <a href="/view/category/side" class="secSearch__link">
1664                                <img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/search-cat4.png" alt="サイドメニュー">
1665                                <p class="secSearch__label">サイドメニュー</p>
1666                            </a>
1667                        </li>
1668                        <li class="secSearch__category">
1669                            <a href="/view/category/goods" class="secSearch__link">
1670                                <img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/search-cat5.png" alt="オリジナルグッズ">
1671                                <p class="secSearch__label">オリジナル<br class="sp">グッズ</p>
1672                            </a>
1673                        </li>
1674                        <li class="secSearch__category">
1675                            <a href="/view/category/all_items" class="secSearch__link secSearch__link--all">
1676                                すべてを<br>見る
1677                            </a>
1678                        </li>
1679                    </ul>
1680                    <div class="secSearch__image">
1681                        <picture>
1682                            <source srcset="https://gigaplus.makeshop.jp/gtramen/butayama/img/at-home-man_sp.jpg" media="(max-width: 768px)" />
1683                            <img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/at-home-man.jpg" alt="自宅でラーメンを楽しむ男性">
1684                        </picture>
1685                    </div>
1686                    <div class="secSearch__content">
1687                        <h2 class="secSearch__content__title"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/sec-search-subttl.svg" alt="自宅だから実現できる"></h2>
1688                        <ul class="secSearch__content__list">
1689                            <li class="secSearch__content__item"><span class="secSearch__content__icon"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/icon-check.png" alt=""></span><span class="secSearch__content__text">まったり<span class="secSearch__content__highlight">お酒を飲みながら</span></span></li>
1690                            <li class="secSearch__content__item"><span class="secSearch__content__icon"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/icon-check.png" alt=""></span><span class="secSearch__content__text">友だち家族と<span class="secSearch__content__highlight">ワイワイしながら</span></span></li>
1691                            <li class="secSearch__content__item"><span class="secSearch__content__icon"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/icon-check.png" alt=""></span><span class="secSearch__content__text"><span class="secSearch__content__highlight">テレビを見ながら</span>ゆっくり</span></li>
1692                            <li class="secSearch__content__item"><span class="secSearch__content__icon"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/icon-check.png" alt=""></span><span class="secSearch__content__text">
1692雨の日の<span class="secSearch__content__highlight">外出したくない日</span>でも</span></li>
1693                            <li class="secSearch__content__item"><span class="secSearch__content__icon"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/icon-check.png" alt=""></span><span class="secSearch__content__text">ニンニク・野菜<span class="secSearch__content__highlight">マシマシし放題</span></li>
1694                        </ul>
1695                    </div>
1696                </div>
1697            </section>
1698
1699            
1700            <!-- 商品を探す -->
1701            <section class="secContents">
1702                <div class="boxwrap">
1703                    <h2 class="secContents__title">お届け商品の内容</h2>
1704                    <div class="secContents__image">
1705                        <picture>
1706                            <source srcset="https://gigaplus.makeshop.jp/gtramen/butayama/img/product-bnr_sp.jpg" media="(max-width: 768px)" />
1707                            <img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/product-bnr.jpg" alt="店舗の味をそのまま冷凍 だから美味しい!">
1708                        </picture>
1709                    </div>
1710                </div>
1711            </section>
1712            
1713            <!-- 汁あり送料無料セット -->
1714            <section class="secProduct">
1715                <div class="boxwrap">
1716                    <p class="secProduct__description">
1717                        店舗でご提供しているスープ、麺、具材をそのまま冷凍し、ご自宅で調理いただくことで、<br class="pc">店舗でしか味わえなかった味をご自宅や職場でもお楽しみいただけます。
1718                    </p>
1719
1720                    <div class="secProduct__box">
1721                        <a href="/view/item/000000000025">
1722                            <div class="secProduct__head">
1723                                <span class="secProduct__badge">
1724                                    <img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/icon_delivery-free.svg" alt="送料無料">
1725                                </span>
1726                                <h2 class="secProduct__title">豚山デビューセット</h2>
1727                            </div>
1728                            <div class="secProduct__content">
1729                                <div class="secProduct__image">
1730                                    <img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/secProduct_product-image.jpg" alt="汁ありセットの画像">
1731                                </div>
1732                                <div class="secProduct__info">
1733                                    <p class="secProduct__set">セット内容<br>
1734                                        <span class="secProduct__set-title">汁あり2食 / 汁なし2食 / うまい豚1本</span>
1735                                    </p>
1736                                    <p class="secProduct__price">ï¿¥5,600</p>
1737                                </div>
1738                            </div>
1739                        </a>
1740                    </div>
1741                    <div class="secProduct__video-section">
1742                        <h3 class="secProduct__video-title">
1743                            作り方を動画でチェック
1744                        </h3>
1745                        <p class="secProduct__video-subtitle">
1746                            <img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/ttl1_sub.png" alt="鍋で簡単調理!">
1747                        </p>
1748                        
1749                        <!-- 汁あり動画(新規追加) -->
1750                        <p class="secProduct__video-label">汁あり作り方動画</p>
1751                        <div class="secProduct__video">
1752                            <video controls width="1280" poster="https://gigaplus.makeshop.jp/gtramen/butayama/video/thumb_ari_v2.jpg">
1753                                <source src="https://gigaplus.makeshop.jp/gtramen/butayama/video/howto_ari.mp4" type="video/mp4">
1754                                Your browser does not support the video tag.
1755                            </video>
1756                        </div>
1757                    
1758                        <!-- 汁なし動画 -->
1759                        <p class="secProduct__video-label">
1759汁なし作り方動画</p>
1760                        <div class="secProduct__video">
1761                            <video controls width="1280" poster="https://gigaplus.makeshop.jp/gtramen/butayama/video/thumb_nashi.jpg">
1762                                <source src="https://gigaplus.makeshop.jp/gtramen/butayama/video/howto.mp4" type="video/mp4">
1763                                Your browser does not support the video tag.
1764                            </video>
1765                        </div>
1766                    
1767                        <!-- もっと動画を見る -->
1768                        <p class="secProduct__video-more">
1769                            <a href="/view/page/howto">もっと動画を見る</a>
1770                        </p>
1771                    </div>
1772                    
1773                    <div class="secProduct__cta">
1774                        <a href="https://gt-ramen.shop/campaign">
1775                            <picture>
1776                                <source srcset="https://gigaplus.makeshop.jp/gtramen/butayama/img/cta-btn_sp.png" media="(max-width: 768px)" />
1777                                <img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/cta-btn.png" alt="今だけ!送料無料のお得な商品はこちら">
1778                            </picture>
1779                        </a>
1780                    </div>
1781                </div>
1782            </section>
1783
1784            <section class="secArrange">
1785                <div class="boxwrap">
1786                    <h2 class="secArrange__title">
1787                        <img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/sec-arrange_ttl.png" alt="チョイ足しアレンジ">
1788                    </h2>
1789                    <div class="secArrange__content">
1790                        <div class="secArrange__items">
1791                            <div class="secArrange__items-header">
1792                                <span class="secArrange__items-title">みんなのおすすめアイテム</span>
1793                                <span class="secArrange__items-subtitle">お手軽度</span>
1794                            </div>
1795
1796                            <ul class="secArrange__list">
1797                                <li class="secArrange__item">
1798                                    <h3 class="secArrange__item-name"><span class="secArrange__item-number">1</span>ガーリックチップ</h3>
1799                                    <div class="secArrange__item-level">
1800                                        <span class="secArrange__icon"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/icon-pig.svg" alt=""></span>
1801                                        <span class="secArrange__icon"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/icon-pig.svg" alt=""></span>
1802                                        <span class="secArrange__icon"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/icon-pig.svg" alt=""></span>
1803                                    </div>
1804                                </li>
1805
1806                                <li class="secArrange__item">
1807                                    <h3 class="secArrange__item-name"><span class="secArrange__item-number">2</span>キムチ・唐辛子</h3>
1808                                    <div class="secArrange__item-level">
1809                                        <span class="secArrange__icon"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/icon-pig.svg" alt=""></span>
1810                                        <span class="secArrange__icon"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/icon-pig.svg" alt=""></span>
1811                                        <span class="secArrange__icon"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/icon-pig.svg" alt=""></span>
1812                                    </div>
1813                                </li>
1814
1815                                <li class="secArrange__item">
1816                                    <h3 class="secArrange__item-name"><span class="secArrange__item-number">3</span>炙りチーズ</h3>
1817                                    <div class="secArrange__item-level">
1818                                        <span class="secArrange__icon"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/icon-pig.svg" alt=""></span>
1819                                        <span class="secArrange__icon"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/icon-pig.svg" alt=""></span>
1820                                        <span class="secArrange__icon"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/icon-pig_empty.svg" alt=""></span>
1821                                    </div>
1822                                </li>
1823
1824                                <li class="secArrange__item">
1825                                    <h3 class="secArrange__item-name"><span class="secArrange__item-number">4</span>煮卵&スープでおつまみ</h3>
1826                                    <div class="secArrange__item-level">
1827                                        <span class="secArrange__icon"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/icon-pig.svg" alt=""></span>
1828                                        <span class="secArrange__icon"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/icon-pig_empty.svg" alt=""></span>
1829                                        <span class="secArrange__icon"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/icon-pig_empty.svg" alt=""></span>
1830                                    </div>
1831                                </li>
1832                            </ul>
1833                        </div>
1834
1835                        <div class="secArrange__recipes">
1836                            <div class="secArrange__recipe">
1837                                <a href="/view/page/recipe04"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/sec-arrange_img1.jpg" alt="豚山鍋" class="secArrange__recipe-image"></a>
1838                                <div class="secArrange__recipe-info">
1839                                    <h3 class="secArrange__recipe-title">豚山鍋</h3>
1840                                    <a href="/view/page/recipe04" class="secArrange__recipe-link">レシピを見る</a>
1841                                </div>
1842                            </div>
1843
1844                            <div class="secArrange__recipe">
1845                                <a href="/view/page/recipe03"><img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/sec-arrange_img2.jpg" alt="味染みチャーハン" class="secArrange__recipe-image"></a>
1846                                <div class="secArrange__recipe-info">
1847                                    <h3 class="secArrange__recipe-title">味染みチャーハン</h3>
1848                                    <a href="/view/page/recipe03" class="secArrange__recipe-link">レシピを見る</a>
1849                                </div>
1850                            </div>
1851                        </div>
1852                    </div>
1853                </div>
1854            </section>
1855
1856            <!--最近チェックしたアイテム-->
1857            
1858
1859            <section class="secApp">
1860                <div class="boxwrap">
1861                    <h2 class="secApp__title">
1862                        <picture>
1863                            <source srcset="https://gigaplus.makeshop.jp/gtramen/butayama/img/sec-app_ttl_sp.svg" media="(max-width: 768px)" />
1864                            <img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/sec-app_ttl.svg" alt="店舗で使える公式アプリ">
1865                        </picture>
1866                    </h2>
1867                    <div class="secApp__container">
1868                        <div class="secApp__image">
1869                            <img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/sec-app_image.png" alt="公式アプリで豚山をもっと楽しく!">
1870                        </div>
1871                        <div class="secApp__content">
1872                            <ul class="secApp__features">
1873                                <li class="secApp__feature">
1874                                    来店スタンプで<strong class="secApp__highlight">「豚1枚無料クーポン」</strong>や<strong class="secApp__highlight">「オリジナル商品」</strong>と交換!
1875                                </li>
1876                                <li class="secApp__feature">
1877                                    日替わり無料トッピング「今日のアレ」情報
1878                                </li>
1879                                <li class="secApp__feature">
1880                                    店舗情報・最新ニュースも配信
1881                                </li>
1882                            </ul>
1883
1884                            <div class="secApp__stores">
1885                                <a href="https://play.google.com/store/apps/details?id=jp.co.giftgroup.app.butayama&hl=ja" target="_blank" rel="noopener noreferrer" class="secApp__store-link">
1886                                    <img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/google-play-badge.svg" alt="Google Playで手に入れよう">
1887                                </a>
1888                                <a href="https://apps.apple.com/jp/app/%E3%83%A9%E3%83%BC%E3%83%A1%E3%83%B3%E8%B1%9A%E5%B1%B1-%E5%85%AC%E5%BC%8F%E3%82%A2%E3%83%97%E3%83%AA/id1665009286" target="_blank" rel="noopener noreferrer" class="secApp__store-link">
1889                                    <img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/app-store-badge.svg" alt="App Storeからダウンロード">
1890                                </a>
1891                            </div>
1892                        </div>
1893                    </div>
1894                </div>
1895            </section>
1896        </div>
1897    
1898        <style>
1899.footer {
1900  background: #010100;
1901  padding: 105px 0 0;
1902  color: #fff;
1903}
1904@media screen and (max-width: 768px) {
1905  .footer {
1906    padding: 55px 0 0;
1907  }
1908}
1909.footer__head {
1910  display: -webkit-box;
1911  display: -webkit-flex;
1912  display: -ms-flexbox;
1913  display: flex;
1914  gap: 20px;
1915  margin-bottom: 40px;
1916}
1917@media screen and (max-width: 768px) {
1918  .footer__head {
1919    padding: 0 20px;
1920    -webkit-box-orient: vertical;
1921    -webkit-box-direction: normal;
1922    -webkit-flex-direction: column;
1923        -ms-flex-direction: column;
1924            flex-direction: column;
1925    margin-bottom: 30px;
1926  }
1927}
1928.footer__head-image {
1929  width: calc(41% - 5px);
1930}
1931@media screen and (max-width: 768px) {
1932  .footer__head-image {
1933    width: 100%;
1934    max-width: 306px;
1935    margin: 0 auto;
1936  }
1937}
1938.footer__head-info {
1939  width: calc(59% - 5px);
1940  padding-right: 8.5%;
1941}
1942@media screen and (max-width: 768px) {
1943  .footer__head-info {
1944    width: 100%;
1945    padding-right: 0;
1946  }
1947}
1948.footer__title {
1949  color: #FFF;
1950  font-family: "Dela Gothic One";
1951  font-size: 24px;
1952  font-weight: 400;
1953  margin-bottom: 35px;
1954  position: relative;
1955}
1956@media screen and (max-width: 768px) {
1957  .footer__title {
1958    width: -webkit-fit-content;
1959    width: -moz-fit-content;
1960    width: fit-content;
1961    margin: 0 auto 25px;
1962  }
1963}
1964.footer__title::before {
1965  content: "";
1966  display: block;
1967  width: 100%;
1968  height: 2px;
1969  background: #fff;
1970  position: absolute;
1971  bottom: -9px;
1972  left: 0;
1973}
1974@media screen and (max-width: 768px) {
1975  .footer__title::before {
1976    width: 150px;
1977    left: 50%;
1978    -webkit-transform: translateX(-50%);
1979            transform: translateX(-50%);
1980  }
1981}
1982.footer__content {
1983  display: -webkit-box;
1984  display: -webkit-flex;
1985  display: -ms-flexbox;
1986  display: flex;
1987  gap: 50px;
1988  margin-bottom: 40px;
1989}
1990@media screen and (max-width: 768px) {
1991  .footer__content {
1992    -webkit-flex-wrap: wrap;
1993        -ms-flex-wrap: wrap;
1994            flex-wrap: wrap;
1995    gap: 35px;
1996  }
1997}
1998.footer__left {
1999  -webkit-box-flex: 1;
2000  -webkit-flex: 1;
2001      -ms-flex: 1;
2002          flex: 1;
2003}
2004@media screen and (max-width: 768px) {
2005  .footer__left {
2006    -webkit-box-flex: 0;
2007    -webkit-flex: none;
2008        -ms-flex: none;
2009            flex: none;
2010    width: 100%;
2011  }
2012}
2013.footer__right {
2014  -webkit-box-flex: 1;
2015  -webkit-flex: 1;
2016      -ms-flex: 1;
2017          flex: 1;
2018}
2019@media screen and (max-width: 768px) {
2020  .footer__right {
2021    -webkit-box-flex: 0;
2022    -webkit-flex: none;
2023        -ms-flex: none;
2024            flex: none;
2025    width: 100%;
2026  }
2027}
2028.footer__subtitle {
2029  font-size: 16px;
2030  font-weight: 700;
2031  line-height: normal;
2032  margin-bottom: 5px;
2033}
2034.footer__text {
2035  font-size: 14px;
2036  font-weight: 500;
2037  line-height: normal;
2038  margin-bottom: 20px;
2039}
2040.footer__table {
2041  border-top: 1px solid rgba(255, 255, 255, 0.3);
2042  margin-bottom: 7px;
2043  width: 100%;
2044}
2045.footer__table td, .footer__table td {
2046  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
2047  padding: 6px 0px;
2048  font-size: 14px;
2049  font-weight: 500;
2050}
2051@media screen and (max-width: 768px) {
2052  .footer__table .footer__price {
2053    text-align: right;
2054  }
2055}
2056.footer__note {
2057  font-size: 12px;
2058  font-weight: 500;
2059}
2060.footer__list {
2061  font-size: 14px;
2062  font-weight: 500;
2063  line-height: normal;
2064  list-style: disc;
2065  margin-top: -15px;
2066}
2067.footer__list li {
2068  list-style: disc;
2069  margin-left: 25px;
2070}
2071.footer__content02 {
2072  display: -webkit-box;
2073  display: -webkit-flex;
2074  display: -ms-flexbox;
2075  display: flex;
2076  -webkit-box-pack: justify;
2077  -webkit-justify-content: space-between;
2078      -ms-flex-pack: justify;
2079          justify-content: space-between;
2080  gap: 20px;
2081}
2082@media screen and (max-width: 768px) {
2083  .footer__content02 {
2084    -webkit-flex-wrap: wrap;
2085        -ms-flex-wrap: wrap;
2086            flex-wrap: wrap;
2087  }
2088}
2089.footer__contact {
2090  width: 387px;
2091}
2092@media screen and (max-width: 768px) {
2093  .footer__contact {
2094    width: 100%;
2095    margin-bottom: 8px;
2096  }
2097}
2098.footer__contact-title {
2099  font-family: "Dela Gothic One";
2100  font-size: 24px;
2101  font-weight: 400;
2102  margin-bottom: 35px;
2103  position: relative;
2104}
2105@media screen and (max-width: 768px) {
2106  .footer__contact-title {
2107    width: -webkit-fit-content;
2108    width: -moz-fit-content;
2109    width: fit-content;
2110    margin: 0 auto 25px;
2111  }
2112}
2113.footer__contact-title::before {
2114  content: "";
2115  display: block;
2116  width: 100%;
2117  height: 2px;
2118  background: #fff;
2119  position: absolute;
2120  bottom: -9px;
2121  left: 0;
2122}
2123@media screen and (max-width: 768px) {
2124  .footer__contact-title::before {
2125    width: 150px;
2126    left: 50%;
2127    -webkit-transform: translateX(-50%);
2128            transform: translateX(-50%);
2129  }
2130}
2131.footer__contact-time {
2132  font-size: 16px;
2133  font-weight: 500;
2134  line-height: 1.5;
2135}
2136.footer__contact-note {
2137  font-size: 14px;
2138  font-weight: 500;
2139  line-height: 1.5;
2140}
2141.footer__contact-note--shop {
2142  margin-top: 20px;
2143  padding-top: 15px;
2144  border-top: 1px solid rgba(255, 255, 255, 0.3);
2145}
2146.footer__contact-note--shop a {
2147  color: #fff;
2148  text-decoration: underline;
2149}
2150.footer__contact-note--shop a:hover {
2151  text-decoration: none;
2152}
2153.footer__sns {
2154  display: -webkit-box;
2155  display: -webkit-flex;
2156  display: -ms-flexbox;
2157  display: flex;
2158  gap: 30px;
2159  -webkit-box-pack: end;
2160  -webkit-justify-content: flex-end;
2161      -ms-flex-pack: end;
2162          justify-content: flex-end;
2163  -webkit-box-align: end;
2164  -webkit-align-items: flex-end;
2165      -ms-flex-align: end;
2166          align-items: flex-end;
2167  margin-bottom: 20px;
2168}
2169@media screen and (max-width: 768px) {
2170  .footer__sns {
2171    width: 100%;
2172    -webkit-box-pack: center;
2173    -webkit-justify-content: center;
2174        -ms-flex-pack: center;
2175            justify-content: center;
2176    margin-bottom: 0px;
2177  }
2178}
2179.footer__instagram {
2180  font-size: 0;
2181  content: "";
2182  display: block;
2183  width: 29px;
2184  height: 29px;
2185  background-size: contain;
2186  background-position: center;
2187  background-repeat: no-repeat;
2188  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29' fill='none'%3E%3Cg clip-path='url(%23clip0_606_374)'%3E%3Cpath d='M8.497 0.0966667C6.95033 0.174 5.89667 0.415667 4.97833 0.773333C4.02133 1.14067 3.219 1.64333 2.41667 2.44567C1.61433 3.25767 1.12133 4.06 0.744333 5.017C0.386667 5.945 0.145 6.99867 0.0773333 8.53567C0.00966666 10.1017 0 10.5947 0 14.529C0 18.4633 0.029 18.9563 0.0966667 20.503C0.174 22.0497 0.415667 23.1033 0.773333 24.0217C1.14067 24.9787 1.64333 25.781 2.44567 26.5833C3.248 27.3857 4.06 27.8787 5.017 28.246C5.93533 28.6037 6.99867 28.8453 8.53567 28.913C10.0823 28.9807 10.5753 29 14.5097 28.9903C18.444 28.9903 18.937 28.9613 20.4837 28.8937C22.0303 28.8163 23.084 28.5747 24.0023 28.217C24.9593 27.84 25.7617 27.347 26.564 26.535C27.3663 25.7327 27.8593 24.9207 28.2267 23.9637C28.5843 23.0453 28.826 21.982 28.8937 20.445C28.9613 18.8983 28.9807 18.4053 28.971 14.471C28.971 10.5367 28.942 10.0437 28.8743 8.497C28.797 6.95033 28.5553 5.89667 28.1977 4.97833C27.8207 4.02133 27.3277 3.219 26.5253 2.41667C25.723 1.61433 24.911 1.12133 23.954 0.754C23.0357 0.396333 21.9723 0.154667 20.4353 0.087C18.908 0 18.4053 0 14.471 0C10.5367 0 10.0437 0.029 8.497 0.0966667ZM8.66133 26.3127C7.25 26.2547 6.47667 26.013 5.96433 25.8197C5.28767 25.5587 4.80433 25.2397 4.292 24.737C3.77967 24.2343 3.47033 23.751 3.19967 23.0743C2.99667 22.562 2.76467 21.7983 2.697 20.387C2.62933 18.8597 2.61 18.3957 2.60033 14.529C2.60033 10.6623 2.60033 10.1983 2.67767 8.671C2.73567 7.25967 2.97733 6.48633 3.17067 5.974C3.43167 5.29733 3.75067 4.814 4.25333 4.3
21880167C4.756 3.78933 5.23933 3.48 5.916 3.20933C6.42833 3.00633 7.192 2.77433 8.60333 2.70667C10.1307 2.639 10.5947 2.61967 14.4613 2.61C18.3377 2.61 18.792 2.61 20.3193 2.68733C21.7307 2.74533 22.504 2.987 23.0067 3.18033C23.6833 3.44133 24.1667 3.75067 24.679 4.263C25.1913 4.76567 25.5007 5.249 25.7713 5.92567C25.9743 6.438 26.2063 7.20167 26.274 8.613C26.3513 10.1403 26.361 10.6043 26.3707 14.471C26.3707 18.3473 26.3707 18.8017 26.2933 20.329C26.2353 21.7403 25.9937 22.5137 25.8003 23.026C25.5393 23.7027 25.2203 24.186 24.7177 24.6983C24.215 25.201 23.7317 25.52 23.055 25.7907C22.5427 25.9937 21.779 26.2257 20.3677 26.2933C18.8403 26.361 18.3763 26.3803 14.5097 26.39C10.643 26.39 10.179 26.39 8.65167 26.3127M20.4837 6.74733C20.4837 7.70433 21.2667 8.48733 22.2237 8.48733C23.1807 8.48733 23.9637 7.70433 23.9637 6.74733C23.9637 5.79033 23.1807 5.00733 22.2237 5.00733C21.2667 5.00733 20.4837 5.79033 20.4837 6.74733ZM7.05667 14.5097C7.05667 18.618 10.4013 21.9433 14.5193 21.9433C18.6277 21.9433 21.9627 18.5987 21.953 14.4807C21.953 10.3723 18.6083 7.03733 14.4903 7.047C10.382 7.047 7.05667 10.3917 7.05667 14.5097ZM9.66667 14.5097C9.66667 11.8417 11.8223 9.67633 14.4903 9.66667C17.1583 9.66667 19.3237 11.8223 19.3333 14.4903C19.3333 17.1583 17.1777 19.3237 14.5097 19.3333C11.8417 19.3333 9.67633 17.1777 9.66667 14.5097Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_606_374'%3E%3Crect width='29' height='29' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
2189}
2190.footer__x {
2191  font-size: 0;
2192  content: "";
2193  display: block;
2194  width: 29px;
2195  height: 29px;
2196  background-size: contain;
2197  background-position: center;
2198  background-repeat: no-repeat;
2199  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29' fill='none'%3E%3Cpath d='M16.6638 12.2732L27.0874 0H24.6174L15.5665 10.6567L8.33765 0H0L10.9315 16.1148L0 28.9851H2.47021L12.0281 17.7313L19.6623 28.9851H28L16.6632 12.2732H16.6638ZM13.2805 16.2567L12.1729 14.6521L3.36026 1.88357H7.15435L14.2663 12.1882L15.3739 13.7928L24.6185 27.1872H20.8244L13.2805 16.2573V16.2567Z' fill='white'/%3E%3C/svg%3E");
2200}
2201.footer__nav {
2202  background: #222221;
2203  padding: 25px 0;
2204  text-align: center;
2205  color: #fff;
2206}
2207@media screen and (max-width: 768px) {
2208  .footer__nav {
2209    padding: 15px 0;
2210  }
2211}
2212.footer__nav-list {
2213  display: -webkit-box;
2214  display: -webkit-flex;
2215  display: -ms-flexbox;
2216  display: flex;
2217  -webkit-box-pack: center;
2218  -webkit-justify-content: center;
2219      -ms-flex-pack: center;
2220          justify-content: center;
2221  margin-bottom: 15px;
2222  gap: 15px 0;
2223}
2224@media screen and (max-width: 768px) {
2225  .footer__nav-list {
2226    -webkit-box-orient: vertical;
2227    -webkit-box-direction: normal;
2228    -webkit-flex-direction: column;
2229        -ms-flex-direction: column;
2230            flex-direction: column;
2231  }
2232}
2233.footer__nav-list > ul {
2234  display: -webkit-box;
2235  display: -webkit-flex;
2236  display: -ms-flexbox;
2237  display: flex;
2238  -webkit-flex-wrap: wrap;
2239      -ms-flex-wrap: wrap;
2240          flex-wrap: wrap;
2241  -webkit-box-pack: center;
2242  -webkit-justify-content: center;
2243      -ms-flex-pack: center;
2244          justify-content: center;
2245  -webkit-box-align: center;
2246  -webkit-align-items: center;
2247      -ms-flex-align: center;
2248          align-items: center;
2249}
2250.footer__nav-list > ul + ul {
2251  border-left: #fff solid 1px;
2252}
2253@media screen and (max-width: 768px) {
2254  .footer__nav-list > ul + ul {
2255    border-left: none;
2256  }
2257}
2258.footer__nav-list > ul li {
2259  padding: 0 10px;
2260  line-height: 1.2;
2261}
2262.footer__nav-list > ul li + li {
2263  border-left: #fff solid 1px;
2264}
2265.footer__nav-list > ul li a {
2266  color: #FFF;
2267  font-size: 13px;
2268  font-weight: 500;
2269}
2270@media screen and (max-width: 768px) {
2271  .footer__nav-list > ul li a {
2272    font-size: 12px;
2273  }
2274}
2275.footer__copyright {
2276  color: rgba(255, 244, 255, 0.6);
2277  text-align: center;
2278  font-size: 10px;
2279  font-weight: 500;
2280}
2281</style>
2282
2283<footer class="footer">
2284    <div class="footer__head">
2285        <div class="footer__head-image">
2286            <picture>
2287            <source srcset="https://gigaplus.makeshop.jp/gtramen/butayama/img/shop-image_sp.jpg" media="(max-width: 768px)" />
2288            <img src="https://gigaplus.makeshop.jp/gtramen/butayama/img/shop-image.jpg" alt="ラーメン豚山店舗">
2289            </picture>
2290        </div>
2291        <div class="footer__head-info">
2292            <h2 class="footer__title">配送について</h2>
2293            <div class="footer__content">
2294                <div class="footer__left">
2295                    <h3 class="footer__subtitle">送料無料条件</h3>
2296                    <p class="footer__text">
2297                        1配送先につき、5,000円(税込)以上のご注文で送料無料になります。
2298                    </p>
2299                    <h3 class="footer__subtitle">配送料(税込)</h3>
2300                    <table class="footer__table">
2301                        <tbody>
2302                        <tr>
2303                            <td>以下の地域以外</td>
2304                            <td class="footer__price">1,000円</td>
2305                        </tr>
2306                        <tr>
2307                            <td>北海道・九州(沖縄を除く)</td>
2308                            <td class="footer__price">1,200円</td>
2309                        </tr>
2310                        <tr>
2311                            <td>沖縄・離島</td>
2312                            <td class="footer__price">1,200円</td>
2313                        </tr>
2314                        </tbody>
2315                    </table>
2316                    <p class="footer__note">※すべてクール便(冷凍)でのお届けです。</p>
2317                </div>
2318                <div class="footer__right">
2319                    <h3 class="footer__subtitle">配送について</h3>
2320                    <p class="footer__text">
2321                        下記の地域は物流上の制約により、現在のところ冷凍便の対応が難しい状況となっております。
2322                    </p>
2323                    <ul class="footer__list">
2324                        <li>
2325                            伊豆諸島:<br class="sp">
2326                            <span class="footer__region">
2327                                青ヶ島村(青ヶ島)・利島村(利島)・御蔵島村(御蔵島)
2328                            </span>
2329                        </li>
2330                        <li>
2331                            小笠原諸島:<br class="sp">
2332                            <span class="footer__region">
2333                                小笠原村(父島・母島・硫黄島・南鳥島など)
2334                            </span>
2335                        </li>
2336                    </ul>
2337                </div>
2338            </div>
2339            <div class="footer__content02">
2340                <div class="footer__contact">
2341                    <h3 class="footer__contact-title">お問い合わせ対応時間</h3>
2342                    <p class="footer__contact-time">平日 9:30&#12316;16:30</p>
2343                    <p class="footer__contact-note">
2344                    ※16:30以降や金曜・祝日前のご連絡は、翌営業日のご対応とさせていただきます。
2345                    </p>
2346                    <p class="footer__contact-note footer__contact-note--shop">
2347                    店舗に関するご意見やお問い合わせにつきましては、<br class="pc">
2348                    当窓口ではお答えすることができません。<br>
2349                    恐れ入りますが、下記「ラーメン豚山 公式HP」の<br class="pc">
2350                    お問い合わせフォームよりご連絡をお願いいたします。<br>
2351                    <br>
2352                    ■ ラーメン豚山 公式HP<br>
2353                    <a href="https://butayama.com/" target="_blank" rel="noopener noreferrer">https://butayama.com/</a><br>
2354                    ※オンラインショップへいただいた店舗関連のお問い合わせにはご返信いたしかねますので、何卒ご了承ください。
2355                    </p>
2356                </div>
2357                <div class="footer__sns">
2358                    <a href="https://www.instagram.com/butayama_offical/" class="footer__instagram" target="_blank" rel="noopener noreferrer">instagram</a>
2359                    <a href="https://x.com/butayamabutako?s=20" class="footer__x" target="_blank" rel="noopener noreferrer">X</a>
2360                </div>
2361            </div>
2362        </div>
2363    </div>
2364
2365    <div class="footer__nav">
2366        <div class="footer__nav-list">
2367            <ul>
2368                <li><a href="/view/guide">ご利用ガイド</a></li>
2369                <li><a href="/view/page/qa">よくある質問</a></li>
2370                <li><a href="#makeshop-common-contact-url">お問い合わせ</a></li>
2371            </ul>
2372            <ul>
2373                <li><a href="/view/contract">特定商取引に関する表記</a></li>
2374                <li><a href="/view/policy">プライバシーポリシー</a></li>
2375            </ul>
2376        </div>
2377        <div class="footer__copyright">&copy; 2026 ラーメン豚山オンラインショップ All Rights Reserved.</div>
2378    </div>
2379</footer>
2380        
2380<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
2380
2381        
2381<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
2381
2382        
2382<script type="text/javascript" src="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
2382
2383        
2383<script src="/view/asset/user-8-1-2-0cb9b58356160054b26ef56005f6e557.js"></script>
2383
2384            <form name="ssl_login_form" method="post" action="https://gt-ramen.shop/ssl/slogin/" target="_top" style="margin:0;padding:0;">
2385        <input type="hidden" name="db" value="gtramen">
2386        <input type="hidden" name="type" value="">
2387        <input type="hidden" name="opt" value="">
2388        <input type="hidden" name="ssl_login_return_url" value="%2Findex.html">
2389        <input type="hidden" name="user_id" value="">
2390        <input type="hidden" name="ssl_tempid" value="289f1b89411855fa57263528d5604076">
2391    </form>
2392
2393    
2393<script language="JavaScript">
2394    function ssl_login(type, etc, user_id){
2395        var etc = (typeof(etc) != "undefined") ? etc : '';
2396        var user_id = (typeof(user_id) != "undefined") ? user_id : '';
2397
2398        document.ssl_login_form.type.value = type;
2399        document.ssl_login_form.opt.value = etc;
2400        document.ssl_login_form.user_id.value = user_id;
2401        document.ssl_login_form.submit();
2402    }
2403    </script>
2403
2404    <form name="ssl_idinfo_form" style="margin:0;padding:0;" method="post" action="https://gt-ramen.shop/ssl/ssl_idinfo/ssl_idinfo.html">
2405        <input type="hidden" name="db" value="gtramen">
2406        <input type="hidden" name="login_id" value="">
2407        <input type="hidden" name="ssl_tempid" value="289f1b89411855fa57263528d5604076">
2408    </form>
2409    
2409<script>
2410    function ssl_idinfo() {
2411        document.ssl_idinfo_form.submit();
2412    }
2413    </script>
2413
2414    <form name="ssl_confirm_form" style="margin:0;padding:0;" method="post" action="https://gt-ramen.shop/ssl/ssl_confirm/confirm.html">
2415        <input type="hidden" name="db" value="gtramen">
2416        <input type="hidden" name="login_id" value="">
2417        <input type="hidden" name="type" value="confirm">
2418        <input type="hidden" name="ssl_tempid" value="289f1b89411855fa57263528d5604076">
2419    </form>
2420    
2420<script>
2421    function ssl_confirm(){
2422        document.ssl_confirm_form.submit();
2423    }
2424    </script>
2424
2425    <form name="ssl_point_form" style="margin:0;padding:0;" method="post" action="https://gt-ramen.shop/ssl/mypage/point.html">
2426        <input type="hidden" name="db" value="gtramen">
2427        <input type="hidden" name="login_id" value="">
2428        <input type="hidden" name="ssl_tempid" value="289f1b89411855fa57263528d5604076">
2429    </form>
2430    
2430<script>
2431    function ssl_point(){
2432        document.ssl_point_form.submit();
2433    }
2434    </script>
2434
2435    <form name="ssl_favorite_form" style="margin:0;padding:0;" method="post" action="https://gt-ramen.shop/ssl/mypage/favorite.html">
2436        <input type="hidden" name="db" value="gtramen">
2437        <input type="hidden" name="login_id" value="">
2438        <input type="hidden" name="ssl_tempid" value="289f1b89411855fa57263528d5604076">
2439    </form>
2440    
2440<script>
2441    function ssl_favorite(){
2442        document.ssl_favorite_form.submit();
2443    }
2444    </script>
2444
2445    <form name="ssl_external_login_form" style="margin:0;padding:0;" method="post" action="https://gt-ramen.shop/ssl/mypage/external_login.html">
2446        <input type="hidden" name="db" value="gtramen">
2447        <input type="hidden" name="login_id" value="">
2448        <input type="hidden" name="ssl_tempid" value="289f1b89411855fa57263528d5604076">
2449    </form>
2450    
2450<script>
2451    function ssl_external_login() {
2452        document.ssl_external_login_form.submit();
2453    }
2454    </script>
2454
2455    <form name="ssl_address_book" style="margin:0;padding:0;" method="post" action="https://gt-ramen.shop/ssl/mypage/address_book.html">
2456        <input type="hidden" name="db" value="gtramen">
2457        <input type="hidden" name="login_id" value="">
2458        <input type="hidden" name="ssl_tempid" value="289f1b89411855fa57263528d5604076">
2459    </form>
2460    
2460<script>
2461    function ssl_address_book() {
2462        document.ssl_address_book.submit();
2463    }
2464    </script>
2464
2465<div class="makeshop-modal-window" data-remodal-id="makeshop-common-modal">
2466    <button data-remodal-action="close" class="remodal-close"></button>
2467    <p class="error-text"></p>
2468    <button data-remodal-action="confirm" class="remodal-confirm">OK</button>
2469</div>
2470
2471<input type="hidden" id="makeshop-page-common-cart-data"
2472    data-cart-url="/view/cart"
2473    data-cart-entry-url-prefix="#makeshop-common-cart-entry-url:"
2474    data-cart-remove-url-prefix="#makeshop-common-cart-remove-url:"
2475    data-cart-quantity-url-prefix="#makeshop-common-cart-quantity-url:"
2476    data-id-quantity-prefix="makeshop-common-cart-quantity:"
2477>
2478
2479<form id="makeshop-form-common-order" method="post" action="">
2480    <input type="hidden" name="ssl_login_id" value="">
2481    <input type="hidden" name="ssl_tempid" value="289f1b89411855fa57263528d5604076">
2482</form>
2483<input type="hidden" id="makeshop-page-common-order-data"
2484    data-order-url="#makeshop-common-order-url"
2485>
2486
2487<input type="hidden" id="makeshop-page-common-favorite-data"
2488    data-favorite-entry-url-prefix="#makeshop-common-favorite-entry-url:"
2489    data-favorite-remove-url-prefix="#makeshop-common-favorite-remove-url:"
2490>
2491
2492<input type="hidden" id="makeshop-page-common-search-data"
2493    data-id-keyword="makeshop-search-keyword"
2494    data-id-name="makeshop-search-name"
2495    data-id-price-low="makeshop-search-price-low"
2496    data-id-price-high="makeshop-search-price-high"
2497    data-id-category="makeshop-search-category"
2498    data-id-original-code="makeshop-search-original-code"
2499    data-search-url="#makeshop-common-search-url"
2500>
2501
2502<form id="makeshop-form-common-contact" method="post" action="https://gt-ramen.shop/ssl/contact/">
2503    <input type="hidden" name="admin_id" value="gtramen">
2504    <input type="hidden" name="login_id" value="">
2505    <input type="hidden" name="return_path" value="/">
2506</form>
2507<input type="hidden" id="makeshop-page-common-contact-data"
2508    data-contact-url="#makeshop-common-contact-url"
2509>
2510
2511<input type="hidden" id="makeshop-page-common-slideshow-data"
2512    data-enabled="Y"
2513    data-pause="5000"
2514    data-speed="1500"
2515    data-controls="Y"
2516    data-captions="N"
2517    data-mode="horizontal"
2518>
2519
2520
2521<script src="/js/jquery/3.7.1/jquery.min.js" defer></script>
vendor: 1 bytes, line 2521
2521
2522<script src="/js/jqueryplugin/remodal/1.1.1/remodal.min.js" defer></script>
vendor: 1 bytes, line 2522
2522
2523<script src="/js/jqueryplugin/makeshop_bxslider/4.2.14/jquery.bxslider.min.js" defer></script>
vendor: 1 bytes, line 2523
2523
2524<script src="/view/asset/system-8-1-2-24bbcddf73da439e84deb1fe53df7470.js" defer></script>
vendor: 1 bytes, line 2524
2524
2525<script src="https://static-fe.payments-amazon.com/checkout.js" charset="utf-8"></script>
vendor: 1 bytes, line 2525
2525
2526<script type="text/javascript" charset="utf-8">
2527var amazonpaybutton6ac5e49161a3d = document.querySelectorAll('.amazonpay-button6ac5e4915de88');
2528for (var amazonpaybutton6ac5e49161a3di = 0; amazonpaybutton6ac5e49161a3di < amazonpaybutton6ac5e49161a3d.length; amazonpaybutton6ac5e49161a3di++) {
2529    // BuyNowボタンの要素は除外(IDがAmazonBuyNowButtonの要素はスキップ)
2530    if (amazonpaybutton6ac5e49161a3d[amazonpaybutton6ac5e49161a3di].id === 'AmazonBuyNowButton') {
2531        continue;
2532    }
2533amazonpaybutton6ac5e49161a3d[amazonpaybutton6ac5e49161a3di].id = 'amazonpay-button' + new Date().getTime();
2534    amazon.Pay.renderButton('#' + amazonpaybutton6ac5e49161a3d[amazonpaybutton6ac5e49161a3di].id, {
2535        merchantId: 'A17LBANIWDNTGE',
2536        ledgerCurrency: 'JPY',
2537        
2538        checkoutLanguage: 'ja_JP',
2539        productType: 'PayAndShip',
2540        placement: 'Cart',
2541        buttonColor: 'Gold',
2542        createCheckoutSessionConfig: {
2543            payloadJSON: '{"paymentDetails":{"allowOvercharge":true},"scopes":["name","email","billingAddress","phoneNumber"],"storeId":"amzn1.application-oa2-client.59b8ce3e09fd4dbebe9ca773b9535797","webCheckoutDetails":{"checkoutCancelUrl":"https://shop18.makeshop.jp/shop/amazon_login_redirect.html?db=gtramen","checkoutReviewReturnUrl":"https://shop18.makeshop.jp/shop/amazon_login_redirect.html?db=gtramen"}}',
2544            signature: 'UUkpAjMlVInq3Ln3rM349eGIMepZ0YYxKf0wasl5nmiJnlwGDw5WxydzT0rnPrGwB/7LfdmuyznHBGrayTzT10TqMYXSvTXaxbg792lBehJX+7NYpc5WUE7UIoqFSDQCQ5LqS1COvaDBsvxtykD2GGOKcnRrNhnJK0ZHHBjvH5MsKGsU2yvWSRCUwfws6qjckWODRuq/qoL2eSqwkEQHCJXTAQpjM8mhC3PS33jtSw5Av/dwKPDc4xeeeyIGpWPQ+tcmDyQ+7kKc2e+p11OG02zZODoSLVZEgF0Th9b+cu+HVE5cojMsZc+FLVhzu37YMktnrerj+xF2WmjeWq9T2g==',
2545            publicKeyId: 'AG7ZOT6WS56LZWWLYTI4754G'
2546        }
2547    });
2548}
2549</script>
2549
2550<!--2da17bdd717a99c98a2f0be76c65f90c4735da7a28d8f82dea7287cd-->
2551
2552    </body>
2553</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.